Div and span
ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. ನಲ್ಲಿ, ಡಿವ್ ಮತ್ತು ಸ್ಪ್ಯಾನ್ ಟ್ಯಾಗ್ಗಳು ಡಾಕ್ಯುಮೆಂಟ್ನ ಭಾಗಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಬಳಸುವ ಅಂಶಗಳಾಗಿವೆ, ಇದರಿಂದಾಗಿ ವಿಶಿಷ್ಟ ವರ್ಗೀಕರಣದ ಅಗತ್ಯವಿದ್ದಾಗ ಅವುಗಳನ್ನು ಗುರುತಿಸಬಹುದು. ಪಿ (ಪ್ಯಾರಾಗ್ರಾಫ್), ಎಮ್ (ಒತ್ತು) ಮುಂತಾದ ಇತರ ಎಚ್ಟಿಎಮ್ಎಲ್ ಅಂಶಗಳು ವಿಷಯದ ಶಬ್ದಾರ್ಥವನ್ನು ನಿಖರವಾಗಿ ಪ್ರತಿನಿಧಿಸುವಾಗ, ಸ್ಪ್ಯಾನ್ ಮತ್ತು ಡಿವ್ ಟ್ಯಾಗ್ಗಳ ಹೆಚ್ಚುವರಿ ಬಳಕೆಯು ಓದುಗರಿಗೆ ಉತ್ತಮ ಪ್ರವೇಶ ಮತ್ತು ಲೇಖಕರಿಗೆ ಸುಲಭ ನಿರ್ವಹಣೆಗೆ ಕಾರಣವಾಗುತ್ತದೆ. ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಯಾವುದೇ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ ಅಂಶವು ಅನ್ವಯವಾಗದಿದ್ದಲ್ಲಿ, ಸ್ಪ್ಯಾನ್ ಮತ್ತು ಡಿವ್ ಡಾಕ್ಯುಮೆಂಟ್ನ ಭಾಗಗಳನ್ನು ಮೌಲ್ಯಯುತವಾಗಿ ಪ್ರತಿನಿಧಿಸಬಹುದು, ಇದರಿಂದಾಗಿ ವರ್ಗ, ಐಡಿ, ಲ್ಯಾಂಗ್ ಅಥವಾ ಡಿರ್ನಂತಹ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಅನ್ವಯಿಸಬಹುದು. ಸ್ಪ್ಯಾನ್ ಡಾಕ್ಯುಮೆಂಟ್ನ ಇನ್ಲೈನ್ ಭಾಗವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ, ಉದಾಹರಣೆಗೆ ವಾಕ್ಯದೊಳಗಿನ ಪದಗಳು. ಡಿವಿ ಕೆಲವು ಪ್ಯಾರಾಗಳಂತಹ ಡಾಕ್ಯುಮೆಂಟ್ನ ಬ್ಲಾಕ್-ಮಟ್ಟದ ಭಾಗವನ್ನು ಅಥವಾ ಅದರ ಶೀರ್ಷಿಕೆಯೊಂದಿಗೆ ಚಿತ್ರವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ. ಡಿವ್ ಎಂದರೆ ವಿಭಜನೆ. ಅಂಶಗಳು ಶಬ್ದಾರ್ಥದ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಅನುಮತಿಸುತ್ತವೆ (ಉದಾ. ಲ್ಯಾಂಗ್ = "ಎನ್-ಯುಎಸ್"), ಸಿಎಸ್ಎಸ್ ಸ್ಟೈಲಿಂಗ್ (ಉದಾಹರಣೆಗೆ, ಬಣ್ಣ ಮತ್ತು ಮುದ್ರಣಕಲೆ), ಅಥವಾ ಕ್ಲೈಂಟ್-ಸೈಡ್ ಸ್ಕ್ರಿಪ್ಟಿಂಗ್ (ಉದಾಹರಣೆಗೆ, ಅನಿಮೇಷನ್, ಹೈಡಿಂಗ್ ಮತ್ತು ವರ್ಧನೆ) ಅನ್ನು ಅನ್ವಯಿಸಬೇಕು. ಡಿವಿ ಡಾಕ್ಯುಮೆಂಟ್ನ 'ವಿಭಾಗ' ವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ, ಇದು ಇನ್ಲೈನ್ ಮೆಟೀರಿಯಲ್ನ ಅವಧಿಗಿಂತ ಮೇಲಿನ ಮತ್ತು ಕೆಳಗಿನ ಅಂಶಗಳಿಂದ ಹೆಚ್ಚು ಭಿನ್ನವಾಗಿರುವ ಬ್ಲಾಕ್-ಮಟ್ಟದ ಐಟಂ ಆಗಿದೆ. ಉದಾಹರಣೆಗೆ, ಪ್ಯಾರಾಗ್ರಾಫ್ ಕೆಂಪು ಒಳಗೆ ಪಠ್ಯದ ಒಂದು ನಿರ್ದಿಷ್ಟ ಭಾಗವನ್ನು ಮಾಡಲು, ಸ್ಪ್ಯಾನ್ ಅನ್ನು ಈ ಕೆಳಗಿನಂತೆ ಬಳಸಬಹುದುಃ ಇತಿಹಾಸ ಸ್ಪ್ಯಾನ್ ಅಂಶವನ್ನು 1995 ರಲ್ಲಿ ಅಂತರರಾಷ್ಟ್ರೀಕರಣ ಕಾರ್ಯ ಗುಂಪಿನ ಎರಡನೇ ಕರಡು ಎಚ್. ಟಿ. ಎಂ. ಎಲ್-ಐ 18 ಎನ್ ನಲ್ಲಿ ಪರಿಚಯಿಸಲಾಯಿತು. ಆದಾಗ್ಯೂ, ಇದು 1997ರಲ್ಲಿ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. 4 ಡಬ್ಲ್ಯೂ3ಸಿ ವರ್ಕಿಂಗ್ ಡ್ರಾಫ್ಟ್ನಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುವ ಮೂಲಕ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. 4.01ರವರೆಗೂ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. ಭಾಷೆಯ ಭಾಗವಾಗಿರಲಿಲ್ಲ. 1995ರಲ್ಲಿ, ಪಠ್ಯದ ಯಾವುದೇ ಇನ್ಲೈನ್ ವ್ಯಾಪ್ತಿಯನ್ನು ಗುರುತಿಸಲು ಸ್ಪ್ಯಾನ್ ಅನ್ನು ಪರಿಚಯಿಸಲಾಯಿತು, ಏಕೆಂದರೆ 'ಬೇರೆ ಯಾವುದೇ ಅಂಶವು ಸೂಕ್ತವಲ್ಲದ ಸಂದರ್ಭಗಳಲ್ಲಿ ಲ್ಯಾಂಗ್ ಮತ್ತು ಬಿಐಡಿಐ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಸಾಗಿಸಲು ಸಾಮಾನ್ಯ ಧಾರಕದ ಅಗತ್ಯವಿದೆ'. ಅಂದಿನಿಂದ ಹೆಚ್ಚು ಶ್ರೀಮಂತ ಶ್ರೇಣಿಯ ಶಬ್ದಾರ್ಥದ ಅಂಶಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆಯಾದರೂ, ಇದು ಇನ್ನೂ ಆ ಸಾಮಾನ್ಯ ಉದ್ದೇಶವನ್ನು ಪೂರೈಸುತ್ತದೆ, ಮತ್ತು ಇನ್ನೂ ಅನೇಕ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಅನ್ವಯಿಸಬೇಕಾಗಬಹುದು. ವ್ಯತ್ಯಾಸಗಳು ಮತ್ತು ಪೂರ್ವನಿಯೋಜಿತ ನಡವಳಿಕೆಗಳು ಡಿವ್ ಮತ್ತು ಸ್ಪ್ಯಾನ್ ನಡುವೆ ಅನೇಕ ವ್ಯತ್ಯಾಸಗಳಿವೆ. ಅತ್ಯಂತ ಗಮನಾರ್ಹವಾದ ವ್ಯತ್ಯಾಸವೆಂದರೆ ಅಂಶಗಳನ್ನು ಹೇಗೆ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಸ್ಟ್ಯಾಂಡರ್ಡ್ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. ನಲ್ಲಿ, ಡಿವ್ ಒಂದು ಬ್ಲಾಕ್-ಮಟ್ಟದ ಅಂಶವಾಗಿದ್ದರೆ, ಸ್ಪ್ಯಾನ್ ಒಂದು ಇನ್ಲೈನ್ ಅಂಶವಾಗಿದೆ. ಡಿವಿ ಬ್ಲಾಕ್ ಪುಟದಲ್ಲಿರುವ ಡಾಕ್ಯುಮೆಂಟ್ನ ಒಂದು ವಿಭಾಗವನ್ನು ದೃಷ್ಟಿಗೋಚರವಾಗಿ ಪ್ರತ್ಯೇಕಿಸುತ್ತದೆ ಮತ್ತು ಇತರ ಬ್ಲಾಕ್-ಮಟ್ಟದ ಘಟಕಗಳನ್ನು ಹೊಂದಿರಬಹುದು. ಸ್ಪ್ಯಾನ್ ಅಂಶವು ಸುತ್ತಮುತ್ತಲಿನ ವಿಷಯದೊಂದಿಗೆ ಇನ್ಲೈನ್ ಮಾಹಿತಿಯ ತುಣುಕನ್ನು ಹೊಂದಿರುತ್ತದೆ ಮತ್ತು ಇತರ ಇನ್ಲೈನ್-ಮಟ್ಟದ ಘಟಕಗಳನ್ನು ಮಾತ್ರ ಹೊಂದಿರಬಹುದು. ಪ್ರಾಯೋಗಿಕವಾಗಿ, ಅಂಶಗಳ ಪೂರ್ವನಿಯೋಜಿತ ಪ್ರದರ್ಶನವನ್ನು ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಗಳ (ಸಿಎಸ್ಎಸ್) ಬಳಕೆಯಿಂದ ಬದಲಾಯಿಸಬಹುದು, ಆದಾಗ್ಯೂ ಪ್ರತಿ ಅಂಶದ ಅನುಮತಿಸಲಾದ ವಿಷಯಗಳನ್ನು ಬದಲಾಯಿಸಲಾಗುವುದಿಲ್ಲ. ಉದಾಹರಣೆಗೆ, ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಲೆಕ್ಕಿಸದೆ, ಸ್ಪ್ಯಾನ್ ಅಂಶವು ಬ್ಲಾಕ್-ಮಟ್ಟದ ಮಕ್ಕಳನ್ನು ಹೊಂದಿರುವುದಿಲ್ಲ. ಪ್ರಾಯೋಗಿಕ ಬಳಕೆಯ ವ್ಯಾಪ್ತಿ ಮತ್ತು ಡಿವ್ ಅಂಶಗಳನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಸುತ್ತುವರಿದ ಅಂಶಗಳ ತಾರ್ಕಿಕ ಗುಂಪನ್ನು ಸೂಚಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ವರ್ಗ ಅಥವಾ ಐಡಿ ಗುಣಲಕ್ಷಣಗಳೊಂದಿಗೆ ಸ್ಪ್ಯಾನ್ ಮತ್ತು ಡಿವ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸಲು ಮೂರು ಮುಖ್ಯ ಕಾರಣಗಳಿವೆಃ ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ ಸ್ಟೈಲಿಂಗ್ ವಿಷಯದ ಭಾಗಗಳಿಗೆ ಲೇಔಟ್, ಟೈಪೋಗ್ರಾಫಿಕ್, ಬಣ್ಣ ಮತ್ತು ಇತರ ಪ್ರಸ್ತುತಿ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಅನ್ವಯಿಸಲು ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ ವರ್ಗ ಅಥವಾ ಐಡಿ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಒಯ್ಯುವುದು ಸಾಮಾನ್ಯವಾಗಿದೆ. ಸಿಎಸ್ಎಸ್ ಕೇವಲ ದೃಶ್ಯ ವಿನ್ಯಾಸಕ್ಕೆ ಅನ್ವಯಿಸುವುದಿಲ್ಲಃ ಧ್ವನಿ ಬ್ರೌಸರ್ನಿಂದ ಜೋರಾಗಿ ಮಾತನಾಡುವಾಗ, ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯು ಮಾತಿನ ದರ, ಒತ್ತಡ, ಶ್ರೀಮಂತಿಕೆ ಮತ್ತು ಸ್ಟೀರಿಯೋಫೋನಿಕ್ ಚಿತ್ರದೊಳಗಿನ ಸ್ಥಾನದ ಮೇಲೂ ಪರಿಣಾಮ ಬೀರುತ್ತದೆ. ಈ ಕಾರಣಗಳಿಗಾಗಿ, ಮತ್ತು ಹೆಚ್ಚು ಶಬ್ದಾರ್ಥದ ಜಾಲಕ್ಕೆ ಬೆಂಬಲವಾಗಿ, ಎಚ್ಟಿಎಮ್ಎಲ್ನೊಳಗಿನ ಅಂಶಗಳಿಗೆ ಲಗತ್ತಿಸಲಾದ ಗುಣಲಕ್ಷಣಗಳು ಕೇವಲ ಒಂದು ನಿರ್ದಿಷ್ಟ ಮಾಧ್ಯಮದಲ್ಲಿ ಅವುಗಳ ಉದ್ದೇಶಿತ ಪ್ರದರ್ಶನ ಗುಣಲಕ್ಷಣಗಳನ್ನು ವಿವರಿಸುವ ಬದಲು ಅವುಗಳ ಶಬ್ದಾರ್ಥದ ಉದ್ದೇಶವನ್ನು ವಿವರಿಸಬೇಕು. ಉದಾಹರಣೆಗೆ, ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. ಶಬ್ದಾರ್ಥದಲ್ಲಿ ದುರ್ಬಲವಾಗಿದೆ, ಆದರೆ ಮಹತ್ವವನ್ನು ಸೂಚಿಸಲು ಎಮ್ ಅಂಶವನ್ನು ಬಳಸುತ್ತದೆ (ಇಟಾಲಿಕ್ಸ್ನಲ್ಲಿ ಪಠ್ಯವಾಗಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ), ಮತ್ತು ಹೆಚ್ಚು ಸೂಕ್ತವಾದ ವರ್ಗದ ಹೆಸರನ್ನು ಪರಿಚಯಿಸುತ್ತದೆ. ಸಿಎಸ್ಎಸ್ನ ಸರಿಯಾದ ಬಳಕೆಯಿಂದ, ಅಂತಹ 'ಎಚ್ಚರಿಕೆಗಳನ್ನು' ಪರದೆಯ ಮೇಲೆ ಕೆಂಪು, ದಪ್ಪ ಅಕ್ಷರಶೈಲಿಯಲ್ಲಿ ಪ್ರದರ್ಶಿಸಬಹುದು, ಆದರೆ ಮುದ್ರಿಸಿದಾಗ ಅವುಗಳನ್ನು ಬಿಟ್ಟುಬಿಡಬಹುದು, ಏಕೆಂದರೆ ಅಷ್ಟು ಹೊತ್ತಿಗೆ ಅವುಗಳ ಬಗ್ಗೆ ಏನನ್ನೂ ಮಾಡಲು ತುಂಬಾ ತಡವಾಗಿದೆ. ಬಹುಶಃ ಮಾತನಾಡುವಾಗ ಅವರಿಗೆ ಹೆಚ್ಚುವರಿ ಒತ್ತಡವನ್ನು ನೀಡಬೇಕು ಮತ್ತು ಮಾತಿನ ಪ್ರಮಾಣವನ್ನು ಸ್ವಲ್ಪ ಕಡಿಮೆ ಮಾಡಬೇಕು. ಎರಡನೇ ಉದಾಹರಣೆಯೆಂದರೆ, ಕೇವಲ ಪ್ರಸ್ತುತಿಯ ಬದಲು ಶಬ್ದಾರ್ಥದ ದೃಷ್ಟಿಯಿಂದ ಹೆಚ್ಚು ಶ್ರೀಮಂತವಾದ ಮಾರ್ಕಪ್ ಆಗಿದೆ. ಶಬ್ದಾರ್ಥದ ಸ್ಪಷ್ಟತೆ ಈ ರೀತಿಯ ಗುಂಪುಗಾರಿಕೆ ಮತ್ತು ಪುಟದ ವಿಷಯದ ಭಾಗಗಳ ಲೇಬಲಿಂಗ್ ಅನ್ನು ಪುಟವನ್ನು ಸಾಮಾನ್ಯ ಪದಗಳಲ್ಲಿ ಹೆಚ್ಚು ಶಬ್ದಾರ್ಥದ ಅರ್ಥವನ್ನು ಮಾಡಲು ಸಂಪೂರ್ಣವಾಗಿ ಪರಿಚಯಿಸಬಹುದು. ಮುಂಬರುವ ವರ್ಷಗಳಲ್ಲಿ ಮತ್ತು ದಶಕಗಳಲ್ಲಿ ವರ್ಲ್ಡ್ ವೈಡ್ ವೆಬ್ ಹೇಗೆ ಅಭಿವೃದ್ಧಿಗೊಳ್ಳುತ್ತದೆ ಎಂದು ಹೇಳುವುದು ಅಸಾಧ್ಯ. ನಾವು ಇನ್ನೂ ಊಹಿಸಿಕೊಳ್ಳಲಾಗದ ಮಾಹಿತಿ ವ್ಯವಸ್ಥೆಗಳು ಅಂತರ್ಜಾಲವನ್ನು ಸಂಚರಿಸುವಾಗ, ಸಂಸ್ಕರಿಸುವಾಗ ಮತ್ತು ವರ್ಗೀಕರಿಸುವಾಗ ಇಂದು ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ವೆಬ್ ಪುಟಗಳು ಇನ್ನೂ ಬಳಕೆಯಲ್ಲಿರಬಹುದು. ಗೂಗಲ್ ಮತ್ತು ಇತರ ಇಂದಿನ ಸರ್ಚ್ ಇಂಜಿನ್ಗಳು ಸಹ ಗಣನೀಯ ಸಂಕೀರ್ಣತೆಯ ಸ್ವಾಮ್ಯದ ಮಾಹಿತಿ ಸಂಸ್ಕರಣಾ ಕ್ರಮಾವಳಿಗಳನ್ನು ಬಳಸುತ್ತವೆ. ಕೆಲವು ವರ್ಷಗಳಿಂದ, ವರ್ಲ್ಡ್ ವೈಡ್ ವೆಬ್ ಕನ್ಸೋರ್ಟಿಯಂ (ಡಬ್ಲ್ಯು3ಸಿ) ಇಡೀ ವೆಬ್ ಅನ್ನು ಇಂದಿನ ಮತ್ತು ಭವಿಷ್ಯದ ಮಾಹಿತಿ ವ್ಯವಸ್ಥೆಗಳಿಗೆ ಹೆಚ್ಚು ಉಪಯುಕ್ತ ಮತ್ತು ಅರ್ಥಪೂರ್ಣವಾಗಿಸಲು ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಪ್ರಮುಖ ಶಬ್ದಾರ್ಥದ ವೆಬ್ ಯೋಜನೆಯನ್ನು ನಡೆಸುತ್ತಿದೆ. ಮೈಕ್ರೋಫಾರ್ಮ್ಯಾಟ್ಸ್ ಚಳುವಳಿಯು ಶಬ್ದಾರ್ಥದ ವರ್ಗಗಳ ಕಲ್ಪನೆಯನ್ನು ನಿರ್ಮಿಸುವ ಪ್ರಯತ್ನವಾಗಿದೆ. ಉದಾಹರಣೆಗೆ, ಮೈಕ್ರೋಫಾರ್ಮ್ಯಾಟ್ಸ್-ಅವೇರ್ ಸಾಫ್ಟ್ವೇರ್ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಒಂದು ಅಂಶವನ್ನು ಕಂಡುಕೊಳ್ಳಬಹುದು ಮತ್ತು ದೂರವಾಣಿ ಸಂಖ್ಯೆಯನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಡಯಲ್ ಮಾಡಲು ಅನುಮತಿಸಬಹುದು. ಕೋಡ್ನಿಂದ ಪ್ರವೇಶ ಒಮ್ಮೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಅಥವಾ ಎಕ್ಸ್ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾರ್ಕ್ಅಪ್ ಅನ್ನು ಪುಟ-ಸಂದರ್ಶಕರ ಕ್ಲೈಂಟ್ ಬ್ರೌಸರ್ಗೆ ತಲುಪಿಸಿದ ನಂತರ, ಕ್ಲೈಂಟ್-ಸೈಡ್ ಕೋಡ್ ವೆಬ್ ಪುಟದ ಆಂತರಿಕ ರಚನೆಯನ್ನು (ಅಥವಾ ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಮಾಡೆಲ್) ನ್ಯಾವಿಗೇಟ್ ಮಾಡುವ ಸಾಧ್ಯತೆಯಿದೆ. ಇದಕ್ಕೆ ಅತ್ಯಂತ ಸಾಮಾನ್ಯ ಕಾರಣವೆಂದರೆ, ಪುಟವನ್ನು ಕ್ಲೈಂಟ್-ಸೈಡ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನೊಂದಿಗೆ ವಿತರಿಸಲಾಗುತ್ತದೆ, ಅದು ಪುಟವನ್ನು ಪ್ರದರ್ಶಿಸಿದ ನಂತರ ನಡೆಯುತ್ತಿರುವ ಕ್ರಿಯಾತ್ಮಕ ನಡವಳಿಕೆಯನ್ನು ಉಂಟುಮಾಡುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, 'ಈಗ ಖರೀದಿಸಿ' ಲಿಂಕ್ನ ಮೇಲೆ ಮೌಸ್ ಅನ್ನು ತಿರುಗಿಸುವುದು ಬೆಲೆಯನ್ನು ಮಾಡಲು ಉದ್ದೇಶಿಸಿದ್ದರೆ, ಪುಟದ ಬೇರೆಡೆ ಒತ್ತು ನೀಡಿದರೆ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಇದನ್ನು ಮಾಡಬಹುದು, ಆದರೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬೆಲೆಯ ಅಂಶವನ್ನು ಗುರುತಿಸಬೇಕಾಗುತ್ತದೆ, ಅದು ಮಾರ್ಕ್ಅಪ್ನಲ್ಲಿ ಎಲ್ಲಿದೆ. ಈ ಕೆಳಗಿನ ಮಾರ್ಕಪ್ ಸಾಕಾಗುತ್ತದೆಃ ಇನ್ನೊಂದು ಉದಾಹರಣೆಯೆಂದರೆ ಅಜಾಕ್ಸ್ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ತಂತ್ರ, ಉದಾಹರಣೆಗೆ, ಹೈಪರ್ಟೆಕ್ಸ್ಟ್ ಲಿಂಕ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವುದರಿಂದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಸಂಪೂರ್ಣ ಪುಟವನ್ನು ಮರುಲೋಡ್ ಮಾಡದೆ, ಪುಟದೊಳಗೆ ಪ್ರಸ್ತುತವಾದದರ ಸ್ಥಳದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲು ಹೊಸ ಬೆಲೆ ಉದ್ಧರಣಕ್ಕಾಗಿ ಪಠ್ಯವನ್ನು ಹಿಂಪಡೆಯಲು ಕಾರಣವಾಗಬಹುದು. ಹೊಸ ಪಠ್ಯವು ಸರ್ವರ್ನಿಂದ ಹಿಂತಿರುಗಿದಾಗ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಹೊಸ ಮಾಹಿತಿಯೊಂದಿಗೆ ಬದಲಿಸಲು ಪುಟದ ನಿಖರವಾದ ಪ್ರದೇಶವನ್ನು ಗುರುತಿಸಬೇಕು. ಸ್ವಯಂಚಾಲಿತ ಪರೀಕ್ಷಾ ಸಾಧನಗಳು ಸ್ಪ್ಯಾನ್ ಮತ್ತು ಡಿವ್ ಅಂಶಗಳ ವರ್ಗ ಅಥವಾ ಐಡಿ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಿಕೊಂಡು ವೆಬ್ ಪುಟದ ಮಾರ್ಕ್ಅಪ್ ಅನ್ನು ನ್ಯಾವಿಗೇಟ್ ಮಾಡಬೇಕಾಗಬಹುದು. ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ಉತ್ಪಾದಿಸಲಾದ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. ನಲ್ಲಿ, ಇದು xUnit ಕುಟುಂಬದ ಸದಸ್ಯರಾಗಿರುವ HttpUnit ನಂತಹ ಪುಟ ಪರೀಕ್ಷಾ ಸಾಧನಗಳ ಬಳಕೆಯನ್ನು ಒಳಗೊಂಡಿರಬಹುದು ಮತ್ತು ರೂಪ-ಚಾಲಿತ ಜಾಲತಾಣಗಳಿಗೆ ಅನ್ವಯಿಸಿದಾಗ ಅಪಾಚೆ ಜೆಮೀಟರ್ನಂತಹ ಲೋಡ್ ಅಥವಾ ಒತ್ತಡ ಪರೀಕ್ಷಾ ಸಾಧನಗಳನ್ನು ಒಳಗೊಂಡಿರಬಹುದು. ಡಿವ್ ಮತ್ತು ಸ್ಪ್ಯಾನ್ನ ವಿವೇಕಯುತ ಬಳಕೆಯು ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ ಮತ್ತು ಎಕ್ಸ್. ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ ಮಾರ್ಕಪ್ನ ಪ್ರಮುಖ ಭಾಗವಾಗಿದೆ. ಆದಾಗ್ಯೂ, ಕೆಲವೊಮ್ಮೆ ಅವುಗಳನ್ನು ಅತಿಯಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ. ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. ನಲ್ಲಿ ಲಭ್ಯವಿರುವ ವಿವಿಧ ಪಟ್ಟಿ ರಚನೆಗಳು ಡಿವ್ ಮತ್ತು ಸ್ಪ್ಯಾನ್ ಅಂಶಗಳ ಮನೆಯಲ್ಲಿ ತಯಾರಿಸಿದ ಮಿಶ್ರಣಕ್ಕಿಂತ ಉತ್ತಮವಾಗಿರಬಹುದು. ಉದಾಹರಣೆಗೆ, ಇದುಃ ಮುಖ್ಯ ಪುಟದ ವಿಷಯವನ್ನು ಉತ್ಪಾದಿಸುವ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಭಾಗವನ್ನು ಉತ್ಪಾದಿಸುವ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಪುಟದ ಮುಖ್ಯ ಎಚ್ಟಿಎಮ್ಎಲ್5 ಹಲವಾರು ಹೊಸ ಅಂಶಗಳನ್ನು ಪರಿಚಯಿಸಿತು; ಕೆಲವು ಉದಾಹರಣೆಗಳಲ್ಲಿ ಹೆಡರ್, ಫುಟರ್, ಎನ್ಎವಿ ಮತ್ತು ಫಿಗರ್ ಅಂಶಗಳು ಸೇರಿವೆ. ಶಬ್ದಾರ್ಥಕ್ಕೆ ಸೂಕ್ತವಾದ ಅಂಶಗಳ ಬಳಕೆಯು ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ ಡಾಕ್ಯುಮೆಂಟ್ಗಳಿಗೆ ಸ್ಪ್ಯಾನ್ ಅಥವಾ ಡಿವ್ಗಿಂತ ಉತ್ತಮ ರಚನೆಯನ್ನು ಒದಗಿಸುತ್ತದೆ. ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. ಮತ್ತು ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. 5 ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. ಅಂಶಗಳಾದ ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. ಗುಣಲಕ್ಷಣಗಳಾದ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಗಳು ಮತ್ತು ಸಹಾಯವನ್ನು ಸಹ ನೋಡಿಃ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಗಳು ಸಿ. ಡಿ. ಎ. ಟಿ. ಎ. ಕಾಂಟೆಕ್ಸ್ಟ್ಆಬ್ಜೆಕ್ಟ್ಸ್ ಇನ್ ಸ್ಪಾನ್ಸ್ (ಸಿ. ಓ. ಐ. ಎನ್. ಎಸ್.) ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸೆಮಾಂಟಿಕ್ ವೆಬ್ ಉಲ್ಲೇಖಗಳು ಬಾಹ್ಯ ಕೊಂಡಿಗಳು ಗುಂಪು ಘಟಕಗಳುಃ ಡಿ. ಐ. ವಿ. ಮತ್ತು ಎಸ್. ಪಿ. ಎ. ಎನ್. ಅಂಶಗಳು ಎಚ್. ಟಿ. ಎಂ. ಎಲ್. ಟ್ಯಾಗ್ಗಳು