ಹೇಗೆ ನೆಸ್ಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಟ್ಯಾಗ್ಗಳು ಸರಿಯಾಗಿ
ನೀವು ಇಂದು ಯಾವುದೇ ವೆಬ್ಪುಟಕ್ಕೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾರ್ಕ್ಅಪ್ ಅನ್ನು ನೋಡಿದರೆ, ನೀವು ಇತರ ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳಲ್ಲಿರುವ ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳನ್ನು ನೋಡುತ್ತೀರಿ. ಇತರರ "ಒಳಗೆ" ಇರುವ ಈ ಅಂಶಗಳು "ನೆಸ್ಟೆಡ್ ಅಂಶಗಳು" ಎಂದು ಕರೆಯಲ್ಪಡುತ್ತವೆ ಮತ್ತು ಇಂದು ಯಾವುದೇ ವೆಬ್ ಪುಟವನ್ನು ನಿರ್ಮಿಸುವ ಅವಶ್ಯಕತೆಯಿರುತ್ತದೆ.
ಇದು ನೆಸ್ಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಟ್ಯಾಗ್ಗಳು ಅರ್ಥವೇನು?
ಗೂಡುಕಟ್ಟುವಿಕೆಯನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು ಸುಲಭವಾದ ಮಾರ್ಗವೆಂದರೆ ನಿಮ್ಮ ವಿಷಯವನ್ನು ಹೊಂದಿರುವ ಪೆಟ್ಟಿಗೆಗಳಂತೆ HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಯೋಚಿಸುವುದು. ನಿಮ್ಮ ವಿಷಯವು ಪಠ್ಯ, ಚಿತ್ರಗಳು, ಇತ್ಯಾದಿಗಳನ್ನು ಒಳಗೊಂಡಿರಬಹುದು. HTML ಟ್ಯಾಗ್ಗಳು ವಿಷಯದ ಸುತ್ತಲಿನ ಪೆಟ್ಟಿಗೆಗಳಾಗಿವೆ. ಕೆಲವೊಮ್ಮೆ, ನೀವು ಇತರ ಪೆಟ್ಟಿಗೆಗಳ ಒಳಗೆ ಸ್ಥಳಗಳ ಪೆಟ್ಟಿಗೆಗಳನ್ನು ಅಗತ್ಯವಿದೆ. ಆ "ಆಂತರಿಕ" ಪೆಟ್ಟಿಗೆಗಳು ಇತರರೊಳಗೆ ಅಡಕವಾಗಿದೆ.
ಪ್ಯಾರಾಗ್ರಾಫ್ನಲ್ಲಿ ನೀವು ಬೋಲ್ಡ್ ಮಾಡಲು ಬಯಸುವ ಪಠ್ಯದ ಬ್ಲಾಕ್ ಅನ್ನು ನೀವು ಹೊಂದಿದ್ದರೆ, ನಿಮಗೆ ಎರಡು ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳು ಮತ್ತು ಪಠ್ಯವು ಸಹ ಇರುತ್ತದೆ.
ಉದಾಹರಣೆ: ಇದು ಪಠ್ಯದ ಒಂದು ವಾಕ್ಯ .ಆ ಪಠ್ಯವು ನಮ್ಮ ಉದಾಹರಣೆಯಂತೆ ನಾವು ಬಳಸುತ್ತದೆ. ಇದನ್ನು ಹೇಗೆ ಬರೆಯಲಾಗುವುದು ಎಂಬುದು ಇಲ್ಲಿರುತ್ತದೆ.
ಉದಾಹರಣೆ: ಇದು ಪಠ್ಯದ ಒಂದು ವಾಕ್ಯ.
"ವಾಕ್ಯ" ಎಂಬ ಪದವು ದಪ್ಪವಾಗಲು ನೀವು ಬಯಸಿದ ಕಾರಣ, ನೀವು ಮೊದಲು ಮತ್ತು ಅದರ ನಂತರ ಧೂಳಿನ ಟ್ಯಾಗ್ಗಳನ್ನು ತೆರೆಯುವ ಮತ್ತು ಮುಚ್ಚುವಿಕೆಯನ್ನು ಸೇರಿಸಿ.
ಉದಾಹರಣೆ: ಇದು ಪಠ್ಯದ ಒಂದು ವಾಕ್ಯ ಆಗಿದೆ.
ನೀವು ನೋಡಬಹುದು ಎಂದು, ನಮ್ಮ ವಾಕ್ಯದ ವಿಷಯ / ಪಠ್ಯವನ್ನು ಒಳಗೊಂಡಿರುವ ಒಂದು ಪೆಟ್ಟಿಗೆಯನ್ನು (ಪ್ಯಾರಾಗ್ರಾಫ್) ನಾವು ಹೊಂದಿದ್ದೇವೆ ಮತ್ತು ಎರಡನೆಯ ಪೆಟ್ಟಿಗೆ (ಬಲವಾದ ಟ್ಯಾಗ್ ಜೋಡಿ), ಆ ಪದವನ್ನು ದಪ್ಪವಾಗಿ ನಿರೂಪಿಸುತ್ತದೆ.
ನೀವು ಗೂಡು ಟ್ಯಾಗ್ಗಳನ್ನು ಮಾಡಿದಾಗ, ನೀವು ಅವುಗಳನ್ನು ತೆರೆಯುವ ವಿರುದ್ಧವಾದ ಕ್ರಮದಲ್ಲಿ ನೀವು ಟ್ಯಾಗ್ಗಳನ್ನು ಮುಚ್ಚಿರುವುದು ಬಹಳ ಮುಖ್ಯವಾಗಿದೆ. ನೀವು
ಮೊದಲು ತೆರೆಯಿರಿ, ನಂತರ , ಅಂದರೆ ನೀವು ರಿವರ್ಸ್ ಮತ್ತು ಮುಚ್ಚಿ ಮತ್ತು ನಂತರ .
ಅದರ ಬಗ್ಗೆ ಯೋಚಿಸುವುದು ಮತ್ತೊಂದು ವಿಧಾನವಾಗಿದೆ ಮತ್ತೊಮ್ಮೆ ಪೆಟ್ಟಿಗೆಗಳ ಸಾದೃಶ್ಯವನ್ನು ಬಳಸುವುದು. ನೀವು ಇನ್ನೊಂದು ಪೆಟ್ಟಿಗೆಯಲ್ಲಿ ಒಂದು ಪೆಟ್ಟಿಗೆಯನ್ನು ಇರಿಸಿದರೆ, ಹೊರ ಅಥವಾ ಮುಚ್ಚಿದ ಪೆಟ್ಟಿಗೆಯನ್ನು ಮುಚ್ಚುವ ಮೊದಲು ನೀವು ಆಂತರಿಕ ಒಂದನ್ನು ಮುಚ್ಚಬೇಕಾಗುತ್ತದೆ.
ಇನ್ನಷ್ಟು ನೆಸ್ಟೆಡ್ ಟ್ಯಾಗ್ಗಳು ಸೇರಿಸಲಾಗುತ್ತಿದೆ
ನೀವು ಒಂದು ಅಥವಾ ಎರಡು ಪದಗಳನ್ನು ಬೋಲ್ಡ್ ಮಾಡಲು ಮಾತ್ರ ಬಯಸಿದರೆ, ಮತ್ತು ಇನ್ನೊಂದು ಸೆಟ್ ಇಟಾಲಿಕ್ ಆಗಿರುತ್ತದೆ? ಅದನ್ನು ಹೇಗೆ ಮಾಡಬೇಕೆಂಬುದು ಇಲ್ಲಿದೆ.
ಉದಾಹರಣೆ: ಇದು ಪಠ್ಯದ ಒಂದು ವಾಕ್ಯ ಮತ್ತು ಇದು ಕೆಲವು ಇಟಾಲಿಸ್ ಮಾಡಲಾದ ಪಠ್ಯವನ್ನು ಸಹ ಹೊಂದಿದೆ . ನಮ್ಮ ಬಾಹ್ಯ ಪೆಟ್ಟಿಗೆಯಲ್ಲಿ, , ಈಗ ಅದರೊಳಗೆ ಎರಡು ನೆಸ್ಟೆಡ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಹೊಂದಿದೆ - ಮತ್ತು . ಹೊಂದಿರುವ ಬಾಕ್ಸ್ ಮುಚ್ಚಿ ಮೊದಲು ಇಬ್ಬರೂ ಮುಚ್ಚಬೇಕು. ಉದಾಹರಣೆ: ಇದು ಪಠ್ಯದ ಒಂದು ವಾಕ್ಯ ಮತ್ತು ಇದು ಕೆಲವು ಇಟಾಲಿಕ್ಕೃತ ಪಠ್ಯವನ್ನು ಸಹ ಹೊಂದಿದೆ . ಇದು ಮತ್ತೊಂದು ಪ್ಯಾರಾಗ್ರಾಫ್ ಆಗಿದೆ. / p> ಈ ಸಂದರ್ಭದಲ್ಲಿ ಪೆಟ್ಟಿಗೆಗಳ ಒಳಗಡೆ ನಾವು ಪೆಟ್ಟಿಗೆಗಳನ್ನು ಹೊಂದಿದ್ದೇವೆ! ಹೆಚ್ಚಿನ ಔಟ್ ಬಾಕ್ಸ್ ನೀವು ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಬಳಸುತ್ತಿದ್ದರೆ ನೀವು ಗೂಡುಕಟ್ಟುವ ಬಗ್ಗೆ ಕಾಳಜಿ ವಹಿಸುವ ಒಂದು ಕಾರಣವೆಂದರೆ. ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಗಳು ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಸ್ಥಿರವಾಗಿ ಅಡಕವಾಗಿರುವಂತೆ ಟ್ಯಾಗ್ಗಳನ್ನು ಅವಲಂಬಿಸಿರುತ್ತವೆ, ಇದರಿಂದಾಗಿ ಶೈಲಿಗಳು ಪ್ರಾರಂಭವಾಗುತ್ತವೆ ಮತ್ತು ಅಂತ್ಯಗೊಳ್ಳುತ್ತವೆ ಎಂದು ಅದು ಹೇಳಬಹುದು. ಪುಟದಲ್ಲಿನ "ಮುಖ್ಯ-ವಿಷಯ" "ಪಠ್ಯದ ವರ್ಗದೊಂದಿಗೆ ವಿಭಾಗದೊಳಗೆ ಇರುವ ಎಲ್ಲ" ಲಿಂಕ್ಗಳನ್ನು ನೀವು ಪರಿಣಾಮಕಾರಿಯಾಗಬೇಕಾದರೆ, ತಪ್ಪಾಗಿ ಗೂಡುವುದು ಈ ಶೈಲಿಗಳನ್ನು ಎಲ್ಲಿ ಅನ್ವಯಿಸಬೇಕೆಂದು ಬ್ರೌಸರ್ಗೆ ತಿಳಿಯುವುದು ಕಷ್ಟವಾಗುತ್ತದೆ. ಕೆಲವು ಎಚ್ಟಿಎಮ್ಎಲ್ ನೋಡೋಣ: ಉದಾಹರಣೆ: ಇದು ಪಠ್ಯದ ಒಂದು ವಾಕ್ಯ ಮತ್ತು ಇದು ಕೆಲವು ಇಟಾಲಿಸ್ ಮಾಡಲಾದ ಪಠ್ಯವನ್ನು ಸಹ ಹೊಂದಿದೆ . ಇದು ಮತ್ತೊಂದು ಪ್ಯಾರಾಗ್ರಾಫ್ ಆಗಿದೆ. ಈ ವಿಭಾಗದೊಳಗಿನ ಲಿಂಕ್ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರುವ CSS ಶೈಲಿಯನ್ನು ಬರೆಯಬೇಕೆಂದು ನಾನು ಬಯಸಿದಲ್ಲಿ, ಮತ್ತು ಕೇವಲ ಲಿಂಕ್ (ಪುಟದ ಇತರ ಭಾಗಗಳಲ್ಲಿ ಯಾವುದೇ ಇತರ ಲಿಂಕ್ಗಳಿಗೆ ವಿರುದ್ಧವಾಗಿ) ನಾನು ಹೇಳಿದ್ದ ಉದಾಹರಣೆಯನ್ನು ಬಳಸಿ, ನಾನು ಅದನ್ನು ಬಳಸಲು ಬಯಸುತ್ತೇನೆ ನನ್ನ ಶೈಲಿಯನ್ನು ಬರೆಯುವುದು ಗೂಡು, ಉದಾಹರಣೆಗೆ: ಇತರ ಕಾರಣಗಳು ಪ್ರವೇಶ ಮತ್ತು ಬ್ರೌಸರ್ ಹೊಂದಾಣಿಕೆಯನ್ನೂ ಒಳಗೊಂಡಿವೆ. ನಿಮ್ಮ HTML ತಪ್ಪಾಗಿ ಅಡಕವಾಗಿದ್ದರೆ, ಅದು ಸ್ಕ್ರೀನ್ ಓದುಗರಿಗೆ ಮತ್ತು ಹಳೆಯ ಬ್ರೌಸರ್ಗಳಿಗೆ ಸುಲಭವಾಗಿ ಪ್ರವೇಶಿಸುವುದಿಲ್ಲ - ಬ್ರೌಸರ್ಗಳು ಸರಿಯಾಗಿ ಪುಟವನ್ನು ಸರಿಯಾಗಿ ಹೇಗೆ ನಿರೂಪಿಸಬೇಕೆಂಬುದನ್ನು ಬ್ರೌಸರ್ಗಳು ಲೆಕ್ಕಾಚಾರ ಮಾಡದಿದ್ದರೆ ಅದು ಸಂಪೂರ್ಣವಾಗಿ ಪುಟದ ದೃಶ್ಯ ಗೋಚರತೆಯನ್ನು ಮುರಿಯಲು ಸಾಧ್ಯವಿದೆ ಏಕೆಂದರೆ HTML ಅಂಶಗಳು ಮತ್ತು ಟ್ಯಾಗ್ಗಳು ಸ್ಥಾನವಿಲ್ಲ. ಅಂತಿಮವಾಗಿ, ನೀವು ಸಂಪೂರ್ಣವಾಗಿ ಸರಿಯಾದ ಮತ್ತು ಮಾನ್ಯ ಎಚ್ಟಿಎಮ್ಎಲ್ ಬರೆಯಲು ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೆ, ನೀವು ಸರಿಯಾದ ಗೂಡುಕಟ್ಟುವಿಕೆಯನ್ನು ಬಳಸಬೇಕಾಗುತ್ತದೆ. ಇಲ್ಲದಿದ್ದರೆ, ಪ್ರತಿ ವಿಮರ್ಶಕರು ನಿಮ್ಮ HTML ತಪ್ಪಾಗಿ ಫ್ಲ್ಯಾಗ್ ಮಾಡುತ್ತಾರೆ. ನೆಸ್ಟಿಂಗ್ ಬಗ್ಗೆ ನೀವು ಏಕೆ ಕಾಳಜಿ ವಹಿಸಬೇಕು