HTML - Nitelikler

Birkaç HTML etiketi ve başlık etiketleri gibi kullanımlarını gördük <h1>, <h2>, paragraf etiketi <p>ve diğer etiketler. Şimdiye kadar onları en basit haliyle kullandık, ancak HTML etiketlerinin çoğunun ekstra bilgi parçaları olan öznitelikleri de olabilir.

Bir öznitelik, bir HTML öğesinin özelliklerini tanımlamak için kullanılır ve öğenin açılış etiketinin içine yerleştirilir. Tüm nitelikler iki bölümden oluşur - aname ve bir value

nameayarlamak istediğiniz özelliktir. Örneğin, paragraf<p> örnekteki eleman, adı olan bir öznitelik taşır align, sayfadaki paragraf hizalamasını belirtmek için kullanabileceğiniz.
valueözellik değerinin ayarlanmasını ve her zaman tırnak içine alınmasını istediğiniz şeydir. Aşağıdaki örnek, align özniteliğinin üç olası değerini gösterir: left, center ve right.

Öznitelik adları ve öznitelik değerleri büyük / küçük harf duyarlıdır. Bununla birlikte, World Wide Web Konsorsiyumu (W3C), HTML 4 önerilerinde küçük harfli öznitelikler / öznitelik değerleri önermektedir.

Misal

<!DOCTYPE html> 
<html>
 
   <head> 
      <title>Align Attribute  Example</title> 
   </head>
	
   <body> 
      <p align = "left">This is left aligned</p> 
      <p align = "center">This is center aligned</p> 
      <p align = "right">This is right aligned</p> 
   </body>
	
</html>

Bu, aşağıdaki sonucu gösterecektir -

Temel Özellikler

HTML öğelerinin çoğunda kullanılabilen dört temel özellik (hepsi olmasa da) şunlardır:

Id
Title
Class
Style

Kimlik Özniteliği

idHTML etiketinin özniteliği, bir HTML sayfasındaki herhangi bir öğeyi benzersiz şekilde tanımlamak için kullanılabilir. Bir öğede id özniteliğini kullanmak isteyebileceğiniz başlıca iki neden vardır:

Bir öğe, benzersiz bir tanımlayıcı olarak bir id niteliği taşıyorsa, yalnızca o öğeyi ve içeriğini tanımlamak mümkündür.
Bir Web sayfasında (veya stil sayfasında) aynı ada sahip iki öğeniz varsa, aynı ada sahip öğeleri ayırt etmek için id niteliğini kullanabilirsiniz.

Stil sayfasını ayrı bir öğreticide tartışacağız. Şimdilik, aşağıda gösterildiği gibi iki paragraf öğesini birbirinden ayırmak için id niteliğini kullanalım.

Example

<p id = "html">This para explains what is HTML</p>
<p id = "css">This para explains what is Cascading Style Sheet</p>

Başlık Özniteliği

titleözellik, öğe için önerilen bir başlık verir. Onlar için sözdizimititle öznitelik açıklandığı gibi benzer id özellik -

Bu özelliğin davranışı, onu taşıyan öğeye bağlı olacaktır, ancak imleç öğenin üzerine geldiğinde veya öğe yüklenirken genellikle bir araç ipucu olarak görüntülenir.

Example

<!DOCTYPE html>
<html>

   <head>
      <title>The title Attribute Example</title>
   </head>
	
   <body>
      <h3 title = "Hello HTML!">Titled Heading Tag Example</h3>
   </body>
	
</html>

Bu, aşağıdaki sonucu verecektir -

Şimdi imlecinizi "Başlıklı Başlık Etiketi Örneği" nin üzerine getirmeyi deneyin ve kodunuzda kullandığınız başlığın imlecin bir ipucu olarak çıktığını göreceksiniz.

Sınıf Özniteliği

classözellik, bir öğeyi bir stil sayfasıyla ilişkilendirmek için kullanılır ve öğenin sınıfını belirtir. Basamaklı Stil Sayfasını (CSS) öğreneceğiniz zaman, sınıf özniteliğinin kullanımı hakkında daha fazla bilgi edineceksiniz. Yani şimdilik bundan kaçınabilirsiniz.

Özniteliğin değeri, sınıf adlarının boşlukla ayrılmış bir listesi de olabilir. Örneğin -

class = "className1 className2 className3"

