ವೆಬ್ ಸ್ಟ್ಯಾಂಡರ್ಡ್ಸ್ ಚಳವಳಿಯ ಪ್ರಮುಖ ತತ್ವವು ನಾವು ಇಂದಿನ ಉದ್ಯಮಕ್ಕೆ ಹೊಣೆಗಾರರಾಗಿದ್ದು, ಅದು ಬ್ರೌಸರ್ನಲ್ಲಿ ಹೇಗೆ ಕಾಣಿಸಿಕೊಳ್ಳಬಹುದು ಎಂಬುದರ ಬದಲಾಗಿ HTML ಅಂಶಗಳನ್ನು ಬಳಸುವ ಉದ್ದೇಶವಾಗಿದೆ. ಇದನ್ನು ಲಾಕ್ಷಣಿಕ ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ.
ಲಾಕ್ಷಣಿಕ ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಂದರೇನು
ಲಾಕ್ಷಣಿಕ ಎಚ್ಟಿಎಮ್ಎಲ್ ಅಥವಾ ಲಾಕ್ಷಣಿಕ ಮಾರ್ಕ್ಅಪ್ ಎಂದರೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೇವಲ ಪ್ರಸ್ತುತಿಗಿಂತ ವೆಬ್ ಪುಟಕ್ಕೆ ಅರ್ಥವನ್ನು ಪರಿಚಯಿಸುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ಸುತ್ತುವರಿದ ಪಠ್ಯವು ಪ್ಯಾರಾಗ್ರಾಫ್ ಎಂದು ಒಂದು
ಟ್ಯಾಗ್ ಸೂಚಿಸುತ್ತದೆ.
ಇದು ಶಬ್ದಾರ್ಥ ಮತ್ತು ಪ್ರಸ್ತುತಿ ಎರಡೂ ಆಗಿದೆ, ಯಾಕೆಂದರೆ ಜನರು ಯಾವ ಪ್ಯಾರಾಗಳು ಮತ್ತು ಬ್ರೌಸರ್ಗಳು ಅವುಗಳನ್ನು ಹೇಗೆ ಪ್ರದರ್ಶಿಸಬೇಕು ಎಂದು ತಿಳಿದಿರುತ್ತಾರೆ.
ಈ ಸಮೀಕರಣದ ಫ್ಲಿಪ್ ಸೈಡ್ನಲ್ಲಿ, ಮತ್ತು ನಂತಹ ಟ್ಯಾಗ್ಗಳು ಶಬ್ದಾರ್ಥವಲ್ಲ, ಏಕೆಂದರೆ ಪಠ್ಯವನ್ನು ಹೇಗೆ ನೋಡಬೇಕು (ದಪ್ಪ ಅಥವಾ ಇಟಲಿ) ಮತ್ತು ಮಾರ್ಕ್ಅಪ್ಗೆ ಯಾವುದೇ ಹೆಚ್ಚುವರಿ ಅರ್ಥವನ್ನು ನೀಡುವುದಿಲ್ಲ.
ಲಾಕ್ಷಣಿಕ HTML ಟ್ಯಾಗ್ಗಳ ಉದಾಹರಣೆಗಳು ಹೆಡರ್ ಟ್ಯಾಗ್ಗಳು
ಮೂಲಕ , , ಮತ್ತು . ನೀವು ಮಾನದಂಡಗಳು-ಕಂಪ್ಲೈಂಟ್ ವೆಬ್ಸೈಟ್ ನಿರ್ಮಿಸಲು ಬಳಸಬಹುದಾದ ಹಲವು ಲಾಕ್ಷಣಿಕ HTML ಟ್ಯಾಗ್ಗಳಿವೆ.
ನೀವು ಸೆಮ್ಯಾಂಟಿಕ್ಸ್ ಬಗ್ಗೆ ಏಕೆ ಕಾಳಜಿ ವಹಿಸಬೇಕು
ಯಾವುದೇ ವೆಬ್ ಪುಟದ ಚಾಲನೆ ಗುರಿ-ಯಾವುದು ಸಂವಹನ ನಡೆಸಬೇಕೆಂಬ ಬಯಕೆಯಿಂದ ಸೆಮ್ಯಾಂಟಿಕ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಾಂಡಗಳನ್ನು ಬರೆಯುವ ಪ್ರಯೋಜನ. ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ಗೆ ಶಬ್ದಾರ್ಥದ ಟ್ಯಾಗ್ಗಳನ್ನು ಸೇರಿಸುವ ಮೂಲಕ, ಆ ಡಾಕ್ಯುಮೆಂಟ್ ಬಗ್ಗೆ ಹೆಚ್ಚುವರಿ ಮಾಹಿತಿಯನ್ನು ನೀವು ಒದಗಿಸುತ್ತೀರಿ, ಅದು ಸಂವಹನದಲ್ಲಿ ಸಹಾಯ ಮಾಡುತ್ತದೆ. ನಿರ್ದಿಷ್ಟವಾಗಿ ಹೇಳುವುದಾದರೆ, ಒಂದು ಪುಟದ ಅದರ ಅರ್ಥ ಮತ್ತು ಅದರ ವಿಷಯವು ಬ್ರೌಸರ್ಗೆ ಶಬ್ದಾರ್ಥ ಟ್ಯಾಗ್ಗಳನ್ನು ಸ್ಪಷ್ಟಪಡಿಸುತ್ತದೆ.
ಆ ಸ್ಪಷ್ಟತೆ ಸರ್ಚ್ ಇಂಜಿನ್ಗಳೊಂದಿಗೆ ಸಂವಹನಗೊಳ್ಳುತ್ತದೆ, ಸರಿಯಾದ ಪ್ರಶ್ನೆಗಳಿಗೆ ಸರಿಯಾದ ಪುಟಗಳನ್ನು ತಲುಪಿಸಲಾಗುವುದು ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ.
ಲಾಕ್ಷಣಿಕ HTML ಟ್ಯಾಗ್ಗಳು ಆ ಪುಟಗಳ ವಿಷಯಗಳ ಬಗ್ಗೆ ಮಾಹಿತಿಯನ್ನು ಅವರು ಪುಟದಲ್ಲಿ ಹೇಗೆ ನೋಡುತ್ತಾರೆಂಬುದನ್ನು ಮೀರಿವೆ. ಟ್ಯಾಗ್ನಲ್ಲಿ ಸುತ್ತುವರಿದ ಪಠ್ಯವು ಕೆಲವು ರೀತಿಯ ಕೋಡಿಂಗ್ ಭಾಷೆಯಂತೆ ಬ್ರೌಸರ್ನಿಂದ ತಕ್ಷಣ ಗುರುತಿಸಲ್ಪಡುತ್ತದೆ.
ಆ ಕೋಡ್ ಅನ್ನು ಸಲ್ಲಿಸಲು ಪ್ರಯತ್ನಿಸುವ ಬದಲು, ನೀವು ಆ ಪಠ್ಯವನ್ನು ಒಂದು ಲೇಖನದ ಉದ್ದೇಶಕ್ಕಾಗಿ ಅಥವಾ ಕೆಲವು ರೀತಿಯ ಆನ್ಲೈನ್ ಟ್ಯುಟೋರಿಯಲ್ಗಾಗಿ ಕೋಡ್ನ ಉದಾಹರಣೆಯಾಗಿ ಬಳಸುತ್ತಿರುವಿರಿ ಎಂದು ಬ್ರೌಸರ್ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತದೆ.
ಶಬ್ದಾರ್ಥದ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸುವುದು ನಿಮ್ಮ ವಿಷಯವನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲು ಹಲವು ಕೊಕ್ಕೆಗಳನ್ನು ನೀಡುತ್ತದೆ. ಬಹುಶಃ ನಿಮ್ಮ ಕೋಡ್ ಮಾದರಿಗಳನ್ನು ಡೀಫಾಲ್ಟ್ ಬ್ರೌಸರ್ ಶೈಲಿಯಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲು ನೀವು ಬಯಸುತ್ತೀರಿ, ಆದರೆ ನಾಳೆ, ನೀವು ಅವುಗಳನ್ನು ಬೂದು ಹಿನ್ನೆಲೆ ಬಣ್ಣದಿಂದ ಕರೆ ಮಾಡಲು ಬಯಸುತ್ತೀರಿ ಮತ್ತು ನಂತರ ನೀವು ಬಳಸಲು ಮೊನೊ-ಸ್ಪೇಸ್ಡ್ ಫಾಂಟ್ ಕುಟುಂಬ ಅಥವಾ ಫಾಂಟ್ ಸ್ಟಾಕ್ ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಬಯಸುತ್ತೀರಿ ನಿಮ್ಮ ಮಾದರಿಗಳು. ಲಾಕ್ಷಣಿಕ ಮಾರ್ಕ್ಅಪ್ ಮತ್ತು ಅಚ್ಚುಕಟ್ಟಾದ ಅರ್ಜಿ ಸಲ್ಲಿಸಿದ ಸಿಎಸ್ಎಸ್ ಬಳಸಿಕೊಂಡು ನೀವು ಸುಲಭವಾಗಿ ಈ ಎಲ್ಲ ವಿಷಯಗಳನ್ನು ಮಾಡಬಹುದು.
ಲಾಕ್ಷಣಿಕ ಟ್ಯಾಗ್ಗಳು ಸರಿಯಾಗಿ ಬಳಸಿ
ಪ್ರಸ್ತುತಿ ಉದ್ದೇಶಗಳಿಗೆ ಬದಲಾಗಿ ಅರ್ಥವನ್ನು ತಿಳಿಸಲು ನೀವು ಶಬ್ದಾರ್ಥದ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸಲು ಬಯಸಿದಾಗ, ನೀವು ಅವುಗಳ ಸಾಮಾನ್ಯ ಪ್ರದರ್ಶನ ಗುಣಲಕ್ಷಣಗಳಿಗಾಗಿ ತಪ್ಪಾಗಿ ಬಳಸಬೇಡಿ ಎಂದು ನೀವು ಎಚ್ಚರಿಕೆಯಿಂದ ಗಮನಿಸಬೇಕು. ಸಾಮಾನ್ಯವಾಗಿ ದುರುಪಯೋಗಪಡಿಸಿಕೊಂಡ ಕೆಲವು ಲಾಕ್ಷಣಿಕ ಟ್ಯಾಗ್ಗಳು ಹೀಗಿವೆ:
- ಬ್ಲಾಕ್ಕೋಟ್ - ಕೆಲವು ಜನರಿಗೆ <ಬ್ಲಾಕ್ಕೋಟ್> ಟ್ಯಾಗ್ ಅನ್ನು ಇಂಡೆಂಟಿಂಗ್ ಪಠ್ಯಕ್ಕಾಗಿ ಉದ್ಧರಣವಲ್ಲ. ಏಕೆಂದರೆ ಬ್ಲಾಕ್ಕೋಟ್ಗಳನ್ನು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಇಂಡೆಂಟ್ ಮಾಡಲಾಗುತ್ತದೆ. ನೀವು ಕೇವಲ ಇಂಡೆಂಟೇಷನ್ ಪ್ರಯೋಜನಗಳನ್ನು ಬಯಸಿದರೆ, ಆದರೆ ಪಠ್ಯವು ಬ್ಲಾಕ್ಕೋಟ್ ಅಲ್ಲ, ಬದಲಾಗಿ ಸಿಎಸ್ಎಸ್ ಅಂಚುಗಳನ್ನು ಬಳಸಿ.
- ಪು - ಕೆಲವು ವೆಬ್ ಸಂಪಾದಕರು ಆ ಪುಟದ ಪಠ್ಯಕ್ಕಾಗಿ ನಿಜವಾದ ಪ್ಯಾರಾಗ್ರಾಫ್ಗಳನ್ನು ವಿವರಿಸುವ ಬದಲು, ಪುಟ ಅಂಶಗಳ ನಡುವೆ ಹೆಚ್ಚುವರಿ ಜಾಗವನ್ನು ಸೇರಿಸಲು
& nbsp; p> (ಪ್ಯಾರಾಗ್ರಾಫ್ನಲ್ಲಿ ಒಳಗೊಂಡಿರುವ ಒಂದು ಮುರಿಯುವ ಸ್ಥಳ) ಅನ್ನು ಬಳಸುತ್ತಾರೆ. ಹಿಂದೆ ಸೂಚಿಸಿದ ಇಂಡೆಂಟಿಂಗ್ ಉದಾಹರಣೆಯಂತೆ, ನೀವು ಸ್ಥಳವನ್ನು ಸೇರಿಸಲು ಅಂಚು ಅಥವಾ ಪ್ಯಾಡಿಂಗ್ ಶೈಲಿ ಆಸ್ತಿಯನ್ನು ಬಳಸಬೇಕು.
- ಉಲ್ - ಬ್ಲಾಕ್ಕೋಟ್ನಂತೆ,
ಟ್ಯಾಗ್ನ ಒಳಗೆ ಲಗತ್ತಿಸುವ ಪಠ್ಯವು ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಪಠ್ಯವನ್ನು ಇಂಡೆಂಟ್ ಮಾಡುತ್ತದೆ. ಇದು ಅರ್ಥಾತ್ ತಪ್ಪಾಗಿದೆ ಮತ್ತು ಅಮಾನ್ಯವಾದ ಎಚ್ಟಿಎಮ್ಎಲ್ ಆಗಿದೆ, ಕೇವಲ - ಟ್ಯಾಗ್ಗಳು
ಟ್ಯಾಗ್ನಲ್ಲಿ ಮಾನ್ಯವಾಗಿರುತ್ತವೆ. ಮತ್ತೊಮ್ಮೆ, ಪಠ್ಯವನ್ನು ಇಂಡೆಂಟ್ ಮಾಡಲು ಅಂಚು ಅಥವಾ ಪ್ಯಾಡಿಂಗ್ ಶೈಲಿಯನ್ನು ಬಳಸಿ.
- h1-h6 - ಶಿರೋನಾಮೆ ಟ್ಯಾಗ್ಗಳನ್ನು ಫಾಂಟ್ಗಳನ್ನು ದೊಡ್ಡದಾಗಿ ಮತ್ತು ದೊಡ್ಡದಾಗಿ ಮಾಡಲು ಬಳಸಬಹುದಾಗಿದೆ, ಆದರೆ ಪಠ್ಯವು ಶಿರೋನಾಮೆಯಾಗಿಲ್ಲದಿದ್ದರೆ, ಅದು ಶಿರೋನಾಮೆ ಟ್ಯಾಗ್ನೊಳಗೆ ಇರಬಾರದು. ನಿಮ್ಮ ಪುಟದ ನಿರ್ದಿಷ್ಟ ಪಠ್ಯದ ಗಾತ್ರ ಅಥವಾ ತೂಕವನ್ನು ಬದಲಾಯಿಸಲು ನೀವು ಬಯಸಿದಲ್ಲಿ ಫಾಂಟ್-ತೂಕದ ಮತ್ತು ಫಾಂಟ್-ಗಾತ್ರದ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಿ ..
ಅರ್ಥವನ್ನು ಹೊಂದಿರುವ HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸುವುದರ ಮೂಲಕ,
ಟ್ಯಾಗ್ಗಳೊಂದಿಗೆ ಎಲ್ಲವನ್ನೂ ಸುತ್ತುವರೆದಿರುವುದಕ್ಕಿಂತ ಹೆಚ್ಚು ಮಾಹಿತಿಯನ್ನು ನೀಡುವ ಪುಟಗಳನ್ನು ನೀವು ರಚಿಸಿ.
ಯಾವ HTML ಟ್ಯಾಗ್ಗಳು ಸೆಮ್ಯಾಂಟಿಕ್ ಬಯಸುವಿರಾ?
ಸುಮಾರು ಪ್ರತಿ HTML4 ಟ್ಯಾಗ್ ಮತ್ತು ಎಲ್ಲ HTML5 ಟ್ಯಾಗ್ಗಳು ಶಬ್ದಾರ್ಥದ ಅರ್ಥವನ್ನು ಹೊಂದಿದ್ದರೂ, ಕೆಲವು ಟ್ಯಾಗ್ಗಳು ಪ್ರಾಥಮಿಕವಾಗಿ ಶಬ್ದಾರ್ಥದಲ್ಲಿವೆ.
ಉದಾಹರಣೆಗೆ, HTML5 ಮತ್ತು ಟ್ಯಾಗ್ಗಳ ಅರ್ಥವನ್ನು ಲಾಕ್ಷಣಿಕ ಎಂದು ಮರು ವ್ಯಾಖ್ಯಾನಿಸಿದೆ. ಟ್ಯಾಗ್ ಹೆಚ್ಚುವರಿ ಪ್ರಾಮುಖ್ಯತೆಯನ್ನು ತಿಳಿಸುವುದಿಲ್ಲ, ಬದಲಿಗೆ ಪಠ್ಯವನ್ನು ವಿಶಿಷ್ಟವಾಗಿ ದಪ್ಪವಾಗಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಟ್ಯಾಗ್ ಸಹ ಹೆಚ್ಚಿನ ಪ್ರಾಮುಖ್ಯತೆಯನ್ನು ಅಥವಾ ಮಹತ್ವವನ್ನು ತಿಳಿಸುವುದಿಲ್ಲ, ಆದರೆ ಇಟಾಲಿಕ್ಸ್ನಲ್ಲಿ ಸಾಮಾನ್ಯವಾಗಿ ಪಠ್ಯವನ್ನು ನಿರೂಪಿಸುತ್ತದೆ.
ಲಾಕ್ಷಣಿಕ HTML ಟ್ಯಾಗ್ಗಳು
ಸಂಕ್ಷೇಪಣ <ಸಂಕ್ಷಿಪ್ತರೂಪ> ಅಕ್ರೊನಿಮ್
ಉದ್ದ ಉದ್ಧರಣ ವ್ಯಾಖ್ಯಾನ ಡಾಕ್ಯುಮೆಂಟ್ನ ಲೇಖಕರು (ಗಳು) ಗಾಗಿ ವಿಳಾಸ ಉಲ್ಲೇಖಗಳು
ಕೋಡ್ ಉಲ್ಲೇಖ ಟೆಲಿಟೈಪ್ ಪಠ್ಯ ತಾರ್ಕಿಕ ವಿಭಾಗ ಜೆನೆರಿಕ್ ಇನ್ಲೈನ್ ಸ್ಟೈಲ್ ಕಂಟೇನರ್ ಅಳಿಸಲಾದ ಪಠ್ಯ ಸೇರಿಸಲಾದ ಪಠ್ಯ ಮಹತ್ವ ಬಲವಾದ ಒತ್ತು
ಮೊದಲ ಹಂತದ ಶೀರ್ಷಿಕೆ
ಎರಡನೇ ಹಂತದ ಶೀರ್ಷಿಕೆ
ಮೂರನೇ ಹಂತದ ಶೀರ್ಷಿಕೆ
ನಾಲ್ಕನೇ ಹಂತದ ಶೀರ್ಷಿಕೆ
ಐದನೇ ಹಂತದ ಶೀರ್ಷಿಕೆ
ಆರನೇ ಮಟ್ಟದ ಶೀರ್ಷಿಕೆ
ಥೆಮ್ಯಾಟಿಕ್ ಬ್ರೇಕ್ ಬಳಕೆದಾರರಿಂದ ನಮೂದಿಸಬೇಕಾದ ಪಠ್ಯ
ಪೂರ್ವ ಸ್ವರೂಪದ ಪಠ್ಯ
ಸಣ್ಣ ಇನ್ಲೈನ್ ಉದ್ಧರಣ <ಸ್ಯಾಂಪ್> ಮಾದರಿ ಔಟ್ಪುಟ್ ಚಂದಾದಾರಿಕೆ ಸೂಪರ್ಸ್ಕ್ರಿಪ್ಟ್ ವೇರಿಯಬಲ್ ಅಥವಾ ಬಳಕೆದಾರ ವ್ಯಾಖ್ಯಾನಿಸಿದ ಪಠ್ಯ
, ಮತ್ತು . ನೀವು ಮಾನದಂಡಗಳು-ಕಂಪ್ಲೈಂಟ್ ವೆಬ್ಸೈಟ್ ನಿರ್ಮಿಸಲು ಬಳಸಬಹುದಾದ ಹಲವು ಲಾಕ್ಷಣಿಕ HTML ಟ್ಯಾಗ್ಗಳಿವೆ.
ನೀವು ಸೆಮ್ಯಾಂಟಿಕ್ಸ್ ಬಗ್ಗೆ ಏಕೆ ಕಾಳಜಿ ವಹಿಸಬೇಕು
ಯಾವುದೇ ವೆಬ್ ಪುಟದ ಚಾಲನೆ ಗುರಿ-ಯಾವುದು ಸಂವಹನ ನಡೆಸಬೇಕೆಂಬ ಬಯಕೆಯಿಂದ ಸೆಮ್ಯಾಂಟಿಕ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಾಂಡಗಳನ್ನು ಬರೆಯುವ ಪ್ರಯೋಜನ. ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ಗೆ ಶಬ್ದಾರ್ಥದ ಟ್ಯಾಗ್ಗಳನ್ನು ಸೇರಿಸುವ ಮೂಲಕ, ಆ ಡಾಕ್ಯುಮೆಂಟ್ ಬಗ್ಗೆ ಹೆಚ್ಚುವರಿ ಮಾಹಿತಿಯನ್ನು ನೀವು ಒದಗಿಸುತ್ತೀರಿ, ಅದು ಸಂವಹನದಲ್ಲಿ ಸಹಾಯ ಮಾಡುತ್ತದೆ. ನಿರ್ದಿಷ್ಟವಾಗಿ ಹೇಳುವುದಾದರೆ, ಒಂದು ಪುಟದ ಅದರ ಅರ್ಥ ಮತ್ತು ಅದರ ವಿಷಯವು ಬ್ರೌಸರ್ಗೆ ಶಬ್ದಾರ್ಥ ಟ್ಯಾಗ್ಗಳನ್ನು ಸ್ಪಷ್ಟಪಡಿಸುತ್ತದೆ.
ಆ ಸ್ಪಷ್ಟತೆ ಸರ್ಚ್ ಇಂಜಿನ್ಗಳೊಂದಿಗೆ ಸಂವಹನಗೊಳ್ಳುತ್ತದೆ, ಸರಿಯಾದ ಪ್ರಶ್ನೆಗಳಿಗೆ ಸರಿಯಾದ ಪುಟಗಳನ್ನು ತಲುಪಿಸಲಾಗುವುದು ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ.
ಲಾಕ್ಷಣಿಕ HTML ಟ್ಯಾಗ್ಗಳು ಆ ಪುಟಗಳ ವಿಷಯಗಳ ಬಗ್ಗೆ ಮಾಹಿತಿಯನ್ನು ಅವರು ಪುಟದಲ್ಲಿ ಹೇಗೆ ನೋಡುತ್ತಾರೆಂಬುದನ್ನು ಮೀರಿವೆ. ಟ್ಯಾಗ್ನಲ್ಲಿ ಸುತ್ತುವರಿದ ಪಠ್ಯವು ಕೆಲವು ರೀತಿಯ ಕೋಡಿಂಗ್ ಭಾಷೆಯಂತೆ ಬ್ರೌಸರ್ನಿಂದ ತಕ್ಷಣ ಗುರುತಿಸಲ್ಪಡುತ್ತದೆ.
ಆ ಕೋಡ್ ಅನ್ನು ಸಲ್ಲಿಸಲು ಪ್ರಯತ್ನಿಸುವ ಬದಲು, ನೀವು ಆ ಪಠ್ಯವನ್ನು ಒಂದು ಲೇಖನದ ಉದ್ದೇಶಕ್ಕಾಗಿ ಅಥವಾ ಕೆಲವು ರೀತಿಯ ಆನ್ಲೈನ್ ಟ್ಯುಟೋರಿಯಲ್ಗಾಗಿ ಕೋಡ್ನ ಉದಾಹರಣೆಯಾಗಿ ಬಳಸುತ್ತಿರುವಿರಿ ಎಂದು ಬ್ರೌಸರ್ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತದೆ.
ಶಬ್ದಾರ್ಥದ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸುವುದು ನಿಮ್ಮ ವಿಷಯವನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲು ಹಲವು ಕೊಕ್ಕೆಗಳನ್ನು ನೀಡುತ್ತದೆ. ಬಹುಶಃ ನಿಮ್ಮ ಕೋಡ್ ಮಾದರಿಗಳನ್ನು ಡೀಫಾಲ್ಟ್ ಬ್ರೌಸರ್ ಶೈಲಿಯಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲು ನೀವು ಬಯಸುತ್ತೀರಿ, ಆದರೆ ನಾಳೆ, ನೀವು ಅವುಗಳನ್ನು ಬೂದು ಹಿನ್ನೆಲೆ ಬಣ್ಣದಿಂದ ಕರೆ ಮಾಡಲು ಬಯಸುತ್ತೀರಿ ಮತ್ತು ನಂತರ ನೀವು ಬಳಸಲು ಮೊನೊ-ಸ್ಪೇಸ್ಡ್ ಫಾಂಟ್ ಕುಟುಂಬ ಅಥವಾ ಫಾಂಟ್ ಸ್ಟಾಕ್ ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಬಯಸುತ್ತೀರಿ ನಿಮ್ಮ ಮಾದರಿಗಳು. ಲಾಕ್ಷಣಿಕ ಮಾರ್ಕ್ಅಪ್ ಮತ್ತು ಅಚ್ಚುಕಟ್ಟಾದ ಅರ್ಜಿ ಸಲ್ಲಿಸಿದ ಸಿಎಸ್ಎಸ್ ಬಳಸಿಕೊಂಡು ನೀವು ಸುಲಭವಾಗಿ ಈ ಎಲ್ಲ ವಿಷಯಗಳನ್ನು ಮಾಡಬಹುದು.
ಲಾಕ್ಷಣಿಕ ಟ್ಯಾಗ್ಗಳು ಸರಿಯಾಗಿ ಬಳಸಿ
ಪ್ರಸ್ತುತಿ ಉದ್ದೇಶಗಳಿಗೆ ಬದಲಾಗಿ ಅರ್ಥವನ್ನು ತಿಳಿಸಲು ನೀವು ಶಬ್ದಾರ್ಥದ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸಲು ಬಯಸಿದಾಗ, ನೀವು ಅವುಗಳ ಸಾಮಾನ್ಯ ಪ್ರದರ್ಶನ ಗುಣಲಕ್ಷಣಗಳಿಗಾಗಿ ತಪ್ಪಾಗಿ ಬಳಸಬೇಡಿ ಎಂದು ನೀವು ಎಚ್ಚರಿಕೆಯಿಂದ ಗಮನಿಸಬೇಕು. ಸಾಮಾನ್ಯವಾಗಿ ದುರುಪಯೋಗಪಡಿಸಿಕೊಂಡ ಕೆಲವು ಲಾಕ್ಷಣಿಕ ಟ್ಯಾಗ್ಗಳು ಹೀಗಿವೆ:
- ಬ್ಲಾಕ್ಕೋಟ್ - ಕೆಲವು ಜನರಿಗೆ <ಬ್ಲಾಕ್ಕೋಟ್> ಟ್ಯಾಗ್ ಅನ್ನು ಇಂಡೆಂಟಿಂಗ್ ಪಠ್ಯಕ್ಕಾಗಿ ಉದ್ಧರಣವಲ್ಲ. ಏಕೆಂದರೆ ಬ್ಲಾಕ್ಕೋಟ್ಗಳನ್ನು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಇಂಡೆಂಟ್ ಮಾಡಲಾಗುತ್ತದೆ. ನೀವು ಕೇವಲ ಇಂಡೆಂಟೇಷನ್ ಪ್ರಯೋಜನಗಳನ್ನು ಬಯಸಿದರೆ, ಆದರೆ ಪಠ್ಯವು ಬ್ಲಾಕ್ಕೋಟ್ ಅಲ್ಲ, ಬದಲಾಗಿ ಸಿಎಸ್ಎಸ್ ಅಂಚುಗಳನ್ನು ಬಳಸಿ.
- ಪು - ಕೆಲವು ವೆಬ್ ಸಂಪಾದಕರು ಆ ಪುಟದ ಪಠ್ಯಕ್ಕಾಗಿ ನಿಜವಾದ ಪ್ಯಾರಾಗ್ರಾಫ್ಗಳನ್ನು ವಿವರಿಸುವ ಬದಲು, ಪುಟ ಅಂಶಗಳ ನಡುವೆ ಹೆಚ್ಚುವರಿ ಜಾಗವನ್ನು ಸೇರಿಸಲು
& nbsp; p> (ಪ್ಯಾರಾಗ್ರಾಫ್ನಲ್ಲಿ ಒಳಗೊಂಡಿರುವ ಒಂದು ಮುರಿಯುವ ಸ್ಥಳ) ಅನ್ನು ಬಳಸುತ್ತಾರೆ. ಹಿಂದೆ ಸೂಚಿಸಿದ ಇಂಡೆಂಟಿಂಗ್ ಉದಾಹರಣೆಯಂತೆ, ನೀವು ಸ್ಥಳವನ್ನು ಸೇರಿಸಲು ಅಂಚು ಅಥವಾ ಪ್ಯಾಡಿಂಗ್ ಶೈಲಿ ಆಸ್ತಿಯನ್ನು ಬಳಸಬೇಕು.
- ಉಲ್ - ಬ್ಲಾಕ್ಕೋಟ್ನಂತೆ,
ಟ್ಯಾಗ್ನ ಒಳಗೆ ಲಗತ್ತಿಸುವ ಪಠ್ಯವು ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಪಠ್ಯವನ್ನು ಇಂಡೆಂಟ್ ಮಾಡುತ್ತದೆ. ಇದು ಅರ್ಥಾತ್ ತಪ್ಪಾಗಿದೆ ಮತ್ತು ಅಮಾನ್ಯವಾದ ಎಚ್ಟಿಎಮ್ಎಲ್ ಆಗಿದೆ, ಕೇವಲ - ಟ್ಯಾಗ್ಗಳು
ಟ್ಯಾಗ್ನಲ್ಲಿ ಮಾನ್ಯವಾಗಿರುತ್ತವೆ. ಮತ್ತೊಮ್ಮೆ, ಪಠ್ಯವನ್ನು ಇಂಡೆಂಟ್ ಮಾಡಲು ಅಂಚು ಅಥವಾ ಪ್ಯಾಡಿಂಗ್ ಶೈಲಿಯನ್ನು ಬಳಸಿ.
- h1-h6 - ಶಿರೋನಾಮೆ ಟ್ಯಾಗ್ಗಳನ್ನು ಫಾಂಟ್ಗಳನ್ನು ದೊಡ್ಡದಾಗಿ ಮತ್ತು ದೊಡ್ಡದಾಗಿ ಮಾಡಲು ಬಳಸಬಹುದಾಗಿದೆ, ಆದರೆ ಪಠ್ಯವು ಶಿರೋನಾಮೆಯಾಗಿಲ್ಲದಿದ್ದರೆ, ಅದು ಶಿರೋನಾಮೆ ಟ್ಯಾಗ್ನೊಳಗೆ ಇರಬಾರದು. ನಿಮ್ಮ ಪುಟದ ನಿರ್ದಿಷ್ಟ ಪಠ್ಯದ ಗಾತ್ರ ಅಥವಾ ತೂಕವನ್ನು ಬದಲಾಯಿಸಲು ನೀವು ಬಯಸಿದಲ್ಲಿ ಫಾಂಟ್-ತೂಕದ ಮತ್ತು ಫಾಂಟ್-ಗಾತ್ರದ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಿ ..
ಅರ್ಥವನ್ನು ಹೊಂದಿರುವ HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸುವುದರ ಮೂಲಕ,
ಟ್ಯಾಗ್ಗಳೊಂದಿಗೆ ಎಲ್ಲವನ್ನೂ ಸುತ್ತುವರೆದಿರುವುದಕ್ಕಿಂತ ಹೆಚ್ಚು ಮಾಹಿತಿಯನ್ನು ನೀಡುವ ಪುಟಗಳನ್ನು ನೀವು ರಚಿಸಿ.
ಯಾವ HTML ಟ್ಯಾಗ್ಗಳು ಸೆಮ್ಯಾಂಟಿಕ್ ಬಯಸುವಿರಾ?
ಸುಮಾರು ಪ್ರತಿ HTML4 ಟ್ಯಾಗ್ ಮತ್ತು ಎಲ್ಲ HTML5 ಟ್ಯಾಗ್ಗಳು ಶಬ್ದಾರ್ಥದ ಅರ್ಥವನ್ನು ಹೊಂದಿದ್ದರೂ, ಕೆಲವು ಟ್ಯಾಗ್ಗಳು ಪ್ರಾಥಮಿಕವಾಗಿ ಶಬ್ದಾರ್ಥದಲ್ಲಿವೆ.
ಉದಾಹರಣೆಗೆ, HTML5 ಮತ್ತು ಟ್ಯಾಗ್ಗಳ ಅರ್ಥವನ್ನು ಲಾಕ್ಷಣಿಕ ಎಂದು ಮರು ವ್ಯಾಖ್ಯಾನಿಸಿದೆ. ಟ್ಯಾಗ್ ಹೆಚ್ಚುವರಿ ಪ್ರಾಮುಖ್ಯತೆಯನ್ನು ತಿಳಿಸುವುದಿಲ್ಲ, ಬದಲಿಗೆ ಪಠ್ಯವನ್ನು ವಿಶಿಷ್ಟವಾಗಿ ದಪ್ಪವಾಗಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಟ್ಯಾಗ್ ಸಹ ಹೆಚ್ಚಿನ ಪ್ರಾಮುಖ್ಯತೆಯನ್ನು ಅಥವಾ ಮಹತ್ವವನ್ನು ತಿಳಿಸುವುದಿಲ್ಲ, ಆದರೆ ಇಟಾಲಿಕ್ಸ್ನಲ್ಲಿ ಸಾಮಾನ್ಯವಾಗಿ ಪಠ್ಯವನ್ನು ನಿರೂಪಿಸುತ್ತದೆ.
ಲಾಕ್ಷಣಿಕ HTML ಟ್ಯಾಗ್ಗಳು
ಸಂಕ್ಷೇಪಣ <ಸಂಕ್ಷಿಪ್ತರೂಪ> ಅಕ್ರೊನಿಮ್
ಉದ್ದ ಉದ್ಧರಣ ವ್ಯಾಖ್ಯಾನ ಡಾಕ್ಯುಮೆಂಟ್ನ ಲೇಖಕರು (ಗಳು) ಗಾಗಿ ವಿಳಾಸ ಉಲ್ಲೇಖಗಳು
ಕೋಡ್ ಉಲ್ಲೇಖ ಟೆಲಿಟೈಪ್ ಪಠ್ಯ ತಾರ್ಕಿಕ ವಿಭಾಗ ಜೆನೆರಿಕ್ ಇನ್ಲೈನ್ ಸ್ಟೈಲ್ ಕಂಟೇನರ್ ಅಳಿಸಲಾದ ಪಠ್ಯ ಸೇರಿಸಲಾದ ಪಠ್ಯ ಮಹತ್ವ ಬಲವಾದ ಒತ್ತು
ಮೊದಲ ಹಂತದ ಶೀರ್ಷಿಕೆ
ಎರಡನೇ ಹಂತದ ಶೀರ್ಷಿಕೆ
ಮೂರನೇ ಹಂತದ ಶೀರ್ಷಿಕೆ
ನಾಲ್ಕನೇ ಹಂತದ ಶೀರ್ಷಿಕೆ
ಐದನೇ ಹಂತದ ಶೀರ್ಷಿಕೆ
ಆರನೇ ಮಟ್ಟದ ಶೀರ್ಷಿಕೆ
ಥೆಮ್ಯಾಟಿಕ್ ಬ್ರೇಕ್ ಬಳಕೆದಾರರಿಂದ ನಮೂದಿಸಬೇಕಾದ ಪಠ್ಯ
ಪೂರ್ವ ಸ್ವರೂಪದ ಪಠ್ಯ
ಸಣ್ಣ ಇನ್ಲೈನ್ ಉದ್ಧರಣ <ಸ್ಯಾಂಪ್> ಮಾದರಿ ಔಟ್ಪುಟ್ ಚಂದಾದಾರಿಕೆ ಸೂಪರ್ಸ್ಕ್ರಿಪ್ಟ್ ವೇರಿಯಬಲ್ ಅಥವಾ ಬಳಕೆದಾರ ವ್ಯಾಖ್ಯಾನಿಸಿದ ಪಠ್ಯ