ನಿಮ್ಮ ವೆಬ್ ವಿನ್ಯಾಸ ಶಿಕ್ಷಣದಲ್ಲಿ ನೀವು ಕಲಿಯುವ ಟ್ಯಾಗ್ಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ "ಒತ್ತು ಟ್ಯಾಗ್ಗಳು" ಎಂದು ಕರೆಯಲ್ಪಡುವ ಟ್ಯಾಗ್ಗಳ ಜೋಡಿ. ಈ ಟ್ಯಾಗ್ಗಳು ಯಾವುವು ಮತ್ತು ಇಂದು ಅವುಗಳನ್ನು ವೆಬ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಹೇಗೆ ಬಳಸಲಾಗಿದೆ ಎಂಬುದನ್ನು ನೋಡೋಣ.
XHTML ಗೆ ಹಿಂತಿರುಗಿ
ನೀವು ಎಚ್ಟಿಎಮ್ಎಲ್ ವರ್ಷಗಳ ಹಿಂದೆ ಕಲಿತರೆ, HTML5 ನ ಏರಿಕೆಗೆ ಮುಂಚೆಯೇ, ನೀವು ಬಹುಶಃ ಬೋಲ್ಡ್ ಮತ್ತು ಇಟಾಲಿಕ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸಿದ್ದೀರಿ. ನೀವು ನಿರೀಕ್ಷಿಸುವಂತೆ, ಈ ಟ್ಯಾಗ್ಗಳನ್ನು ಕ್ರಮವಾಗಿ ದಪ್ಪ ಪಠ್ಯ ಅಥವಾ ಇಟಾಲಿಕ್ ಮಾಡಿದ ಪಠ್ಯವಾಗಿ ಪರಿವರ್ತಿಸಿವೆ. ಈ ಟ್ಯಾಗ್ಗಳೊಂದಿಗೆ ಸಮಸ್ಯೆ, ಮತ್ತು ಹೊಸ ಅಂಶಗಳಿಗೆ (ನಾವು ಶೀಘ್ರದಲ್ಲೇ ನೋಡುತ್ತೇವೆ) ಪರವಾಗಿ ಪಕ್ಕಕ್ಕೆ ತಳ್ಳಲ್ಪಟ್ಟಿದ್ದೇವೆ, ಅವುಗಳು ಲಾಕ್ಷಣಿಕ ಅಂಶಗಳನ್ನು ಹೊಂದಿಲ್ಲ ಎಂಬುದು. ಏಕೆಂದರೆ ಪಠ್ಯವು ಪಠ್ಯದ ಕುರಿತು ಮಾಹಿತಿಯನ್ನು ಹೇಗೆ ನೋಡಬೇಕು ಎಂಬುದನ್ನು ಅವರು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತಾರೆ. ನೆನಪಿಡಿ, ಎಚ್ಟಿಎಮ್ಎಲ್ (ಈ ಟ್ಯಾಗ್ಗಳನ್ನು ಬರೆಯುವ ಸ್ಥಳವಾಗಿದೆ) ಎಲ್ಲಾ ರಚನೆಯ ಬಗ್ಗೆ, ದೃಶ್ಯ ಶೈಲಿಯಲ್ಲ! ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಶೈಲಿ ಮತ್ತು ವಿನ್ಯಾಸದ ಸ್ಪಷ್ಟವಾದ ಬೇರ್ಪಡಿಕೆ ಇರಬೇಕೆಂಬುದನ್ನು ಸಿಎಸ್ಎಸ್ಗಳು ಮತ್ತು ವೆಬ್ ವಿನ್ಯಾಸದಿಂದ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗುತ್ತದೆ. ಇದರ ಅರ್ಥ ಲಾಕ್ಷಣಿಕ-ಅಲ್ಲದ ಅಂಶಗಳನ್ನು ಬಳಸುವುದಿಲ್ಲ ಮತ್ತು ಯಾವ ವಿವರಗಳನ್ನು ರಚನೆಗಿಂತಲೂ ಕಾಣುತ್ತದೆ. ಇದಕ್ಕಾಗಿಯೇ ದಪ್ಪ ಮತ್ತು ಇಟಾಲಿಕ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಬಲವಾದ (ಬೋಲ್ಡ್) ಮತ್ತು ಒತ್ತು (ಇಟಲಿಕ್ಸ್ಗಾಗಿ) ಬದಲಾಯಿಸಲಾಗುತ್ತದೆ.
& lt; strong & gt; ಮತ್ತು & lt; em & gt;
ಬಲವಾದ ಮತ್ತು ಒತ್ತು ಅಂಶಗಳು ನಿಮ್ಮ ಪಠ್ಯಕ್ಕೆ ಮಾಹಿತಿಯನ್ನು ಸೇರಿಸುತ್ತವೆ, ವಿಷಯವನ್ನು ಮಾತನಾಡುವಾಗ ವಿಭಿನ್ನವಾಗಿ ಪರಿಗಣಿಸಬೇಕಾದ ವಿಷಯವನ್ನು ವಿವರಿಸುವುದು ಮತ್ತು ಒತ್ತಿಹೇಳುತ್ತದೆ. ಹಿಂದೆ ನೀವು ಬೋಲ್ಡ್ ಮತ್ತು ಇಟಾಲಿಕ್ಸ್ ಅನ್ನು ಬಳಸಿದ್ದೀರಿ ಎಂದು ನೀವು ಈ ಅಂಶಗಳನ್ನು ಬಳಸುತ್ತೀರಿ. ಸರಳವಾಗಿ ನಿಮ್ಮ ಪಠ್ಯವನ್ನು ಆರಂಭಿಕ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ಗಳೊಂದಿಗೆ (ಒತ್ತು ಮತ್ತು ಮತ್ತು ಗಾಗಿ ಒತ್ತುನೀಡಲು ಮತ್ತು ) ಮತ್ತು ಸುತ್ತುವರಿದ ಪಠ್ಯವನ್ನು ಒತ್ತು ನೀಡಲಾಗುತ್ತದೆ.
ನೀವು ಈ ಟ್ಯಾಗ್ಗಳನ್ನು ಗೂಡು ಮಾಡಬಹುದು ಮತ್ತು ಅದು ಬಾಹ್ಯ ಟ್ಯಾಗ್ನ ವಿಷಯವಲ್ಲ. ಇಲ್ಲಿ ಕೆಲವು ಉದಾಹರಣೆಗಳಿವೆ.
ಈ ಪಠ್ಯವನ್ನು ಒತ್ತು ನೀಡಲಾಗಿದೆ ಮತ್ತು ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್ಗಳು ಇಟಾಲಿಕ್ಸ್ ಎಂದು ತೋರಿಸುತ್ತವೆ. ಈ ಪಠ್ಯವನ್ನು ಬಲವಾಗಿ ಮಹತ್ವ ನೀಡಲಾಗಿದೆ ಮತ್ತು ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್ಗಳು ಇದನ್ನು ದಪ್ಪ ವಿಧವೆಂದು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.ಈ ಎರಡೂ ಉದಾಹರಣೆಗಳಲ್ಲಿ, ನಾವು HTML ನೊಂದಿಗೆ ದೃಶ್ಯ ನೋಟವನ್ನು ನಿರ್ದೇಶಿಸುತ್ತಿಲ್ಲ. ಹೌದು, ಟ್ಯಾಗ್ನ ಡೀಫಾಲ್ಟ್ ನೋಟವು ಇಟಾಲಿಕ್ಸ್ ಆಗಿರುತ್ತದೆ ಮತ್ತು ದಪ್ಪವಾಗಿರುತ್ತದೆ, ಆದರೆ ಆ ನೋಟವನ್ನು ಸುಲಭವಾಗಿ CSS ನಲ್ಲಿ ಬದಲಾಯಿಸಬಹುದು. ಇದು ಎರಡೂ ಜಗತ್ತುಗಳಲ್ಲಿ ಅತ್ಯುತ್ತಮವಾಗಿದೆ. ಲೈನ್ ಮತ್ತು ಮಿಕ್ಸಿಂಗ್ ರಚನೆ ಮತ್ತು ಶೈಲಿಯನ್ನು ದಾಟದೆ ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಇಟಲಿಕೈಸ್ಡ್ ಅಥವಾ ದಪ್ಪ ಪಠ್ಯವನ್ನು ಪಡೆಯಲು ಡೀಫಾಲ್ಟ್ ಬ್ರೌಸರ್ ಶೈಲಿಗಳನ್ನು ನೀವು ನಿಯಂತ್ರಿಸಬಹುದು. ಪಠ್ಯವು ಕೇವಲ ದಪ್ಪವಾಗಿರಬಾರದು, ಆದರೆ ಕೆಂಪು ಬಣ್ಣದ್ದಾಗಿರಬೇಕು ಎಂದು ನೀವು ಬಯಸಿದ್ದೀರಾ, ನೀವು ಇದನ್ನು ಸಿಎಸ್ಎಸ್ ಗೆ ಸೇರಿಸಬಹುದು
ಬಲವಾದ {
ಬಣ್ಣ: ಕೆಂಪು;
}
ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನೀವು ಡೀಫಾಲ್ಟ್ ಆಗಿರುವುದರಿಂದ ದಪ್ಪ ಫಾಂಟ್-ತೂಕಕ್ಕೆ ಆಸ್ತಿ ಸೇರಿಸಬೇಕಾಗಿಲ್ಲ. ನೀವು ಆ ಅವಕಾಶವನ್ನು ಬಿಡಲು ಬಯಸದಿದ್ದರೆ, ಆದಾಗ್ಯೂ, ನೀವು ಇದನ್ನು ಯಾವಾಗಲೂ ಸೇರಿಸಿಕೊಳ್ಳಬಹುದು:
ಬಲವಾದ {
ಫಾಂಟ್-ತೂಕ: ದಪ್ಪ;
ಬಣ್ಣ: ಕೆಂಪು;
}
ಈಗ ನೀವು ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸಿದಲ್ಲೆಲ್ಲಾ ದಪ್ಪ (ಮತ್ತು ಕೆಂಪು) ಪಠ್ಯದೊಂದಿಗೆ ಪುಟವನ್ನು ಹೊಂದಲು ಎಲ್ಲರಿಗೂ ಖಾತರಿ ನೀಡಲಾಗುತ್ತದೆ.
ಎಮ್ಫಿಸಿಸ್ ಮೇಲೆ ಡಬಲ್ ಅಪ್
ನಾನು ವರ್ಷದಲ್ಲಿ ಗಮನಿಸಿದ ಒಂದು ವಿಷಯವೆಂದರೆ ನೀವು ಮಹತ್ವವನ್ನು ಹೆಚ್ಚಿಸಿಕೊಳ್ಳಲು ಪ್ರಯತ್ನಿಸಿದರೆ ಏನಾಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ:
ಈ ಪಠ್ಯವು ಒಳಗೆ ದಪ್ಪ ಮತ್ತು ಇಟಾಲಿಸ್ಕರಿಸಿದ ಪಠ್ಯವನ್ನು ಹೊಂದಿರಬೇಕು.ಈ ಸಾಲು ಬೋಲ್ಡ್ ಮತ್ತು ಇಟಾಲಿಕ್ಸ್ ಪಠ್ಯ ಹೊಂದಿರುವ ಪ್ರದೇಶವನ್ನು ಉತ್ಪತ್ತಿ ಮಾಡುತ್ತದೆ ಎಂದು ನೀವು ಯೋಚಿಸುತ್ತೀರಿ. ಕೆಲವೊಮ್ಮೆ ಇದು ನಿಜವಾಗಿ ಸಂಭವಿಸುತ್ತದೆ, ಆದರೆ ಕೆಲವು ಬ್ರೌಸರ್ಗಳು ಎರಡು ಒತ್ತು ಶೈಲಿಗಳಲ್ಲಿ ಎರಡನೆಯದನ್ನು ಮಾತ್ರ ಗೌರವಿಸಿವೆ, ಇದು ಪ್ರಶ್ನಾರ್ಹವಾದ ನಿಜವಾದ ಪಠ್ಯಕ್ಕೆ ಹತ್ತಿರದಲ್ಲಿದೆ, ಮತ್ತು ಇದನ್ನು ಇಟಾಲಿಕ್ಸ್ ಎಂದು ಮಾತ್ರ ಪ್ರದರ್ಶಿಸುತ್ತದೆ. ನಾನು ಒತ್ತು ಟ್ಯಾಗ್ಗಳಲ್ಲಿ ದ್ವಿಗುಣಗೊಳ್ಳದ ಕಾರಣಗಳಲ್ಲಿ ಇದೂ ಒಂದು.
ಈ "ದ್ವಿಗುಣಗೊಳಿಸುವಿಕೆ" ಯನ್ನು ತಪ್ಪಿಸಲು ಮತ್ತೊಂದು ಕಾರಣವೆಂದರೆ ಶೈಲಿಯ ಉದ್ದೇಶಗಳಿಗಾಗಿ. ನೀವು ಹೊಂದಿಸಲು ಬಯಸುವ ಟೋನ್ ಅನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ತಿಳಿಸಲು ಸಾಕಷ್ಟು ಒತ್ತು ನೀಡುವುದು. ಎದ್ದುಕಾಣುವ ಸಲುವಾಗಿ ನೀವು ದಪ್ಪ, ತೇಲುವಂತೆ, ಬಣ್ಣ, ದೊಡ್ಡದಕ್ಕಾಗಿ, ಮತ್ತು ಪಠ್ಯವನ್ನು ಪರಿಷ್ಕರಿಸಲು ಅಗತ್ಯವಿಲ್ಲ. ಆ ಪಠ್ಯವು ಆ ವಿಭಿನ್ನ ರೀತಿಯ ಒತ್ತು ನೀಡುತ್ತದೆ, ಇದು ಗೀಳಾಗುತ್ತದೆ. ಪ್ರಾಮುಖ್ಯತೆ ನೀಡಲು ಒತ್ತು ಟ್ಯಾಗ್ಗಳನ್ನು ಅಥವಾ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯನ್ನು ಬಳಸುವಾಗ ಎಚ್ಚರದಿಂದಿರಿ ಮತ್ತು ಅದನ್ನು ಅತಿಯಾಗಿ ಮೀರಿಸಬೇಡಿ.
ಬೋಲ್ಡ್ ಮತ್ತು ಇಟಾಲಿಕ್ಸ್ನಲ್ಲಿ ಒಂದು ಟಿಪ್ಪಣಿ
ಒಂದು ಅಂತಿಮ ಚಿಂತನೆಯು - ದಪ್ಪ () ಮತ್ತು ಇಟಾಲಿಕ್ಸ್ () ಟ್ಯಾಗ್ಗಳನ್ನು ಒತ್ತು ಅಂಶಗಳಾಗಿ ಬಳಸಲು ಶಿಫಾರಸು ಮಾಡಲಾಗುವುದಿಲ್ಲ, ಈ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸುವ ಪಠ್ಯ ವಿನ್ಯಾಸಕಾರರು ಪಠ್ಯದ ಇನ್ಲೈನ್ ಕ್ಷೇತ್ರಗಳಿಗೆ ಬಳಸುತ್ತಾರೆ. ಮೂಲಭೂತವಾಗಿ, ಅವುಗಳು ಅಂಶದಂತೆ ಬಳಸುತ್ತವೆ. ಟ್ಯಾಗ್ಗಳು ಬಹಳ ಕಡಿಮೆಯಾಗಿರುವುದರಿಂದ ಇದು ಒಳ್ಳೆಯದು, ಆದರೆ ಈ ಅಂಶಗಳನ್ನು ಈ ರೀತಿಯಾಗಿ ಬಳಸುವುದು ಸಾಮಾನ್ಯವಾಗಿ ಶಿಫಾರಸು ಮಾಡಲಾಗಿಲ್ಲ. ನೀವು ಕೆಲವು ಸೈಟ್ಗಳಲ್ಲಿ ದಪ್ಪ ಅಥವಾ ಇಟಾಲಿಜೈಸ್ಡ್ ಪಠ್ಯವನ್ನು ರಚಿಸಬಾರದೆಂದು ನೋಡಿದಲ್ಲಿ, ಆದರೆ ಕೆಲವು ರೀತಿಯ ದೃಶ್ಯ ವಿನ್ಯಾಸಕ್ಕಾಗಿ ಸಿಎಸ್ಎಸ್ ಹುಕ್ ರಚಿಸಲು ಅದನ್ನು ನೀವು ನೋಡಿದರೆ.
ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ರಿಂದ ಮೂಲ ಲೇಖನ. 12/2/16 ರಂದು ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ರಿಂದ ಸಂಪಾದಿಸಲಾಗಿದೆ.