ಬ್ಲಾಕ್ಕೋಟ್ ಎಂದರೇನು?

ನೀವು ಎಂದಾದರೂ ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳ ಪಟ್ಟಿಯನ್ನು ನೋಡಿದರೆ, ನೀವು "ಬ್ಲಾಕ್ಕೋಟ್ ಎಂದರೇನು?" ಬ್ಲಾಕ್ಕೋಟ್ ಎಲಿಮೆಂಟ್ ಎನ್ನುವುದು ದೀರ್ಘವಾದ ಉಲ್ಲೇಖಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಬಳಸಲಾಗುವ HTML ಟ್ಯಾಗ್ ಜೋಡಿಯಾಗಿದೆ. W3C HTML5 ನಿರ್ದಿಷ್ಟತೆಯ ಪ್ರಕಾರ ಈ ಅಂಶದ ವ್ಯಾಖ್ಯಾನವು ಇಲ್ಲಿದೆ:

ಬ್ಲಾಕ್ಕೋಟ್ ಎಲಿಮೆಂಟ್ ಮತ್ತೊಂದು ಮೂಲದಿಂದ ಉಲ್ಲೇಖಿಸಲ್ಪಟ್ಟಿರುವ ವಿಭಾಗವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ.

ನಿಮ್ಮ ವೆಬ್ಪುಟಗಳಲ್ಲಿ ಬ್ಲಾಕ್ಕೋಟ್ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು

ನೀವು ಪಠ್ಯವನ್ನು ವೆಬ್ ಪುಟದಲ್ಲಿ ಬರೆಯುತ್ತಿದ್ದರೆ ಮತ್ತು ಆ ಪುಟದ ವಿನ್ಯಾಸವನ್ನು ರಚಿಸುವಾಗ, ಪಠ್ಯದ ಬ್ಲಾಕ್ ಅನ್ನು ಉದ್ಧರಣವಾಗಿ ನೀವು ಕೆಲವೊಮ್ಮೆ ಕರೆಯಲು ಬಯಸುತ್ತೀರಿ.

ಇದು ಕೇಸ್ ಸ್ಟಡಿ ಅಥವಾ ಪ್ರಾಜೆಕ್ಟ್ ಯಶಸ್ಸಿನ ಕಥೆಯೊಂದಿಗೆ ಗ್ರಾಹಕರ ಪ್ರಶಂಸಾಪತ್ರವನ್ನು ಹೋಲುವಂತೆ ಎಲ್ಲೋ ಬೇರೆ ಉಲ್ಲೇಖದಿಂದ ಆಗಿರಬಹುದು. ಇದು ಲೇಖನದ ಅಥವಾ ವಿಷಯವನ್ನು ಸ್ವತಃ ಕೆಲವು ಪ್ರಮುಖ ಪಠ್ಯವನ್ನು ಪುನರಾವರ್ತಿಸುವ ಒಂದು ವಿನ್ಯಾಸದ ಚಿಕಿತ್ಸೆಯಾಗಿರಬಹುದು. ಪ್ರಕಾಶನದಲ್ಲಿ ಇದನ್ನು ಕೆಲವೊಮ್ಮೆ ಪುಲ್-ಕೋಟ್ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ, ವೆಬ್ ವಿನ್ಯಾಸದಲ್ಲಿ, ಇದನ್ನು ಸಾಧಿಸಲು ಇರುವ ವಿಧಾನಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ (ಮತ್ತು ನಾವು ಈ ಲೇಖನದಲ್ಲಿ ಒಳಗೊಳ್ಳುವ ವಿಧಾನ) ಬ್ಲಾಕ್ಕೋಟ್ ಎಂದು ಕರೆಯುತ್ತಾರೆ.

ಆದ್ದರಿಂದ ಲೆವಿಸ್ ಕ್ಯಾರೊಲ್ ಅವರಿಂದ "ದ ಜಬ್ಬರ್ವಾಕಿ" ಯ ಈ ಉದ್ಧೃತ ರೀತಿಯ ದೀರ್ಘ ಉಲ್ಲೇಖಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ನೀವು ಬ್ಲಾಕ್ಕೋಟ್ ಟ್ಯಾಗ್ ಅನ್ನು ಹೇಗೆ ಬಳಸುತ್ತೀರಿ ಎಂಬುದನ್ನು ನೋಡೋಣ:

'ಟ್ವಿಸ್ ಬ್ರಿಲ್ಲಿಂಗ್ ಮತ್ತು ಸ್ಲಿಟ್ಹೀ ಟೋವ್ಸ್
ಗಾಬಿಯಲ್ಲಿ ಜಿಮ್ ಮತ್ತು ಜಿಂಬಲ್ ಮಾಡಿದ್ದೀರಾ:
ಎಲ್ಲ ಮಿಮ್ಸಿಗಳು ಬೊರೊಜೊವ್ಸ್,
ಮತ್ತು ಮೋಮ್ ಹೊರಚಾಚಿದನು.

(ಲೆವಿಸ್ ಕ್ಯಾರೊಲ್ ಅವರಿಂದ)

ಬ್ಲಾಕ್ಕೋಟ್ ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸುವ ಉದಾಹರಣೆ

ಬ್ಲಾಕ್ಕೋಟ್ ಟ್ಯಾಗ್ ಎನ್ನುವುದು ಒಂದು ಲಾಕ್ಷಣಿಕ ಕೋಷ್ಟಕವಾಗಿದ್ದು, ಅದು ಬ್ರೌಸರ್ ಅಥವಾ ಬಳಕೆದಾರ ಏಜೆಂಟ್ಗೆ ವಿಷಯಗಳು ಸುದೀರ್ಘ ಉದ್ಧರಣ ಎಂದು ಹೇಳುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ಬ್ಲಾಕ್ಕೋಟ್ ಟ್ಯಾಗ್ನಲ್ಲಿನ ಉದ್ಧರಣವಲ್ಲದಿರುವ ಪಠ್ಯವನ್ನು ನೀವು ಮುಚ್ಚಬಾರದು. ನೆನಪಿಡಿ, ಒಂದು "ಉದ್ಧರಣ" ವು ಸಾಮಾನ್ಯವಾಗಿ ಯಾರೊಬ್ಬರು ಹೇಳುವ ಅಥವಾ ಹೊರಗಿನ ಮೂಲದಿಂದ ಪಠ್ಯವನ್ನು (ಈ ಲೇಖನದಲ್ಲಿ ಲೆವಿಸ್ ಕ್ಯಾರೊಲ್ ಪಠ್ಯದಂತೆ), ಆದರೆ ನಾವು ಹಿಂದೆ ಸೇರಿಸಿದ ಪುಲ್ಕೋಟ್ ಪರಿಕಲ್ಪನೆಯೂ ಆಗಿರಬಹುದು.

ನೀವು ಅದರ ಬಗ್ಗೆ ಯೋಚಿಸಿದಾಗ, ಪುಲ್ಕೋಟ್ ಪಠ್ಯದ ಒಂದು ಉದ್ಧರಣ, ಅದೇ ಲೇಖನದಿಂದ ಅದು ಉಲ್ಲೇಖವು ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.

ಹೆಚ್ಚಿನ ವೆಬ್ ಬ್ರೌಸರ್ಗಳು ಸುತ್ತಮುತ್ತಲಿನ ಪಠ್ಯದಿಂದ ಹೊರಬರಲು ಒಂದು ಬ್ಲಾಕ್ಕೋಟ್ನ ಎರಡೂ ಬದಿಗಳಲ್ಲಿ ಕೆಲವು ಇಂಡೆಂಟಿಂಗ್ಗಳನ್ನು (ಸುಮಾರು 5 ಸ್ಥಳಗಳನ್ನು) ಸೇರಿಸುತ್ತವೆ. ಕೆಲವು ಹಳೆಯ ಬ್ರೌಸರ್ಗಳು ಇಟಾಲಿಕ್ಸ್ನಲ್ಲಿ ಉಲ್ಲೇಖಿಸಿದ ಪಠ್ಯವನ್ನು ಸಹ ನಿರೂಪಿಸುತ್ತವೆ.

