Yagona va juft teglar. HTML teglari

Siz allaqachon butun til teglardan iborat ekanligini o'qigansiz. Ushbu qo'llanmada biz HTML teglarini batafsil ko'rib chiqamiz. HTML tilida teglar bitta (juftlanmagan) va juft teglarga bo'linadi. Demak, bitta HTML teglari bitta tegdan iborat, ya’ni ular yakuniy tegga ega emas. Juftlangan deskriptorlar ochilish va yopish tegiga ega.

Yagona HTML teglari

Yagona teglar yakuniy tegga ega emas. Masalan:
, ... Ular shunday yozardilar:
, , endi bitta teglarni yozishning bu uslubi tegishli emas, shuning uchun bunday yozmang. Eng ko'p ishlatiladigan yagona teglar:
- yangi qatorga o'rash,

- ajratuvchi chiziq, - rasm kiriting.

Ulangan HTML teglari

Juftlangan teglar yana ko'p. Juftlangan deskriptorda boshlanish va tugatish teglari mavjud. Juftlangan teg konteyner hosil qiladi. Idishning mazmuni ochilish va yopish teglari o'rtasida joylashgan narsadir. Ushbu maqoladagi misolda siz tegni ko'rdingiz

HTMLda deskriptorlar nima?

, va shuning uchun, bu juftlangan teg, bu tegning mazmuni "HTMLda teglar nima?" matnidir. Uning boshlanishi tegdir

va oxiri

.

Juftlangan teglarni yozishda yangi boshlanuvchilar qiladigan asosiy xato - bu ichki tartibsizlikdir. Masalan, bu to'g'ri yozuv:

Qalin paragraf

... Va bu xato:

Qalin paragraf

, bunday tartibli HTML hujjati yaroqsiz hisoblanadi. Uya joylashtirishni chalkashtirmaslik uchun buni bajaring: juftlangan teglar yarating, so'ngra ularga boshqalarni joylashtiring va oxirida ikkala tegning ichiga matnni yozing.

Juftlangan teglarni qanday qilib to'g'ri yozish kerak

.

HTML5 da teglar nuqtai nazaridan qanday yangilik bor?

HTML5 tili HTML4 kengaytmasi bo'lib, u HTML4 identifikatorlarining ko'pini yoki barchasini saqlab qoldi va o'zinikini qo'shdi. HTML5 da saytni asosiy bloklarga bo'lish uchun maxsus teglar paydo bo'ldi: sarlavha, menyu, altbilgi, yon panel va kontent.

Nega teglardan foydalanishni o'rganish muhim?

Yandex va Google qidiruv tizimlari sezgir HTML tartibi hujjatlar, ularning haqiqiyligini tekshirish. Ular maxsus identifikatorlar va boshqalarga kiritilgan kalit so'zlarni qidirmoqdalar. Ammo bu bo'lim bu haqda emas. Bu reklama (SEO) uchun amal qiladi.

Barcha HTML teglarini qanday o'rganish mumkin?

Ha, juda ko'p teglar mavjud. Lekin ularni maxsus o'rgatish shart emas. Siz mashq qilayotganingizda, biror narsa yozsangiz, barcha tavsiflovchilarni, juftlangan va yakka holda eslab qolish oson bo'ladi. Vaqt o'tishi bilan, albatta.

HTML elementi HTML tilida yozilgan veb-sahifaning asosiy tarkibiy birligidir.

Juftlangan va bitta HTML teglari

Juftlangan teglardan tashkil topgan HTML elementlarining sintaksisi:

  • Element boshlang'ich teg bilan boshlanadi.
  • Element yopish tegi bilan tugaydi.
  • Elementning mazmuni ochilish va yopish teglari orasidagi hamma narsadir. Tarkib matn va/yoki boshqa HTML elementi bo'lishi mumkin.

Eslatma: qo'yishni unutmang " / ", u brauzerga elementingiz tugaganligini va undan keyin yoziladigan narsa allaqachon boshqa element ekanligini bildiradi. Agar belgi qo'ymasangiz" / "yopilish yorlig'ida, keyin brauzer uni qabul qiladi yangi element, brauzerga ko'ra, hali ham yopilmagan oldingisiga joylashtirilgan.

Bitta teglardan tashkil topgan HTML elementlarining sintaksisi:

  • Element faqat ochilish tegidan iborat.

Bitta teglardan tashkil topgan elementlar bo'sh deyiladi. HTMLda 16 ta bitta teg mavjud:

O'rnatilgan elementlar

Juftlangan teglardan tashkil topgan HTML elementlari boshqa har qanday elementlarni o'z ichiga olishi mumkin yoki ularning o'zlari boshqa elementlarga joylashtirilishi mumkin, shu bilan birga elementlarning joylashtirish chuqurligi cheklanmagan.

Quyidagi misolda uchta element mavjud, ulardan ikkitasi ichki joylashtirilgan:

Mening birinchi xatboshim



Bir element boshqasi ichida joylashganda, ichki o'rnatilgan element bir xil element ichida boshlanib, tugashiga ishonch hosil qilishingiz kerak. Shunday qilib, masalan, quyidagi kod noto'g'ri:

Bu juda

qiziqarli

Bu erda element elementdan tashqariga chiqadi

To'g'ri joylashtirilgan misol:

Bu juda qiziqarli

Bu erda element to'g'ri joylashtirilgan - u butunlay element ichida o'tiradi

Bo'shliq belgilari

Brauzer HTML kodidagi bo'shliqqa e'tibor bermaydi, shuning uchun siz kodingizni o'qilishi mumkin bo'lgan holda ulardan o'zingizning foydangizga foydalanishingiz mumkin. Bo'shliq yorliqlar, qatorlar va oddiy bo'shliqlarni o'z ichiga oladi va istalgan sonda ishlatilishi mumkin. Bo'shliqdan foydalanadigan misol kod:

Sarlavha

Mening birinchi sarlavham

Mening birinchi xatboshim



Misol kodini ishlatmasdan yozish mumkin edi bo'shliq belgilari, lekin shunga o'xshash kod kamroq o'qilishi mumkin:

Sarlavha

Mening birinchi sarlavham

Mening birinchi xatboshim

HTML hujjat kodi vaqt o'tishi bilan kattalashib, murakkablashib borar ekan, bo'sh joydan foydalanish aslida kodingizning o'qilishini yaxshilashini ko'rishingiz mumkin.



HTML teglari- HTML tilining asosi. Teglar belgilashdagi elementlarning boshi va oxirini chegaralash uchun ishlatiladi.

Har bir HTML hujjati HTML elementlari va matnlar daraxtidan iborat. Har bir HTML elementi boshlash (ochish) va tugatish (yopish) teglari bilan aniqlanadi. Boshlanish va tugatish teglari teg nomini o'z ichiga oladi.

Barcha HTML elementlari besh xil:

  • bo'sh elementlar — , ,
    , , ,
    , , , , , , , , , ;
  • formatlanmagan matnli elementlar —