Agar HTML tagida HTML elementi bormi?

Ushbu ikkita shart o'rtasida farq bor

Veb-dizayn, har qanday sanoat yoki kasb singari, o'z tiliga ega. Siz sanoatga kirib, sizning tengdoshlaringiz bilan gaplashayotganda, shubhasiz siz uchun yangi bo'lgan atamalar va iboralar, lekin sizning hamkasbingizning web-professionallari tillarining oqimining g'ashiga aylanasiz. Siz eshitadigan so'zlarning ikkitasi HTML "tag" va "element" dir.

Siz bu ikkita so'zni eshitganingizda, ularning bir-birining o'rnida ishlatilishini tushunishingiz mumkin. Shunday qilib, HTML-kod bilan ishlay boshlaganda ko'pgina yangi veb-mutaxassislar "HTML tiraji va HTML elementi o'rtasidagi farq nimani anglatadi?" Degan savol tug'iladi.

Bu ikkita so'z ma'noda o'xshash bo'lsa-da, ular aslida sinonimlar emas. Xo'sh, bu ikki shart bilan o'xshashlik nima? Qisqa javob, ikkala teglar va elementlar ham HTML yozish uchun ishlatiladigan formatlashni bildiradi. Misol uchun,

tegini xatlarni yoki bog'lanishni yaratish uchun elementini aniqlash uchun foydalanmoqdasiz. Ko'pgina odamlar atamalar va elementlarni bir-birining o'rniga ishlatishadi va siz bilan gaplashadigan veb-uslubchisi yoki ishlab chiquvchi nimani nazarda tutganingizni tushunadi, ammo haqiqat bu ikkala shart o'rtasida kichik farq bo'lishidir.

HTML formatlash tili bo'lib , demak u birinchi bo'lib kompilyatsiya qilinishi kerak bo'lmagan shaxs tomonidan o'qilishi mumkin bo'lgan kodlar bilan yozilgan. Boshqacha qilib aytadigan bo'lsak, veb-sahifadagi matn bu kodlar bilan "belgilanadi", matnni qanday ko'rsatish bo'yicha veb-brauzer ko'rsatmalariga ega bo'lishi kerak. Ushbu belgilar taglari HTML teglaridir.

HTML yozganingizda HTML teglarni yozyapsiz. Barcha HTML teglari bir qator maxsus qismlardan tashkil topgan, jumladan:

• Kamroq belgisi <
• Qaysi tegni yozayotganini aniqlaydigan so'z yoki belgilar
• Ism = "qiymat" juftligi shaklida ixtiyoriy HTML atributlarining har qanday miqdori
• Va nihoyat, katta belgidan>

Misol uchun, ba'zi HTML teglari:

Ularning barchasi HTML ochilish teglari, ularga qo'shilgan ixtiyoriy atributlarisiz. Ushbu teglar:

• - paragrafni belgilaydi.

• - sahifani HTML deb belgilaydi
• - bo'linishni belgilaydi.

Quyidagi HTML teglar ham bor:

• Ushbu misollarning barchasi, ochilish HTML teglariga qo'shilgan atributlarni o'z ichiga oladi.

  • ID identifikatorini o'z ichiga olgan tartiblangan ro'yxat
    • Bo'limning sinf xususiyati bor
    • Datchik yoki aloqa elementi "href" atributini o'z ichiga oladi
    • "Src" xususiyati bilan tasvir yorlig'i

    Datchik va rasm teglari uchun, atributlar aslida ixtiyoriy emas, chunki bu teglar to'g'ri ko'rinishi kerak. Qaerga borish kerakligi haqidagi linkni ("href" nima ishlaydi) va nimani ko'rsatadigan tasvirni ("src" xususiyati beradigan narsa) ayta olishingiz kerak.

    HTML elementlari nima?

    W3C HTML spetsifikatsiyasiga ko'ra, element HTMLning asosiy tuzilish blokidir va odatda ikkita tegdan iborat: ochilish yorlig'i va yopish yorlig'i. Hozircha biz faqat elementlarni ochadigan tirnoqlarga qaradik. Ushbu elementni tugatish uchun tegishli yopish belgilarini yozing.

    Misol uchun, xat elementi uchun siz buni yozasiz:

    Bu bir lahza oldin ko'rgan ochilish yorlig'idan iborat bo'lib, yopilish yorlig'i - . Yakunlovchi teglar, albatta, ochilish yorlig'i takrorlanadi, lekin "kam belgidan" keyin to'g'ridan-to'g'ri qo'shilgan "oldinga slash" bilan.

    Deyarli barcha HTML elementlari ochilish yorlig'i va yopilish yorlig'i mavjud. Ushbu teglar veb-sahifada ko'rsatiladigan matnni o'rab oladi. Masalan, matnning paragrafini yozish uchun matnni sahifada aks ettiradigan matnni yozing va keyin bu teglar bilan o'rab olasiz:

    Veb-sahifada siz xohlagan xatboshi matni yozasiz.

    Ba'zi HTML elementlarida yopilish yorlig'i yo'q. Ular "bo'sh elementlar" deb nomlanadi. Ba'zan ular " singleton " yoki "bekor" elementlari deb ataladi. Bo'sh elementlardan foydalanish oson, chunki veb-sahifangizda faqat bitta tegni kiritishingiz kerak va brauzer nima qilish kerakligini biladi. Misol uchun, sizning sahifangizga bir satr oxiri qo'shish uchun b tag tegini ishlatasiz.

    Faqat ochilish yorlig'ini o'z ichiga olgan yana bir keng tarqalgan element "tasvir" elementidir. Masalan:

    Biz bu misolni ilgari ko'rdik, lekin bu tasvir elementi uchun yopish yorlig'i yo'q. Brauzer bu kodni "href" atributida ko'rsatilgan tasvir bilan o'zgartirishi mumkin. Bunday holda, bu "logo.png" bo'ladi.

    Umuman olganda, men HTML element yoki yorliqqa murojaat qilganimda, elementning barcha qismlariga (ham ochilish va yopish belgilariga) ishora qilayotganimni ko'rsatish uchun "element" atamasini ishlataman. Men "yorlig'i" dan foydalanaman, albatta, faqatgina bir yoki boshqasini nazarda tutaman. Bu ikki shartning to'g'ri ishlatilishi va men sizni ulardan to'g'ri foydalanishni tavsiya etaman - faqat bilib olingki, siz ularni biroz silkitib va ​​almashtirsangiz, siz hali ham yangi veb-rivojlanish tengdoshlari tomonidan tushunasiz!

    Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 7/21/17 yil tahrirlangan