Teglar HTMLda

2.1 Teglar bilan tanishish

HTML-hujjatlarning belgilanmasining asosi teglarda yotadi. Teg nima?

Teglar 70-yillardan beri mavjud bo'lib, odamlar hujjatlarga dasturlar tomonidan ishlov berish uchun maxsus ma'lumotlarni qo'shishlari uchun yaratilgan.

Teg – bu ko'pincha ingliz tilida bo'lgan kalit (xizmat) so'z bo'lib, u uchburchak qavslar (katta-kichik belgilar) ichida joylashadi, shunda dasturlar teglar va oddiy inglizcha so'zlarni chalkashtirib yubormaydi.

Bundan tashqari tegda hujjatni ishlov beruvchi dastur uchun foydali bo'lishi mumkin bo'lgan turli xizmat ma'lumotlari ham bo'lishi mumkin.

Tegli matnning namunasi:

 <a href="http://javarush.com/about">
    Qiziqarli narsaga havola
</a>

Ushbu misolda biz matnni, "a" tegini va shuningdek xizmat ma'lumotlari - teg atributlarini ko'rib turibmiz. Quyida ular haqida batafsil bilib olasiz.

2.2 Teglar turlari: ochuvchi, yopuvchi, bo'sh teg

Teglar turli xil turlarga ega. Birinchi navbatda, ular yakka va juftlikka bo'linadi. Eng ko'p uchraydigan juft teglar. Va siz allaqachon taxmin qilganingizdek, ular hamisha juft bo'lib keladi. Ular ochuvchi va yopuvchi deb ham ataladi.

Ochuvchi teg uchburchak qavslar ichida faqat kalit so'zdan iborat. Namuna:

<h1>

Yopuvchi teg ochuvchiga o'xshaydi, lekin kalit so'z oldida qiyshiq chiziq turadi. Namuna:

</h1>

Ochuvchi teg xizmat ma'lumotlarini, ya'ni atributlarni o'z ichiga olishi mumkin, yopuvchi teg esa yo'q. Ochuvchi teg har doim juftlikda birinchi bo'ladi. Matnda yopuvchi teg avval kelsa, ochuvchi teg keyin bo'lishi mumkin emas. Bunday HTML-hujjat yaroqsiz bo'ladi.

Yakka teglar yopuvchi tegga ega emas. Bunday teglar ro'yxati HTML-standarti bilan belgilanadi. Bunday teglar misollari:

• <br> – satrni o'tkazish;
• <img> – rasm.

Aytmoqchi, agar juftlik teg ichida ma'lumot bo'lmasa, uni qisqartirilgan shaklda yozish mumkin. Namuna:

<h1/>

Bu yakka teg emas, balki bo'sh juftlik tegdir. Bu bir vaqtning o'zida ochuvchi va yopuvchi tegdir. Yopuvchi tegdan farqi shundaki, qiyshiq chiziq oxirida (ikkinchi uchburchak qavs oldida) turadi.

2.3 Teglar daraxti

Va juftlik teglar haqida yana bir muhim ma'lumot. Hujjatda ularning ko'pi bo'lishi mumkin va ular ichki bo'lishi mumkin. Bu nimani anglatadi? Bu shuni anglatadiki, HTML-hujjatidagi har qanday matn boshqa teglarni ichiga olgan holda teglar bilan o'ralishi mumkin. Namuna:

<html>
    Oddiy matn
 <a href="http://javarush.com/about">
            Qiziqarli narsaga havola
 </a>
     yana biror matn
</html>

Odatda, html-matnda quyidagi teglar ketma-ketligi uchrashi mumkin:

        <h1> <h2> </h2> </h1>

    

Lekin quyidagi bo'lishi mumkin emas:

        <h1> <h2> </h1> </h2> 

    

Agar ochuvchi teg <h2> <h1>-teglar juftligi ichida joylashgan bo'lsa, uning juft yopuvchi tegi </h2> ham <h1>-teglar juftligi ichida bo'lishi kerak.

Shu tariqa hujjatdagi barcha teglar ma'lum bir teglar daraxtini hosil qiladi. Birinchi darajadagi teg hujjatni to'liq o'rab turadi, odatda bu <html> deb nomlanadi, unda o'zining bolalari teglari bor, ularda yana o'zlariga teglar bo'ladi va hokazo.

Aslida, hujjatni teglar bilan ishlovchi dastur uni mana shunday ko'radi - teglar daraxti va ichida biror matn.

2.4 Atributlar

Teglar haqida ma'lumot to'liq bo'lmas edi, agar biz atributlar haqida gapirmasak. Yakka teglar va juftlik teglarning ochuvchi teglariga atributlar qo'shilishi mumkin. Ushbu atributlar tegning ichidagi ma'lumotlar haqida foydali ma'lumot beradi.

Teg bir necha atributlarga ega bo'lishi mumkin va ularning umumiy ko'rinishi quyidagicha:

        <tag name1="value1" name2="value2">
    

Har bir atribut nom va qiymat juftligi shaklida berilgan. Atributlar soni cheklanmagan.

Lekin tajribali dasturchi darhol savol beradi: agar atribut qiymati sifatida "«<», «>» yoki qo'shtirnoq belgilarini ishlatish kerak bo'lsa, nima qilish kerak?