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

Bu İki Şart Arasında Fark Var

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, kuşkusuz 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 tanımlamak için

etiketini veya bağlantı oluşturmak için öğesini kullandığınızı söyleyebiliriz. 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 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:

• İşaretten daha az <
• Hangi etiketin yazıldığı belirleyen bir kelime veya karakter
• Bir ad = "değer" çifti biçimindeki herhangi bir sayıda isteğe bağlı HTML özelliği
• 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.

  • , bir ID niteliği içeren sıralanmamış bir listedir
    • 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, bir eleman HTML'nin temel yapı taşıdır ve tipik olarak iki etiketden oluşur : 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 "sembolden daha az" sonra doğrudan "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:

    Bu, web sayfasında görüntülenmesini istediğiniz paragrafın metnini yazacağınız yerdir.

    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 b
    etiketini kullanırsınız.

    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ğumda, elemanın tüm bölümlerine (hem açılış hem de kapanış etiketlerine) atıfta bulunduğumu belirtmek için “eleman” terimini kullanacağım. Ben "tag" kullanıyorum, gerçekten sadece bir veya başka bir atıfta bulunuyor. Bu, bu iki terimin doğru kullanımıdır ve bunları düzgün bir şekilde kullanmanız için sizi cesaretlendirmekteyim - ama sadece bunları biraz değiştirip değiştirirseniz, yeni web geliştirme arkadaşlarınız tarafından anlaşılacağını bilmeniz yeterlidir!

    Jennifer Krynin tarafından yazılmış orijinal makale. 7/21/17 tarihinde Jeremy Girard tarafından düzenlendi