ಒಂದು ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಲಿಮೆಂಟ್ ವರ್ಸಸ್ ಒಂದು HTML ಟ್ಯಾಗ್ ಎಂದರೇನು?

ಈ ಎರಡು ನಿಯಮಗಳ ನಡುವೆ ಒಂದು ವ್ಯತ್ಯಾಸವಿದೆ

ವೆಬ್ ವಿನ್ಯಾಸ, ಯಾವುದೇ ಉದ್ಯಮ ಅಥವಾ ವೃತ್ತಿಯಂತೆಯೇ, ಒಂದು ಭಾಷೆಯನ್ನು ತನ್ನದೇ ಆದ ಸ್ವಂತದೆಂದು ಹೊಂದಿದೆ. ನೀವು ಉದ್ಯಮಕ್ಕೆ ಪ್ರವೇಶಿಸಿದಾಗ ಮತ್ತು ನಿಮ್ಮ ಗೆಳೆಯರೊಂದಿಗೆ ಮಾತನಾಡಲು ಪ್ರಾರಂಭಿಸಿದಾಗ, ನಿಸ್ಸಂದೇಹವಾಗಿ ನಿಮಗೆ ಹೊಸದಾಗಿರುವ ಪದಗಳು ಮತ್ತು ಪದಗುಚ್ಛಗಳ ಕೋಲಾಹಲಕ್ಕೆ ಹೋಗುತ್ತದೆ, ಆದರೆ ನಿಮ್ಮ ಸಹ ವೆಬ್ ವೃತ್ತಿಪರರ ನಾಲಿಗೆಗಳ ಹರಿವು. ನೀವು ಕೇಳುವ ಎರಡು ಪದಗಳು HTML "ಟ್ಯಾಗ್" ಮತ್ತು "ಎಲಿಮೆಂಟ್".

ಈ ಎರಡು ಶಬ್ದಗಳನ್ನು ನೀವು ಕೇಳಿದಂತೆ, ಅವುಗಳು ಒಂದಕ್ಕೊಂದು ಬದಲಿಯಾಗಿ ಬಳಸಲಾಗುತ್ತಿದೆ ಎಂದು ನೀವು ತಿಳಿಯಬಹುದು. ಹಾಗಾಗಿ, ಅನೇಕ ಹೊಸ ವೆಬ್ ವೃತ್ತಿಪರರು ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೋಡ್ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ಪ್ರಾರಂಭಿಸಿದಾಗ "ಎಚ್ಟಿಎಮ್ಎಲ್ ಟ್ಯಾಗ್ ಮತ್ತು ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಲಿಮೆಂಟ್ ನಡುವಿನ ವ್ಯತ್ಯಾಸವೇನು?" ಎಂಬ ಒಂದು ಪ್ರಶ್ನೆ.