Stil Özniteliği

Style niteliği, öğe içinde Basamaklı Stil Sayfası (CSS) kuralları belirlemenize olanak tanır.

<!DOCTYPE html>
<html>

   <head>
      <title>The style Attribute</title>
   </head>
	
   <body>
      <p style = "font-family:arial; color:#FF0000;">Some text...</p>
   </body>
	
</html>

Bu, aşağıdaki sonucu verecektir -

Şu anda CSS öğrenmiyoruz, bu yüzden CSS hakkında fazla uğraşmadan devam edelim. Burada, HTML niteliklerinin ne olduğunu ve içeriği biçimlendirirken nasıl kullanılabileceğini anlamanız gerekir.

Uluslararasılaştırma Nitelikleri

Çoğu XHTML öğesi için (tümü olmasa da) kullanılabilen üç uluslararasılaştırma özelliği vardır.

dir
lang
xml:lang

Dir Özniteliği

dirözellik, tarayıcıya metnin akması gereken yönü belirtmenize olanak tanır. Dir özelliği, aşağıdaki tabloda görebileceğiniz gibi iki değerden birini alabilir -

Değer	Anlam
ltr	Soldan sağa (varsayılan değer)
rtl	Sağdan sola (İbranice veya Arapça gibi sağdan sola okunan diller için)

Example

<!DOCTYPE html>
<html dir = "rtl">

   <head>
      <title>Display Directions</title>
   </head>
	
   <body>
      This is how IE 5 renders right-to-left directed text.
   </body>
	
</html>

Bu, aşağıdaki sonucu verecektir -

Ne zaman dir nitelik <html> etiketi içinde kullanılır, bu metin bütün belge içinde sunulacak belirler. Başka bir etiket içinde kullanıldığında, metnin yalnızca o etiketin içeriği için yönünü kontrol eder.

Lang Özniteliği

langözniteliği, bir belgede kullanılan ana dili belirtmenize izin verir, ancak bu öznitelik yalnızca önceki HTML sürümleriyle geriye dönük uyumluluk için HTML'de tutulmuştur. Bu öznitelik,xml:lang yeni XHTML belgelerinde öznitelik.

Lang özniteliğinin değerleri , ISO-639 standart iki karakterli dil kodlarıdır. KontrolHTML Language Codes: ISO 639 dil kodlarının tam listesi için.

Example

<!DOCTYPE html>
<html lang = "en">

   <head>
      <title>English Language Page</title>
   </head>

   <body>
      This page is using English Language
   </body>

</html>

Bu, aşağıdaki sonucu verecektir -

Xml: lang Özniteliği

Xml: lang niteliği için XHTML yerine geçer lang özniteliği. Xml: lang özniteliğinin değeri, önceki bölümde belirtildiği gibi bir ISO-639 ülke kodu olmalıdır.

Genel Özellikler

Burada, birçok HTML etiketiyle kolayca kullanılabilen diğer bazı özniteliklerin bir tablosu bulunmaktadır.

Öznitelik	Seçenekler	Fonksiyon
hizalamak	sağ, sol, merkez	Etiketleri yatay olarak hizalar
valign	üst, orta, alt	Bir HTML öğesi içindeki etiketleri dikey olarak hizalar.
bgcolor	sayısal, onaltılık, RGB değerleri	Bir elemanın arkasına bir arka plan rengi yerleştirir
arka fon	URL	Bir elemanın arkasına bir arka plan görüntüsü yerleştirir
İD	Kullanıcı tanımlı	Basamaklı Stil Sayfaları ile kullanılacak bir öğeyi adlandırır.
sınıf	Kullanıcı tanımlı	Basamaklı Stil Sayfaları ile kullanım için bir öğeyi sınıflandırır.
Genişlik	Sayısal değer	Tabloların, görüntülerin veya tablo hücrelerinin genişliğini belirtir.
yükseklik	Sayısal değer	Tabloların, görüntülerin veya tablo hücrelerinin yüksekliğini belirtir.
Başlık	Kullanıcı tanımlı	Öğelerin "Pop-up" başlığı.

Diğer HTML etiketlerini incelemeye devam edeceğimiz için ilgili örnekleri göreceğiz. HTML Etiketlerinin ve ilgili özniteliklerin tam listesi için lütfen HTML Etiketleri Listesi'ne bakın .