ಬಹುತೇಕ ಯಾರೂ ಬಳಸದ ಇನ್ಲೈನ್ HTML
ಹೆಚ್ಚಿನ ಡೆವಲಪರ್ಗಳಿಗೆ <b>, <i>, ಮತ್ತು <a> ತಿಳಿದಿದೆ.
ನೀವು ಬಹುಶಃ <ins>, <dfn>, <abbr>, <var>, <q>, ಮತ್ತು <mark> ನಂತಹ ಇತರ ಟ್ಯಾಗ್ಗಳನ್ನು ನಿರ್ಲಕ್ಷಿಸುತ್ತಿರಬಹುದು. ಏಕೆಂದರೆ ನೀವು ಇವುಗಳ ಬದಲಿಗೆ <span class="something"> ಅನ್ನು ಬಳಸುತ್ತೀರಿ.
ಈ ಎಲಿಮೆಂಟ್ಗಳನ್ನು ಬಳಸುವುದು ಅರ್ಥವನ್ನು ನೀಡುತ್ತದೆ. ಸ್ಟೈಲ್ ಮಾಡಿದ span ಒಂದು ಯಂತ್ರಕ್ಕೆ (machine) ಯಾವುದೇ ಮಾಹಿತಿ ನೀಡುವುದಿಲ್ಲ. ಈ ಎಲಿಮೆಂಟ್ಗಳು ಸ್ಕ್ರೀನ್ ರೀಡರ್ಗಳು ಮತ್ತು ಸರ್ಚ್ ಇಂಜಿನ್ಗಳಿಗೆ ಡೇಟಾವನ್ನು ಒದಗಿಸುತ್ತವೆ.
ನೀವು ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದ ಉಪಯುಕ್ತ ಎಲಿಮೆಂಟ್ಗಳು ಇಲ್ಲಿವೆ:
• <ins> ಮತ್ತು <del>: ಇವು ಬದಲಾವಣೆಗಳನ್ನು ಪತ್ತೆಹಚ್ಚುತ್ತವೆ. ಅಳಿಸಿಹಾಕಿದ ಪಠ್ಯಕ್ಕಾಗಿ <del> ಅನ್ನು ಮತ್ತು ಹೊಸ ಪಠ್ಯಕ್ಕಾಗಿ <ins> ಅನ್ನು ಬಳಸಿ. ಇವು ಎಡಿಟ್ಗಳನ್ನು ತೋರಿಸಲು ಒಟ್ಟಾಗಿ ಕೆಲಸ ಮಾಡುತ್ತವೆ.
• <s>: ಇದು ಇನ್ನು ಮುಂದೆ ನಿಖರವಾಗಿಲ್ಲದ ವಿಷಯಗಳಿಗಾಗಿ ಬಳಸಿ. ಇದು ಡಿಲೀಷನ್ನಿಂದ ಭಿನ್ನವಾಗಿದೆ. ಇದು ಹಳೆಯ ಬೆಲೆಯಂತಹ ಹಳೆಯದಾದ ಮಾಹಿತಿಯನ್ನು ಗುರುತಿಸುತ್ತದೆ.
• <sub> ಮತ್ತು <sup>: ಇವುಗಳನ್ನು ರಾಸಾಯನಿಕ ಸೂತ್ರಗಳು ಅಥವಾ ಗಣಿತದ ಘಾತಾಂಕಗಳಿಗಾಗಿ ಬಳಸಿ. ಪಠ್ಯವನ್ನು ಚಿಕ್ಕದಾಗಿ ಮಾಡಲು ಮಾತ್ರ ಇವುಗಳನ್ನು ಬಳಸಬೇಡಿ.
• <var>: ಗಣಿತ ಅಥವಾ ಕೋಡ್ನಲ್ಲಿನ ವೇರಿಯೇಬಲ್ಗಳಿಗಾಗಿ ಇದನ್ನು ಬಳಸಿ.
• <mark>: ಇದು ಪ್ರಸ್ತುತತೆಯನ್ನು ತೋರಿಸಲು ಪಠ್ಯವನ್ನು ಹೈಲೈಟ್ ಮಾಡುತ್ತದೆ. ಸರ್ಚ್ ಇಂಜಿನ್ಗಳು ಕ್ವೆರಿ ಹೊಂದಾಣಿಕೆಗಳನ್ನು ತೋರಿಸಲು ಇದನ್ನು ಬಳಸುತ್ತವೆ.
• <abbr>: ಇದು ಟೂಲ್ಟಿಪ್ ಮೂಲಕ ಸಂಕ್ಷಿಪ್ತ ರೂಪದ ಪೂರ್ಣ ಆವೃತ್ತಿಯನ್ನು ಒದಗಿಸುತ್ತದೆ.
• <dfn>: ನೀವು ಒಂದು ಪದವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುವ ನಿರ್ದಿಷ್ಟ ಸಂದರ್ಭವನ್ನು ಗುರುತಿಸಲು ಇದನ್ನು ಬಳಸಿ.
• <cite>: ಪುಸ್ತಕ ಅಥವಾ ಪ್ರಬಂಧದಂತಹ ಕೃತಿಯ ಶೀರ್ಷಿಕೆಗಾಗಿ ಇದನ್ನು ಬಳಸಿ. ಇದು ವ್ಯಕ್ತಿಯ ಹೆಸರಿಗಾಗಿ ಅಲ್ಲ.
• <q>: ಇದು ಇನ್ಲೈನ್ ಉಲ್ಲೇಖಗಳನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ. ಬ್ರೌಸರ್ ನಿಮಗಾಗಿ ಉಲ್ಲೇಖ ಚಿಹ್ನೆಗಳನ್ನು ಸೇರಿಸುತ್ತದೆ.
ಬ್ರೌಸರ್ನ ಡಿಫಾಲ್ಟ್ ವಿನ್ಯಾಸಗಳು ಹೆಚ್ಚಾಗಿ ನೋಡಲು ಅಸಹ್ಯವಾಗಿರುತ್ತವೆ. <mark> ಎಂಬುದು ಹಳದಿ ಹೈಲೈಟರ್ನಂತೆ ಕಾಣುತ್ತದೆ. <q> ನಲ್ಲಿ ಯಾದೃಚ್ಛಿಕ ಚಿಹ್ನೆಗಳಿರುತ್ತವೆ.
ನೀವು ಈ ಟ್ಯಾಗ್ಗಳನ್ನು ತಪ್ಪಿಸುವ ಅಗತ್ಯವಿಲ್ಲ. ನೀವು ಕೇವಲ CSS ಅನ್ನು ಸೇರಿಸಿದರೆ ಸಾಕು.
<mark> ಗೆ ಬ್ರ್ಯಾಂಡ್ ಬಣ್ಣ ನೀಡಿ. <abbr> ಗೆ ಡಾಟೆಡ್ ಅಂಡರ್ಲೈನ್ ನೀಡಿ. ಇದು ಸೆಮ್ಯಾಂಟಿಕ್ ಕೋಡ್ ಅನ್ನು ಸುಂದರವಾದ ಟೈಪೋಗ್ರಫಿಯಾಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ.
ವರ್ಷಕ್ಕೆ ಒಮ್ಮೆ ಸರಿಯಾದ ಟ್ಯಾಗ್ ಬಳಸುವುದು, ವಿಷಯವು ನಿಜವಾಗಿ ಏನೋ ಅದರ ಬಗ್ಗೆ ಸುಳ್ಳು ಹೇಳುವ span ಅನ್ನು ಬಳಸುವುದಕ್ಕಿಂತ ಉತ್ತಮವಾಗಿದೆ.
ಮೂಲ: https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d