HTML5 - Belge ve Nitelik Oluşturma

HTML5 - Belge ve Nitelik Oluşturma

Bu en az ilgi çeken kısımdır, ancak şüphesiz en kritik kısımlardan biridir. Her belge HTML bu öğelerin en azından bir kısmını ve bazen hepsini kullanır, bu nedenle bunları belge oluşturmak için uygun şekilde nasıl kullanacağımızı bilmemizin zararı olmaz HTML5 doğru ve genel
Belge türü öğeleri
Yazının öğeleriyle başlayalım belge. Bunlar belgemizi şekillendiren bloklardır. HTML ve tarayıcı için bir başlangıç ​​bağlamı ayarlar.
doktip öğesi
eleman doktip kendi kategorisinde benzersizdir. Her belgeye başlamak iyi bir uygulamadır. HTML bir tür öğesiyle oluşturduğumuz doktip. Bu, tarayıcıya ilgileneceğini söyleyen öğedir. HTML.
Çoğu tarayıcı, içeriğimizi atlarsak yine de doğru şekilde görüntüleyecektir. doktip, ancak tarayıcının bu şekilde davranacağına güvenmek kötü bir uygulamadır.
Bir tür öğesi uygulamak için doğru sözdizimi doktip sonraki:
html öğesi
Bu öğeye çoğunlukla kök öğe denir ve belgemizdeki HTML'nin başlangıcını belirtir.
Sözdizimi aşağıdaki gibidir:


İçindekiler ve unsurlar burada

baş eleman
eleman kafa Belge için tüm meta verileri içerir. İçinde HTML, meta veriler tarayıcıya belgedeki içerik ve işaretleme hakkında bilgi sağlar, ancak ek olarak komut dosyaları ve stil sayfaları gibi harici kaynaklara referanslar ekleyebiliriz. CSS.
Sözdizimi belge içinde aşağıdaki gibidir:



Merhaba


vücut öğesi
Bu öğe, bir belgenin içeriğini kapsar HTML, belgenin meta verilerini ve bilgilerini içine alan head öğesinin tersidir. eleman vücut her zaman head öğesini takip eder, yani kök html öğesinin yapısındaki ikinci çocuktur.
Sözdizimini görelim:

Örnek

Severim elmalar ve portakal.

Meta veri türü öğeleri
Meta veri türü öğeleri, belge hakkında bilgi vermemizi sağlar. HTML. Kendilerinden memnun değiller, ancak onları takip edecek içerik hakkında bilgi veriyorlar. Üst veri türündeki öğeler head öğesine eklenir.
Belgemize bir başlık belirleme
eleman Başlık belgemize bir başlık veya ad belirleyin. Tarayıcılar genellikle bu öğenin içeriğini pencerenin veya sekmenin üstünde görüntüler.
Yapımıza nasıl eklediğimize bakalım:

Örnek

Severim elmalar ve portakal.

Göreli URL'ler için temel belirleme
Temel eleman bir URL Belgede hangi göreli bağlantıların yer aldığı taban HTML çözülecek. Göreli bağlantı, URL'nin protokolünü, ana bilgisayarını ve bağlantı noktasını atlayan ve başka bir URL'ye göre değerlendirilen bağlantıdır. Temel öğe ayrıca, bir kullanıcı tıkladığında bağlantıların nasıl açılacağını ve bir form girildikten sonra tarayıcının nasıl davranacağını belirtir.
Belge için temel öğeleri gördükten sonra, yalnızca meta veriler için çalışan diğer öğelerle tamamlayabilir ve böylece bir belge oluşturabiliriz. HTML doğru ve herhangi bir tarayıcı tarafından en iyi şekilde yorumlanabilir.
Öznitellikler

• yön

Bağlanmak yön bir öğede bulunan metnin yönünü belirtir. Bunun için desteklenen değerler şunlardır:

• ltr (metin soldan sağa)
• rtl (metin sağdan sola)

Uygulamasının basit bir örneğini görelim:

Örnek

yön = "rtl"> Bu sağdan sola

yön = "ltr">Bu soldan sağa

• bağlam menüsü

Bu öznitelik, menüler için öğelerin bağlamını tanımlamamızı sağlar. Bunlar, örneğin bir öğeye sağ tıkladığımızda, tabiri caizse kullanıcı onları ateşlediğinde ekranda görünür.

• sürüklenebilir

Bağlanmak sürüklenebilir için HTML5 desteğinin bir parçasıdır sürükle bırak ve bir öğenin ne zaman sürüklenebileceğini belirtmek için kullanılır.

• boşaltma noktası

Bağlanmak boşaltma noktası için HTML5 desteğinin bir parçasıdır sürükle bırak y, yukarıda açıklanan sürüklenebilir özniteliğin karşılığıdır.

• gizlenmiş

Bağlanmak gizlenmiş Bir öğenin ilgili olmadığını belirten bir Boolean özniteliğidir, bu nedenle belgede görsel olarak bulunmayacaktır. Tarayıcılar bu özelliği, öğeyi kullanıcının görünümünden gizleyecek şekilde yorumlar. Bir örnek görelim:

Örnek
Aç/Kapat



gizlenmiş>

tatlı patates	Şehir
Adam Freeman	Londra
Joe demirci	New York
anne jones	Paris

Bu örnekte, gizli özniteliğin bulunduğu bir satırı temsil eden bir tr öğesi içeren bir tablo tanımlıyoruz. Ek olarak, basıldığında Javascript işlevini çağıran bir düğme tanımlarız. toggleGizli hangi gizli özniteliği kaldırır.

• Git

En iyi bilinen niteliklerden biri, Git, bir öğeye benzersiz bir tanımlayıcı atamanıza izin verir. Bu tanımlayıcılar, bir öğeye stil vermek veya Javascript ile bir öğe seçmek için yaygın olarak kullanılır. Bir öğeye stil vermek için id niteliğini nasıl kullandığımıza dair bir örneğe bakalım.

Örnek

id = "w3klink"href =" http://w3c.org "> W3C web sitesi

• yazım denetimi

Bağlanmak yazım denetimi tarayıcının bazı içeriklerin sözdizimini kontrol edip etmeyeceğini belirtmek için kullanılır. Bu özniteliğin kullanımı, yalnızca kullanıcının düzenleyebileceği bir öğeye uygulandığında anlamlıdır.
Bir örnek görelim:

Örnek
yazım denetimi = "doğru"> Bu yanlış yazılmış bir metin

• stil

Bağlanmak stil bir öğede doğrudan bir CSS stili tanımlamamıza izin verir, şunu görürüz:

Örnek
style = "arka plan: gri; renk: beyaz; dolgu: 10 piksel">
Apress sitesini ziyaret edin

• tabindex

Bu öznitelik, tablo anahtarı aracılığıyla onlara eriştiğimizde öğelerin odaklarının sırasını kontrol etmemizi sağlar.
Örnek
Tatlı patates: tabindex = "1"/>

Şehir: tabindex = "- 1"/>

Ülke: tabindex = "2"/>

tabindex = "3"/>

Nitelikler ve bunların HTML belgemizdeki öğelere nasıl uygulanabileceği hakkında her şeyi öğrenebildik. Bu, web sitemizin ihtiyaçlarına uyum sağlayacak şekilde işlevselliğini genişletmek için.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.