ಇದು ಕೇವಲ ಬ್ಲಾಕ್ಕೋಟ್ ಎಲಿಮೆಂಟ್ನ ಡೀಫಾಲ್ಟ್ ಸ್ಟೈಲಿಂಗ್ ಎಂದು ನೆನಪಿಡಿ. ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ, ನಿಮ್ಮ ಬ್ಲಾಕ್ಕೋಟ್ ಹೇಗೆ ಪ್ರದರ್ಶಿಸುತ್ತದೆ ಎಂಬುದರ ಬಗ್ಗೆ ನಿಮಗೆ ಸಂಪೂರ್ಣ ನಿಯಂತ್ರಣವಿದೆ. ನೀವು ಇಂಡೆಂಟ್ ಅನ್ನು ಹೆಚ್ಚಿಸಬಹುದು ಅಥವಾ ತೆಗೆದುಹಾಕಬಹುದು, ಹಿನ್ನಲೆ ಬಣ್ಣಗಳನ್ನು ಸೇರಿಸಬಹುದು ಅಥವಾ ಉಲ್ಲೇಖವನ್ನು ಮತ್ತಷ್ಟು ಕರೆಯಲು ಪಠ್ಯದ ಗಾತ್ರವನ್ನು ಹೆಚ್ಚಿಸಬಹುದು. ನೀವು ಪುಟದ ಒಂದು ಕಡೆಗೆ ಉಲ್ಲೇಖವನ್ನು ತೇಲುತ್ತಾರೆ ಮತ್ತು ಅದರ ಸುತ್ತಲಿನ ಇತರ ಪಠ್ಯ ಸುತ್ತುವನ್ನು ಹೊಂದಬಹುದು, ಇದು ಸಾಮಾನ್ಯವಾಗಿ ಮುದ್ರಿತ ನಿಯತಕಾಲಿಕೆಗಳಲ್ಲಿ ಪುಲ್ಕೋಟ್ಗಳಿಗಾಗಿ ಬಳಸುವ ದೃಶ್ಯ ಶೈಲಿಯಾಗಿದೆ. ಬ್ಲಾಕ್ಕೋಟ್ನ ಗೋಚರತೆಯನ್ನು ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ ನೀವು ನಿಯಂತ್ರಿಸಬಹುದು, ನಾವು ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಸಮಯವನ್ನು ಚರ್ಚಿಸುತ್ತೇವೆ. ಇದೀಗ, ನಿಮ್ಮ ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾರ್ಕ್ಅಪ್ಗೆ ಉಲ್ಲೇಖವನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು ಎಂಬುದನ್ನು ನಾವು ಮುಂದುವರಿಸೋಣ.

ನಿಮ್ಮ ಪಠ್ಯಕ್ಕೆ ಬ್ಲಾಕ್ಕೋಟ್ ಟ್ಯಾಗ್ ಅನ್ನು ಸೇರಿಸಲು, ಕೆಳಗಿನ ಟ್ಯಾಗ್ ಜೋಡಿಗಳೊಂದಿಗೆ ಉದ್ಧರಣವಾಗಿರುವ ಪಠ್ಯವನ್ನು ಸುತ್ತುವರೆದಿರಿ -

ಉದಾಹರಣೆಗೆ:

'ಟ್ವಿಸ್ ಬ್ರಿಲ್ಲಿಂಗ್ ಮತ್ತು ಸ್ಲಿಟ್ಹೀ ಟೋವ್ಸ್

ಗಾಬಿಯಲ್ಲಿ ಜಿಮ್ ಮತ್ತು ಜಿಂಬಲ್ ಮಾಡಿದ್ದೀರಾ:

ಎಲ್ಲ ಮಿಮ್ಸಿಗಳು ಬೊರೊಜೊವ್ಸ್,

ಮತ್ತು ಮೋಮ್ ಹೊರಚಾಚಿದನು.

