CodeGym /Java Kursu /Modül 3 /HTML'deki etiketler

HTML'deki etiketler

Modül 3
Seviye , Ders
Mevcut

2.1 Etiketlere giriş

HTML-documentsİşaretleme , etiketlere dayalıdır . etiket nedir ?

Etiketler, insanların bu belgeleri işleyen programlar için belgelere hizmet bilgileri ekleyebilmeleri için 70'lerde icat edildi.

Tag- bu, programların İngilizce'deki etiketleri ve sıradan sözcükleri karıştırmaması için açılı ayraçlar (daha fazla ve daha az karakter) içinde çerçevelenmiş, çoğunlukla İngilizce olan anahtar (işlevsel) bir sözcüktür.

Etiket, belgeyi işleyen program için yararlı olabilecek çeşitli hizmet bilgilerini de içerebilir.

Etiketli örnek metin:


 <a href="http://codegym.cc/about">
    Link to something interesting
</a>

Bu örnekte, metni, "a" etiketini ve hizmet bilgilerini - etiket niteliklerini görüyoruz. Aşağıda onlar hakkında daha fazla bilgi edineceksiniz.

2.2 Etiket türleri: açılış, kapanış, boş etiket

Etiketler farklı türdedir. Birincisi, tek ve çifttirler. En yaygın olanları eşleştirilmiş etiketlerdir . Ve muhtemelen zaten tahmin ettiğiniz gibi, her zaman çiftler halinde yaşarlar. Açma ve kapama olarak da adlandırılırlar.

Açılış etiketi sadece üçgen parantez içindeki bir anahtar kelimedir. Örnek:

<h1>

Kapanış etiketi, açılış etiketine benzer, ancak anahtar kelimenin önünde eğik çizgi bulunur. Örnek:

</h1>

Açılış etiketi, hizmet bilgileri - nitelikler, kapanış etiketi - hayır içerebilir . Başlangıç ​​etiketi her zaman bir çiftin ilkidir. Kapanış etiketi metinde önce, sonra açılış etiketine GİTMEZ. Bu HTML-documentgeçerli olmayacak.

Tek etiketlerin kapanış etiketi yoktur. Bu tür etiketlerin listesi ile tanımlanır HTML-standard. Bu tür etiketlere örnekler:

  • <br>- satır sonu;
  • <img>- resim.

Bu arada, eşleştirilmiş bir etiket, içinde bilgi yoksa, kısaltılmış bir biçimde yazılabilir . Örnek:

<h1/>

Bu tek bir etiket değil, boş bir çift etikettir. Aynı anda hem kapalı hem de açık etiketler gibidir. Eğik çizginin sonda (ikinci üçgen köşeli ayraçtan önce) olmasıyla kapalı etiketten farklıdır.

2.3 Etiket ağacı

Ve eşleştirilmiş etiketler hakkında daha önemli bilgiler. Bir belgede çok sayıda olabilir ve iç içe geçebilirler. Bu ne anlama geliyor? HTML-documentBu, içindeki herhangi bir metnin , başka etiketler içerse bile etiketlerle çerçevelenebileceği (sarılabileceği) anlamına gelir . Örnek:


<html>
    plain text
        <a href="http://codegym.cc/about">
            Link to something interesting
          </a>
     some other text
</html>

Kabaca konuşursak, html metninde bir dizi etiket oluşabilir:

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

Ama olamaz:

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

Başlangıç ​​etiketi <h2>bir -tag çiftinin içindeyse <h1>, eşleşen bitiş etiketi </h2>de bir -tag çiftinin içinde olmalıdır <h1>.

Böylece, tüm belge etiketleri bir tür etiket ağacı oluşturur . İlk olarak, tüm belgeyi saran, genellikle adı verilen üst düzey etiket gelir <html>, alt etiket çiftleri vardır, bunların kendi etiket çiftleri vardır, vb.

Aslında, etiketli bir belgeyi işleyen program belgeyi tam olarak böyle görür - içinde bir miktar metin bulunan bir etiket ağacı gibi.

2.4 Nitelikler

Nitelikler hakkında konuşmasaydık, etiketlerle ilgili bilgiler tam olmazdı. Tek etiketler ve eşleştirilmiş etiketlerin başlangıç ​​etiketleri olabilir . Bu nitelikler, etiketin içeriği hakkında faydalı bilgiler içerir.

Bir etiket birkaç özellik içerebilir ve bunlar aşağıdaki genel biçime sahiptir:


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

NameHer öznitelik bir ve çifti olarak belirtilir meaning. Herhangi bir sayıda özellik olabilir.

Ancak deneyimli bir programcı hemen şu soruyu soracaktır: öznitelik değeri olarak karakter «<»veya «>»tırnak içeren metin kullanmanız gerekirse ne yapmalısınız?

Sembol adı Sembol HTML girişi
çift ​​tırnak işareti " "
işareti & &
Sembolden daha az < <
Daha fazla sembol > >
Uzay  
tek alıntı ' '
Yorumlar
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION