Bir HTML Öğesiyle Bir HTML Öğesi Nedir?

Web tasarımı, herhangi bir endüstri veya meslek gibi, kendi başına bir dile sahiptir. Endüstrinin içine girip meslektaşlarınızla konuşmaya başladığınızda, şüphesiz ki sizin için yeni bir terim ve kelime öbekleri dizisine gireceksiniz, ancak diğer web profesyonellerinin dillerini akıtacaksınız. Duyduğunuz terimlerin ikisi HTML "etiket" ve "öğe" dir.

Konuştuğunuz bu iki terimi duyduğunuzda, bunların birbirinin yerine geçecek şekilde kullanıldığını fark edebilirsiniz. Bu nedenle, birçok yeni web uzmanının HTML koduyla çalışmaya başladıklarında belirttikleri bir soru "bir HTML etiketi ile bir HTML öğesi arasındaki fark nedir?"

Bu iki terim anlam olarak benzer olsa da, gerçekten eş anlamlı değildir. Peki bu iki terimle benzerlik nedir? Kısa cevap, her iki etiketin ve öğenin HTML yazmak için kullanılan işaretlemeye başvurmasıdır. Örneğin,

Bir paragraf veya bağlantı oluşturmak için öğe tanımlamak için etiket. Birçok kişi, terim etiketini ve elementini birbirinin yerine kullanır ve konuştuğunuz herhangi bir web tasarımcısı veya geliştirici, ne anlama geldiğini anlar, ancak gerçek şu ki, iki terim arasında küçük bir fark vardır.

HTML Etiketleri

HTML bir işaretleme dilidir, yani bir kişi tarafından okunamayan kodlarla yazıldığından önce derlenmesi gerekmemektedir. Başka bir deyişle, bir web sayfasındaki metin, metnin nasıl görüntüleneceğine ilişkin web tarayıcısı talimatlarını vermek için bu kodlarla “işaretlenir”. Bu işaretleme etiketleri, HTML etiketlerinin kendileridir.

HTML yazdığınızda, HTML etiketleri yazıyorsunuz. Tüm HTML etiketleri, aşağıdakiler dahil olmak üzere bir dizi özel parçadan oluşur:

Az bir işaret
<
Hangi etiketin yazıldığı belirleyen bir kelime veya karakter
Herhangi bir sayıda isteğe bağlı HTML özniteliği
= "Değer" isim çift
Ve sonunda büyük bir işaret
>

Örneğin, bazı HTML etiketleri şunlardır:

Bunlar, tüm HTML açılış etiketleridir, bunlara herhangi bir isteğe bağlı özellik eklenmez. Bu etiketler şunları temsil eder:

- Bir paragraf tanımlar
- sayfayı HTML olarak tanımlar
- Bir bölümü tanımlar

Aşağıdakiler de HTML etiketleridir:

Bu örneklerin tümü, açılış HTML etiketlerine eklenen özellikleri içerir.

Bölümün bir sınıf özelliği var
Anchor veya link, element "href" özelliğini içerir
"Src" özelliğine sahip resim etiketi

Anchor ve resim etiketleri için, nitelikler aslında isteğe bağlı değildir, bu etiketlerin düzgün görüntülenmesi için gereklidir. Bağlantının nereye gideceğini ("href" in yaptığı şey) ve gösterilecek resmin ne olduğunu söylemelisiniz ("src" özniteliğinin sağladığı şey).

HTML Öğeleri Nedir?

W3C HTML spesifikasyonuna göre, eleman HTML'nin temel yapı taşıdır ve genellikle iki etiket : bir açılış etiketi ve bir kapanış etiketi. Şimdiye kadar sadece öğeleri başlatan açılış etiketlerine baktık. Bu elemanı bitirmek için karşılık gelen kapanış etiketlerini yazarsınız.

Örneğin, paragraf elemanı için şunu yazarsınız:

Bu, bir an önce gördüğümüz açılış etiketinin yanı sıra kapanış etiketinden oluşuyor -

. Kapatma etiketleri gerçekten sadece tekrarlanan açılış etiketidir, ancak "daha az" sembolünden hemen sonra "eğik çizgi" eklenir.
Hemen hemen tüm HTML öğelerinin bir açılış etiketi ve bir kapanış etiketi vardır. Bu etiketler, web sayfasında görüntülenecek metni çevreler. Örneğin, bir metin paragrafı yazmak için, metni sayfada görüntülenecek şekilde yazacak ve ardından bu etiketlerle çevreleyeceksiniz:

Burada, web sayfasında görüntülenmesini istediğiniz paragrafın metnini yazacağınız yer burasıdır.

Bazı HTML öğelerinin kapatma etiketi yok. Bunlar "boş öğeler" denir. Bazen, “tekil” veya “boşluk” öğeleri olarak da anılırlar. Boş öğelerin kullanımı kolaydır, çünkü web sayfanıza yalnızca bir etiket eklemeniz ve tarayıcının ne yapacağını bilmesi gerekir. Örneğin, sayfanıza tek bir satır sonu eklemek için
etiket.

Sadece bir açılış etiketi içeren başka bir ortak eleman "görüntü" elemanıdır. Örneğin:

Bu örneği daha önce gördük, ancak bu resim öğesi için kapanış etiketi yok. Tarayıcı, bu kodu "href" özniteliğinde başvurulan görüntüyle değiştirir. Bu durumda, "logo.png" olur.

Genel olarak, bir HTML öğesine veya etikete başvurduğumuzda, elemanın tüm bölümlerine (hem açılış hem de kapanış etiketlerine) atıfta bulunduğumuzu belirtmek için “eleman” terimini kullanacağız. Sadece birini veya diğerini ifade ederken "etiket" kullanırız. Bu, bu iki terimin doğru kullanımıdır ve bunları doğru bir şekilde kullanmanızı öneririz. Ancak, bunları biraz değiştirip değiştirirseniz, yeni web geliştirme arkadaşlarınız tarafından anlaşılmaya devam edeceğinizi bilin!