ನೀವು ನೋಡುವಂತೆ, ನೀವು ಉಲ್ಲೇಖದ ವಿಷಯದ ಸುತ್ತಲೂ ಬ್ಲಾಕ್ಕೋಟ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಜೋಡಿ ಸೇರಿಸಿ. ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು ಕೆಲವು ಬ್ರೇಕ್ ಟ್ಯಾಗ್ಗಳು (
) ಪಠ್ಯದ ಒಳಗೆ ಸೂಕ್ತವಾದ ಏಕ ಸಾಲು ವಿರಾಮಗಳನ್ನು ಸೇರಿಸಲು. ಏಕೆಂದರೆ ನಾವು ಒಂದು ಕವಿತೆಯಿಂದ ಪಠ್ಯವನ್ನು ಪುನಃ ರಚಿಸುತ್ತಿದ್ದೇವೆ, ಅಲ್ಲಿ ನಿರ್ದಿಷ್ಟ ವಿರಾಮಗಳು ಮುಖ್ಯವಾಗಿವೆ. ನೀವು ಗ್ರಾಹಕ ಪ್ರಶಂಸಾಪತ್ರವನ್ನು ರಚಿಸುತ್ತಿದ್ದರೆ ಮತ್ತು ಸಾಲುಗಳು ನಿರ್ದಿಷ್ಟ ಭಾಗಗಳಲ್ಲಿ ಮುರಿಯಬೇಕಾದ ಅಗತ್ಯವಿಲ್ಲದಿದ್ದರೆ, ನೀವು ಈ ಬ್ರೇಕ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಸೇರಿಸಲು ಬಯಸುವುದಿಲ್ಲ ಮತ್ತು ಬ್ರೌಸರ್ ಸ್ವತಃ ಪರದೆಯ ಗಾತ್ರದ ಆಧಾರದ ಮೇಲೆ ಬೇರ್ಪಡಿಸಲು ಮತ್ತು ಮುರಿಯಲು ಅನುಮತಿಸುವುದಿಲ್ಲ.

ಪಠ್ಯವನ್ನು ಇಂಡೆಂಟ್ ಮಾಡಲು ಬ್ಲಾಕ್ಕೋಟ್ ಅನ್ನು ಬಳಸಬೇಡಿ

ಅನೇಕ ವರ್ಷಗಳ ಕಾಲ, ಜನರು ತಮ್ಮ ವೆಬ್ಪುಟದಲ್ಲಿ ಪಠ್ಯವನ್ನು ಇಂಡೆಂಟ್ ಮಾಡಲು ಬಯಸಿದರೆ, ಬ್ಲಾಕ್ಕೋಟ್ ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸುತ್ತಿದ್ದರೆ, ಆ ಪಠ್ಯವು ಪುಲ್ಕೋಟ್ ಆಗಿಲ್ಲದಿದ್ದರೂ ಸಹ. ಇದು ಕೆಟ್ಟ ಅಭ್ಯಾಸ! ದೃಷ್ಟಿಗೋಚರ ಕಾರಣಗಳಿಗಾಗಿ ಮಾತ್ರ ಬ್ಲಾಕ್ಕೋಟ್ನ ಸೆಮ್ಯಾಂಟಿಕ್ಸ್ ಅನ್ನು ಬಳಸಲು ನೀವು ಬಯಸುವುದಿಲ್ಲ. ನಿಮ್ಮ ಪಠ್ಯವನ್ನು ಇಂಡೆಂಟ್ ಮಾಡಲು ನೀವು ಬಯಸಿದಲ್ಲಿ, ನೀವು ಸ್ಟೈಲ್ ಶೀಟ್ಗಳನ್ನು ಬಳಸಬೇಕು, ಬ್ಲಾಕ್ಕೋಟ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸಬಾರದು (ನೀವು ಇಂಡೆಂಟ್ ಮಾಡಲು ಪ್ರಯತ್ನಿಸುತ್ತಿರುವಾಗ ಒಂದು ಉಲ್ಲೇಖ!). ನೀವು ಇಂಡೆಂಟ್ ಸೇರಿಸಲು ಸರಳವಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೆ ನಿಮ್ಮ ವೆಬ್ ಪುಟದಲ್ಲಿ ಈ ಕೋಡ್ ಅನ್ನು ಹಾಕಲು ಪ್ರಯತ್ನಿಸಿ:

ಇದು ಇಂಡೆಂಟ್ ಆಗಿರುವ ಪಠ್ಯವಾಗಿರುತ್ತದೆ.

ನಂತರ, ನೀವು ಆ ವರ್ಗದ CSS ಶೈಲಿಯೊಂದಿಗೆ ಗುರಿಯಾಗಿರಿಸಿಕೊಳ್ಳುತ್ತೀರಿ

. {
ಪ್ಯಾಡಿಂಗ್: 0 10px;
}

ಇದು ಪ್ಯಾರಾಗ್ರಾಫ್ನ ಎರಡೂ ಬದಿಯಲ್ಲಿ ಪ್ಯಾಡಿಂಗ್ನ 10 ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಸೇರಿಸುತ್ತದೆ.

ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ರಿಂದ ಮೂಲ ಲೇಖನ. ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ರಿಂದ 5/8/17 ರಂದು ಸಂಪಾದಿಸಲಾಗಿದೆ.