ಈ ಎರಡು ಪದಗಳು ಅರ್ಥದಲ್ಲಿ ಹೋಲುತ್ತವೆಯಾದರೂ, ಅವು ನಿಜವಾಗಿಯೂ ಸಮಾನಾರ್ಥಕಗಳಾಗಿರುವುದಿಲ್ಲ. ಆದ್ದರಿಂದ ಈ ಎರಡು ಪದಗಳ ಹೋಲಿಕೆ ಏನು? ಚಿಕ್ಕ ಉತ್ತರವೆಂದರೆ ಎರಡೂ ಟ್ಯಾಗ್ಗಳು ಮತ್ತು ಅಂಶಗಳು HTML ಬರೆಯಲು ಬಳಸುವ ಮಾರ್ಕ್ಅಪ್ ಅನ್ನು ಸೂಚಿಸುತ್ತವೆ. ಉದಾಹರಣೆಗೆ, ನೀವು ಪ್ಯಾರಾಗ್ರಾಫ್ ಅಥವಾ ಅಂಶವನ್ನು ಲಿಂಕ್ಗಳನ್ನು ರಚಿಸಲು ವ್ಯಾಖ್ಯಾನಿಸಲು

ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸುತ್ತಿರುವಿರಿ ಎಂದು ನೀವು ಹೇಳಬಹುದು. ಹಲವು ಜನರು ಪದಗಳ ಟ್ಯಾಗ್ ಮತ್ತು ಅಂಶವನ್ನು ಪರಸ್ಪರ ಬದಲಿಯಾಗಿ ಬಳಸುತ್ತಾರೆ, ಮತ್ತು ನೀವು ಮಾತನಾಡುವ ಯಾವುದೇ ವೆಬ್ ಡಿಸೈನರ್ ಅಥವಾ ಡೆವಲಪರ್ ನಿಮ್ಮ ಅರ್ಥವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವರು, ಆದರೆ ವಾಸ್ತವವೆಂದರೆ ಎರಡು ಪದಗಳ ನಡುವೆ ಸ್ವಲ್ಪ ವ್ಯತ್ಯಾಸವಿದೆ.

ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾರ್ಕ್ಅಪ್ ಭಾಷೆಯಾಗಿದೆ , ಇದರ ಅರ್ಥವೇನೆಂದರೆ ಇದು ಮೊದಲಿಗೆ ಕಂಪೈಲ್ ಮಾಡಲು ಅಗತ್ಯವಿಲ್ಲದೇ ಒಬ್ಬ ವ್ಯಕ್ತಿಯಿಂದ ಓದಬಹುದಾದ ಕೋಡ್ಗಳೊಂದಿಗೆ ಬರೆಯಲ್ಪಟ್ಟಿದೆ. ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, ಪಠ್ಯವನ್ನು ಹೇಗೆ ಪ್ರದರ್ಶಿಸಬೇಕು ಎಂಬುದರ ಬಗ್ಗೆ ವೆಬ್ ಬ್ರೌಸರ್ ಸೂಚನೆಗಳನ್ನು ನೀಡಲು ವೆಬ್ ಪುಟದಲ್ಲಿನ ಪಠ್ಯವು ಈ ಸಂಕೇತಗಳೊಂದಿಗೆ "ಗುರುತಿಸಲಾಗಿದೆ". ಈ ಮಾರ್ಕ್ಅಪ್ ಟ್ಯಾಗ್ಗಳು HTML ಟ್ಯಾಗ್ಗಳಾಗಿವೆ.

ನೀವು HTML ಬರೆಯುವಾಗ, ನೀವು HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಬರೆಯುತ್ತಿದ್ದೀರಿ. ಎಲ್ಲಾ HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಹಲವಾರು ನಿರ್ದಿಷ್ಟ ಭಾಗಗಳಿಂದ ಮಾಡಲಾಗಿರುತ್ತದೆ, ಅವುಗಳೆಂದರೆ:

• ಕಡಿಮೆ ಚಿಹ್ನೆ <
• ಯಾವ ಟ್ಯಾಗ್ ಅನ್ನು ಬರೆಯಲಾಗಿದೆಯೆಂದು ನಿರ್ಧರಿಸುವ ಪದ ಅಥವಾ ಅಕ್ಷರ
• ಹೆಸರಿನ = "ಮೌಲ್ಯ" ಜೋಡಿ ರೂಪದಲ್ಲಿ ಐಚ್ಛಿಕ HTML ಲಕ್ಷಣಗಳ ಯಾವುದೇ ಸಂಖ್ಯೆ
• ಮತ್ತು ಅಂತಿಮವಾಗಿ ಚಿಹ್ನೆಗಿಂತ ಹೆಚ್ಚಿನದು

ಉದಾಹರಣೆಗೆ, ಇಲ್ಲಿ ಕೆಲವು HTML ಟ್ಯಾಗ್ಗಳಿವೆ:

ಇವುಗಳು ಎಲ್ಲಾ ಎಚ್ಟಿಎಮ್ಎಲ್ ಆರಂಭಿಕ ಟ್ಯಾಗ್ಗಳು, ಅವುಗಳಿಗೆ ಸೇರಿಸಿದ ಯಾವುದೇ ಐಚ್ಛಿಕ ಲಕ್ಷಣಗಳಿಲ್ಲ. ಈ ಟ್ಯಾಗ್ಗಳು ಪ್ರತಿನಿಧಿಸುತ್ತವೆ:

• - ಪ್ಯಾರಾಗ್ರಾಫ್ ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.

• - ಪುಟವನ್ನು HTML ರೂಪದಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ
• - ಒಂದು ವಿಭಾಗವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.

ಕೆಳಗಿನವುಗಳು HTML ಟ್ಯಾಗ್ಗಳಾಗಿವೆ:

• ಈ ಉದಾಹರಣೆಗಳಲ್ಲಿ ಎಲ್ಲಾ ಆರಂಭಿಕ HTML ಟ್ಯಾಗ್ಗಳಿಗೆ ಸೇರಿಸಲಾಗಿದೆ ಲಕ್ಷಣಗಳು ಸೇರಿವೆ.

  • ಒಂದು ID ಯನ್ನು ಗುಣಲಕ್ಷಣವನ್ನು ಒಳಗೊಂಡಿರುವ ಒಂದು ಕ್ರಮಬದ್ಧವಾದ ಪಟ್ಟಿಯಾಗಿದೆ
    • ವಿಭಾಗವು ವರ್ಗ ಗುಣಲಕ್ಷಣವನ್ನು ಹೊಂದಿದೆ
    • ಆಧಾರ, ಅಥವಾ ಲಿಂಕ್, ಅಂಶವು "href" ಗುಣಲಕ್ಷಣವನ್ನು ಒಳಗೊಂಡಿದೆ
    • "Src" ಗುಣಲಕ್ಷಣದೊಂದಿಗೆ ಚಿತ್ರ ಟ್ಯಾಗ್

    ಆಂಕರ್ ಮತ್ತು ಇಮೇಜ್ ಟ್ಯಾಗ್ಗಳಿಗಾಗಿ, ಲಕ್ಷಣಗಳು ನಿಜವಾಗಿ ಐಚ್ಛಿಕವಾಗಿಲ್ಲ, ಆ ಟ್ಯಾಗ್ಗಳನ್ನು ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿಸಲು ಅವು ಅವಶ್ಯಕ. ಎಲ್ಲಿಗೆ ಹೋಗಬೇಕೆಂದು ("href" ಏನು ಮಾಡುತ್ತದೆ) ಮತ್ತು ಇಮೇಜ್ ಏನು ತೋರಿಸಬೇಕೆಂದು (ಅಂದರೆ "src" ಗುಣಲಕ್ಷಣವು ಏನು) ಎಂದು ನೀವು ಲಿಂಕ್ಗೆ ಹೇಳಬೇಕಾಗಿದೆ.

    ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಲಿಮೆಂಟ್ಸ್ ಯಾವುವು

    ಡಬ್ಲ್ಯು 3 ಸಿ ಎಚ್ಟಿಎಮ್ಎಲ್ ಸ್ಪೆಸಿಫಿಕೇಷನ್ ಪ್ರಕಾರ, ಒಂದು ಅಂಶ ಎಚ್ಟಿಎಮ್ಎಲ್ನ ಮೂಲಭೂತ ಬಿಲ್ಡಿಂಗ್ ಬ್ಲಾಕ್ಸ್ ಮತ್ತು ಇದು ವಿಶಿಷ್ಟವಾಗಿ ಎರಡು ಟ್ಯಾಗ್ಗಳಿಂದ ಮಾಡಲ್ಪಟ್ಟಿದೆ: ಒಂದು ಆರಂಭಿಕ ಟ್ಯಾಗ್ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್. ಇಲ್ಲಿಯವರೆಗೆ ನಾವು ಆರಂಭಿಕ ಟ್ಯಾಗ್ಗಳನ್ನು ನೋಡುತ್ತೇವೆ, ಅದು ಅಂಶಗಳನ್ನು ಪ್ರಾರಂಭಿಸುತ್ತದೆ. ಆ ಅಂಶವನ್ನು ಕೊನೆಗೊಳಿಸಲು, ನೀವು ಅನುಗುಣವಾದ ಮುಚ್ಚುವ ಟ್ಯಾಗ್ಗಳನ್ನು ಬರೆಯಿರಿ.

    ಉದಾಹರಣೆಗೆ, ಪ್ಯಾರಾಗ್ರಾಫ್ ಅಂಶಕ್ಕಾಗಿ ನೀವು ಇದನ್ನು ಬರೆಯಿರಿ:

    ಇದು ನಾವು ಒಂದು ಕ್ಷಣ ಹಿಂದೆ ನೋಡಿದ ಆರಂಭಿಕ ಟ್ಯಾಗ್ನಂತೆ ಮಾಡಲ್ಪಟ್ಟಿದೆ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಅನ್ನು ಮಾಡಿದೆ - . ಮುಚ್ಚುವ ಟ್ಯಾಗ್ಗಳನ್ನು ನಿಜವಾಗಿಯೂ ಪುನರಾವರ್ತಿತ ಟ್ಯಾಗ್ ಪುನರಾವರ್ತಿತವಾಗಿದೆ, ಆದರೆ "ಫಾರ್ವರ್ಡ್ ಸ್ಲಾಶ್" ಅನ್ನು "ಚಿಹ್ನೆಗಿಂತ ಕಡಿಮೆ" ನಂತರ ನೇರವಾಗಿ ಸೇರಿಸಲಾಗುತ್ತದೆ.

    ಎಲ್ಲಾ ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳು ಒಂದು ಆರಂಭಿಕ ಟ್ಯಾಗ್ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಅನ್ನು ಹೊಂದಿವೆ. ಈ ಟ್ಯಾಗ್ಗಳು ವೆಬ್ ಪುಟದಲ್ಲಿ ಪ್ರದರ್ಶಿಸುವ ಪಠ್ಯವನ್ನು ಸುತ್ತುವರೆದಿವೆ. ಉದಾಹರಣೆಗೆ, ಪಠ್ಯದ ಪ್ಯಾರಾಗ್ರಾಫ್ ಅನ್ನು ಬರೆಯಲು, ನೀವು ಪುಟದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲು ಪಠ್ಯವನ್ನು ಬರೆಯಿರಿ ಮತ್ತು ನಂತರ ಈ ಟ್ಯಾಗ್ಗಳೊಂದಿಗೆ ಸುತ್ತುವರೆದಿರಿ:

    ನೀವು ವೆಬ್ಪುಟದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲು ಬಯಸುವ ಪ್ಯಾರಾಗ್ರಾಫ್ನ ಪಠ್ಯವನ್ನು ಬರೆಯುವ ಸ್ಥಳವಾಗಿದೆ.

    ಕೆಲವು HTML ಅಂಶಗಳು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಅನ್ನು ಹೊಂದಿಲ್ಲ. ಇವುಗಳನ್ನು "ಖಾಲಿ ಅಂಶಗಳು" ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ. ಕೆಲವೊಮ್ಮೆ, ಅವುಗಳನ್ನು " ಸಿಂಗಲ್ಟನ್ " ಅಥವಾ "ನಿರರ್ಥಕ" ಅಂಶಗಳೆಂದು ಸಹ ಕರೆಯಲಾಗುತ್ತದೆ. ಖಾಲಿ ಅಂಶಗಳು ಬಳಸಲು ಸುಲಭ ಏಕೆಂದರೆ ನಿಮ್ಮ ವೆಬ್ ಪುಟದಲ್ಲಿ ನೀವು ಕೇವಲ ಒಂದು ಟ್ಯಾಗ್ ಅನ್ನು ಸೇರಿಸಬೇಕು ಮತ್ತು ಬ್ರೌಸರ್ ಏನು ಮಾಡಬೇಕೆಂದು ತಿಳಿಯುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ನಿಮ್ಮ ಪುಟಕ್ಕೆ ಒಂದೇ ಸಾಲಿನ ವಿರಾಮವನ್ನು ಸೇರಿಸಲು ನೀವು b 'ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸುತ್ತೀರಿ.

    ಆರಂಭಿಕ ಟ್ಯಾಗ್ ಅನ್ನು ಮಾತ್ರ ಒಳಗೊಂಡಿರುವ ಮತ್ತೊಂದು ಸಾಮಾನ್ಯ ಅಂಶವೆಂದರೆ "ಇಮೇಜ್" ಎಲಿಮೆಂಟ್. ಉದಾಹರಣೆಗೆ:

    ಈ ಉದಾಹರಣೆಯನ್ನು ನಾವು ಮೊದಲು ನೋಡಿದ್ದೇವೆ, ಆದರೆ ಈ ಚಿತ್ರದ ಅಂಶಕ್ಕಾಗಿ ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಇಲ್ಲ. ಬ್ರೌಸರ್ ಈ ಕೋಡ್ ಅನ್ನು "href" ಗುಣಲಕ್ಷಣದಲ್ಲಿ ಉಲ್ಲೇಖಿಸಿರುವ ಚಿತ್ರದೊಂದಿಗೆ ಬದಲಾಯಿಸುತ್ತದೆ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಅದು "logo.png" ಆಗಿರುತ್ತದೆ.

    ಸಾಮಾನ್ಯವಾಗಿ, ನಾನು ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಲಿಮೆಂಟ್ ಅಥವಾ ಟ್ಯಾಗ್ ಅನ್ನು ಉಲ್ಲೇಖಿಸುವಾಗ, ನಾನು ಎಲಿಮೆಂಟ್ನ ಎಲ್ಲಾ ಭಾಗಗಳನ್ನು (ಆರಂಭಿಕ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ಗಳೆರಡನ್ನೂ) ಉಲ್ಲೇಖಿಸುತ್ತಿದ್ದೇನೆ ಎಂದು ಸೂಚಿಸಲು "ಅಂಶ" ಪದವನ್ನು ನಾನು ಬಳಸುತ್ತೇನೆ. ನಾನು "ಟ್ಯಾಗ್" ಅನ್ನು ನಾನು ಮಾತ್ರ ಬಳಸುತ್ತಿದ್ದೇನೆ, ಅದು ಕೇವಲ ಒಂದು ಅಥವಾ ಇನ್ನೊಂದು ಮಾತ್ರ. ಇದು ಈ ಎರಡು ಪದಗಳ ಸರಿಯಾದ ಬಳಕೆಯಾಗಿದೆ, ಮತ್ತು ಅವುಗಳನ್ನು ಸರಿಯಾಗಿ ಬಳಸಲು ನಾನು ನಿಮ್ಮನ್ನು ಪ್ರೋತ್ಸಾಹಿಸುತ್ತೇವೆ - ಆದರೆ ನೀವು ಅವುಗಳನ್ನು ಸ್ಲಿಪ್ ಮಾಡಿದರೆ ಮತ್ತು ಅವುಗಳನ್ನು ಸ್ವಲ್ಪಮಟ್ಟಿಗೆ ವಿನಿಮಯ ಮಾಡಿಕೊಳ್ಳುವುದಾದರೆ, ನಿಮ್ಮ ಹೊಸ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಸಮಕಾಲೀನರಿಂದ ನೀವು ಇನ್ನೂ ಅರ್ಥೈಸಿಕೊಳ್ಳುತ್ತೀರಿ!

    ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ರಿಂದ ಮೂಲ ಲೇಖನ. ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ರಿಂದ 7/21/17 ರಂದು ಸಂಪಾದಿಸಲಾಗಿದೆ