ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಅನನ್ಯ ಗುರುತಿಸುವಿಕೆಗಳು
ಡಬ್ಲ್ಯು 3 ಸಿ ಪ್ರಕಾರ, ಎಚ್ಟಿಎಮ್ಎಲ್ನಲ್ಲಿನ ID ಗುಣಲಕ್ಷಣವೆಂದರೆ:
ಅಂಶಕ್ಕಾಗಿ ಒಂದು ಅನನ್ಯ ಗುರುತಿಸುವಿಕೆ
ಇದು ಅತ್ಯಂತ ಶಕ್ತಿಯುತ ಗುಣಲಕ್ಷಣದ ಸರಳ ವಿವರಣೆಯಾಗಿದೆ. ID ಗುಣಲಕ್ಷಣ ವೆಬ್ ಪುಟಗಳಿಗಾಗಿ ಹಲವಾರು ಕ್ರಿಯೆಗಳನ್ನು ಮಾಡಬಹುದು:
- ಒಂದು ಶೈಲಿಯ ಶೀಟ್ ಸೆಲೆಕ್ಟರ್ - ಇದು ಹೆಚ್ಚಿನ ಜನರು ID ಲಕ್ಷಣವನ್ನು ಬಳಸುವ ಕಾರ್ಯವಾಗಿದೆ. ಅವರು ಅನನ್ಯವಾಗಿರುವ ಕಾರಣ, ನೀವು ID ಆಸ್ತಿಯನ್ನು ಬಳಸುವಾಗ ನಿಮ್ಮ ವೆಬ್ ಪುಟದಲ್ಲಿ ನೀವು ಕೇವಲ ಒಂದು ಐಟಂ ಅನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುತ್ತೀರಿ ಎಂದು ನೀವು ಖಚಿತವಾಗಿ ಹೇಳಬಹುದು. ಸ್ಟೈಲಿಂಗ್ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಒಂದು ID ಯನ್ನು ಬಳಸುವುದರಲ್ಲಿ ತೊಂದರೆಯೂ ಇದೆ, ಅದು ತುಂಬಾ ಹೆಚ್ಚಿನ ಮಟ್ಟದ ನಿರ್ದಿಷ್ಟತೆಯನ್ನು ಹೊಂದಿದೆ, ಇದು ನಂತರ ನೀವು ಸ್ಟೈಲ್ಶೀಟ್ನಲ್ಲಿ ಕೆಲವು ಕಾರಣಕ್ಕಾಗಿ ಶೈಲಿಯನ್ನು ಅತಿಕ್ರಮಿಸಲು ಬಯಸಿದರೆ ಅದು ತುಂಬಾ ಸವಾಲಿನಂತೆ ಮಾಡುತ್ತದೆ. ಈ ಕಾರಣದಿಂದಾಗಿ, ಸಾಮಾನ್ಯ ವಿನ್ಯಾಸದ ಉದ್ದೇಶಗಳಿಗಾಗಿ ID ಗಳು ಮತ್ತು ID ಸೆಲೆಕ್ಟರ್ಗಳ ಸ್ಥಳದಲ್ಲಿ ತರಗತಿಗಳು ಮತ್ತು ವರ್ಗ ಆಯ್ಕೆಗಳನ್ನು ಬಳಸುವ ಕಡೆಗೆ ಪ್ರಸ್ತುತ ವೆಬ್ ಪದ್ಧತಿಗಳು ಸರಿಯುತ್ತವೆ.
- ಲಿಂಕ್ ಮಾಡುವ ಹೆಸರಿನ ನಿರ್ವಾಹಕರು - ವೆಬ್ ಬ್ರೌಸರ್ಗಳು ನಿಮ್ಮ ವೆಬ್ ಡಾಕ್ಯುಮೆಂಟ್ಗಳಲ್ಲಿ URL ಗಳನ್ನು ಕೊನೆಯಲ್ಲಿ ID ಗೆ ತೋರಿಸುವ ಮೂಲಕ ನಿಖರವಾದ ಸ್ಥಳಗಳನ್ನು ಗುರಿಯಾಗಿರಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಪೌಡ್-ಸೈನ್ (#) ಮುಂಚಿತವಾಗಿ ನೀವು ಐಡಿ ಅನ್ನು ಪುಟದ URL ಗೆ ಕೊನೆಯಲ್ಲಿ ಸೇರಿಸಿ. ಪೌಂಡ್-ಚಿಹ್ನೆಯನ್ನು (#) ಮತ್ತು ಒಂದು ಅಂಶಕ್ಕಾಗಿ href ಗುಣಲಕ್ಷಣದಲ್ಲಿ ID ಹೆಸರನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ನೀವು ಈ ಆಂಕರ್ಗಳಿಗೆ ಪುಟವನ್ನು ಸ್ವತಃ ಲಿಂಕ್ ಮಾಡಬಹುದು. ಉದಾಹರಣೆಗೆ, ನೀವು ಸಂಪರ್ಕದ ID ಯೊಂದಿಗಿನ ವಿಭಾಗವನ್ನು ಹೊಂದಿದ್ದರೆ , ಅದರೊಂದಿಗೆ ಆ ಪುಟದಲ್ಲಿ ನೀವು ಅದನ್ನು ಲಿಂಕ್ ಮಾಡಬಹುದು:
ಇದು ಲಿಂಕ್ ಪಠ್ಯವಾಗಿದೆ - ಸ್ಕ್ರಿಪ್ಟುಗಳಿಗೆ ಒಂದು ಉಲ್ಲೇಖ - ನೀವು ಯಾವುದೇ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕಾರ್ಯಗಳನ್ನು ಬರೆಯುತ್ತಿದ್ದರೆ, ನೀವು ID ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಲು ಬಯಸುತ್ತೀರಿ, ಇದರಿಂದಾಗಿ ನಿಮ್ಮ ಸ್ಕ್ರಿಪ್ಟುಗಳೊಂದಿಗೆ ಪುಟದ ನಿಖರವಾದ ಅಂಶಕ್ಕೆ ನೀವು ಬದಲಾವಣೆಗಳನ್ನು ಮಾಡಬಹುದು.
- ಇತರ ಪ್ರಕ್ರಿಯೆ - ಐಡಿ ನಿಮಗೆ ಅಗತ್ಯವಿರುವ ಯಾವುದೇ ರೀತಿಯಲ್ಲಿ ನಿಮ್ಮ ವೆಬ್ ಡಾಕ್ಯುಮೆಂಟ್ಗಳನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ನೀವು HTML ಅನ್ನು ಡೇಟಾಬೇಸ್ನಲ್ಲಿ ಹೊರತೆಗೆಯಬಹುದು, ಮತ್ತು ID ಗುಣಲಕ್ಷಣವು ಕ್ಷೇತ್ರಗಳನ್ನು ಗುರುತಿಸುತ್ತದೆ.
ಐಡಿ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸುವ ನಿಯಮಗಳು
ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಎಲ್ಲಿಯಾದರೂ ಐಡಿ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸುವ ಮಾನ್ಯವಾದ ಡಾಕ್ಯುಮೆಂಟ್ ಹೊಂದಲು ನೀವು ಅನುಸರಿಸಬೇಕಾದ ಕೆಲವು ನಿಯಮಗಳಿವೆ:
- ID ಯನ್ನು ಪತ್ರದೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಬೇಕು (az ಅಥವಾ AZ)
- ಎಲ್ಲಾ ನಂತರದ ಪಾತ್ರಗಳು ಅಕ್ಷರಗಳು, ಸಂಖ್ಯೆಗಳು (0-9), ಹೈಫನ್ಗಳು (-), ಅಂಡರ್ಸ್ಕೋರ್ಗಳು (_), ಕೋಲನ್ಸ್ (:), ಮತ್ತು ಅವಧಿಗಳ (.) ಆಗಿರಬಹುದು.
- ಪ್ರತಿಯೊಂದು ID ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಅನನ್ಯವಾಗಿರಬೇಕು. ಯಾಕೆ?
ID ಲಕ್ಷಣವನ್ನು ಬಳಸುವುದು
ನಿಮ್ಮ ವೆಬ್ ಸೈಟ್ನ ಅನನ್ಯ ಅಂಶವನ್ನು ಒಮ್ಮೆ ನೀವು ಗುರುತಿಸಿದ ನಂತರ, ಸ್ಟೈಲ್ ಶೀಟ್ಗಳನ್ನು ಶೈಲಿಗೆ ಮಾತ್ರ ಬಳಸಿಕೊಳ್ಳಬಹುದು.
ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ
ಇಲ್ಲಿ ಕೆಲವು ಪಠ್ಯ ವಿಷಯಗಳಿವೆ
div # contact-section {background: # 0cf;}
-ಅಥವಾ-
# ಸಂಪರ್ಕ-ವಿಭಾಗ {background: # 0cf;}
ಆ ಇಬ್ಬರು ಸೆಲೆಕ್ಟರ್ಗಳು ಒಂದೋ ಕೆಲಸ ಮಾಡುತ್ತವೆ. ಮೊದಲನೆಯದು (div # contact-section) ಒಂದು ವಿಭಾಗವನ್ನು "ಸಂಪರ್ಕ-ವಿಭಾಗ" ದ ಒಂದು ID ಗುಣಲಕ್ಷಣದೊಂದಿಗೆ ಗುರಿಯಾಗಿರಿಸಿಕೊಳ್ಳುತ್ತದೆ. ಎರಡನೆಯದು (# ಸಂಪರ್ಕ-ವಿಭಾಗ) ಇನ್ನೂ "ಸಂಪರ್ಕ-ವಿಭಾಗ" ದ ID ಯೊಂದಿಗೆ ಅಂಶವನ್ನು ಗುರಿಯಾಗಿಸಲಿದೆ, ಅದು ಏನು ಹುಡುಕುತ್ತಿದೆ ಎನ್ನುವುದು ಒಂದು ವಿಭಾಗವಾಗಿದೆ ಎಂದು ತಿಳಿದಿರುವುದಿಲ್ಲ. ಸ್ಟೈಲಿಂಗ್ನ ಅಂತಿಮ ಫಲಿತಾಂಶವು ಒಂದೇ ಆಗಿರುತ್ತದೆ.
ಯಾವುದೇ ಟ್ಯಾಗ್ಗಳನ್ನು ಸೇರಿಸದೆಯೇ ನೀವು ನಿರ್ದಿಷ್ಟ ಅಂಶಕ್ಕೆ ಲಿಂಕ್ ಮಾಡಬಹುದು:
ಸಂಪರ್ಕ ಮಾಹಿತಿಗೆ ಲಿಂಕ್ ಮಾಡಿ
"GetElementById" ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವಿಧಾನದೊಂದಿಗೆ ನಿಮ್ಮ ಲಿಪಿಯಲ್ಲಿ ಪ್ಯಾರಾಗ್ರಾಫ್ ಅನ್ನು ಉಲ್ಲೇಖಿಸಿ:
document.getElementById ("ಸಂಪರ್ಕ-ವಿಭಾಗ")
ಸಾಮಾನ್ಯ ಲಕ್ಷಣಗಳ ಉದ್ದೇಶಗಳಿಗಾಗಿ ವರ್ಗ ಆಯ್ಕೆದಾರರನ್ನು ಬದಲಿಸಿದರೂ, ID ಗುಣಲಕ್ಷಣಗಳು ಇನ್ನೂ HTML ನಲ್ಲಿ ತುಂಬಾ ಉಪಯುಕ್ತವಾಗಿವೆ. ಶೈಲಿಗಳಿಗೆ ಕೊಂಡಿಯಾಗಿ ID ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸುವ ಸಾಮರ್ಥ್ಯ, ಲಿಂಕ್ಗಳಿಗೆ ಅಥವಾ ಲಕ್ಷ್ಯಗಳ ಉದ್ದೇಶಕ್ಕಾಗಿ ಅವುಗಳನ್ನು ನಿರ್ವಾಹಕರಂತೆ ಬಳಸುವಾಗ, ಅವರು ಇಂದು ವೆಬ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಇಂದಿಗೂ ಪ್ರಮುಖ ಸ್ಥಳವನ್ನು ಹೊಂದಿದ್ದಾರೆ.
ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ ಸಂಪಾದಿಸಿದ್ದಾರೆ