HTML özelliği - HTML attribute

HTML nitelikleri , öğenin davranışını kontrol etmek için açılış etiketi içinde kullanılan özel kelimelerdir. HTML nitelikleri, bir HTML öğesi türünün değiştiricisidir . Bir öznitelik, bir öğe türünün varsayılan işlevselliğini değiştirir ya da onlar olmadan doğru şekilde çalışamayan belirli öğe türlerine işlevsellik sağlar. HTML sözdiziminde, bir HTML başlangıç ​​etiketine bir nitelik eklenir .

Aşağıdakiler dahil olmak üzere birkaç temel nitelik türü tanınmıştır: (1) belirli bir öğe türünün o öğe türünün doğru çalışması için ihtiyaç duyduğu gerekli nitelikler ; (2) bir öğe türünün varsayılan işlevselliğini değiştirmek için kullanılan isteğe bağlı nitelikler ; (3) birçok eleman türü tarafından desteklenen standart nitelikler ; ve (4) olay öznitelikleri , öğe türlerinin belirli koşullar altında çalıştırılacak komut dosyalarını belirtmesine neden olmak için kullanılır.

Bazı öznitelik türleri, farklı öğe türlerini değiştirmek için kullanıldığında farklı işlev görür. Örneğin, öznitelik adı birkaç öğe türü tarafından kullanılır, ancak her birinde biraz farklı işlevlere sahiptir.

Açıklama

HTML nitelikleri genellikle ile ayrılmış ad-değer çiftleri olarak görünür =ve bir öğenin adından sonra, bir öğenin başlangıç ​​etiketi içinde yazılır:

<element attribute="value">element content</element>

Nerede elementisimleri HTML öğesi türü ve attributesağlanan ayarlı özelliğin, adıdır value. Değer, tek veya çift tırnak içine alınabilir, ancak belirli karakterlerden oluşan değerler HTML'de alıntılanmadan bırakılabilir (ancak XHTML değil). Öznitelik değerlerini alıntılanmadan bırakmak güvenli değildir.

Çoğu öznitelik eşleştirilmiş adlar ve değerler olarak sağlanmış olsa da, bazıları öğeyi yalnızca öğenin başlangıç ​​etiketinde bulunmalarıyla etkiler (öğenin ismapözniteliği gibi img).

Kısaltma öğesi, abbrbu çeşitli nitelikleri göstermek için kullanılabilir:

<abbr id="anId" class="aClass" style="color:blue;" title="Hypertext Markup Language">HTML</abbr>

Bu örnek, bir bağlantı olmaksızın mavi HTML olarak görüntülenir ve çoğu tarayıcıda, imleci kısaltmanın üzerine getirmek, kayan sarı bir arka plan içinde "Köprü Metni İşaretleme Dili" başlık metnini göstermelidir ( araç ipucu ).

<div style="textalign: center;">Centered text</div>

Bu diğer örnekte, metniniz şöyle görünecektir:

Çoğu öğe, dille ilgili öznitelikleri de alır langve dir.

Ortak özellikler

Genellikle, HTML öğeleri en yaygın birkaç standart öznitelikten herhangi birini alabilir ( Tam listeye bakın ):

• id Alabilir niteliği bir eleman için bir belge çapında benzersiz bir tanımlayıcı sağlar. Bu, sunum özellikleri sağlamak için CSS seçici olarak, tarayıcılar tarafından belirli bir öğeye dikkat çekmek için veya bir öğenin içeriğini veya sunumunu değiştirmek için komut dosyaları tarafından kullanılabilir. Sayfanın URL'sine eklenen URL, genellikle sayfanın bir alt bölümü olan belge içindeki belirli öğeyi doğrudan hedefler. Örneğin, "Özellikler" kimliği http://en.wikipedia.org/wiki/HTML#Attributes("HTML" sayfasındaki "Özellikler" bölümüne atıfta bulunmak için).
• classNitelik benzer unsurlar sınıflandırarak bir yol sağlar. Bu, anlamsal amaçlar için veya sunum amaçları için kullanılabilir. Anlamsal olarak, örneğin, sınıflar mikro biçimlerde kullanılır . Sunum olarak, örneğin, bir HTML belgesi class="notation", bu sınıf değerine sahip tüm öğelerin belgenin ana metnine bağlı olduğunu belirtmek için atamayı kullanabilir . Bu tür öğeler, HTML kaynağında meydana geldikleri yerde görünmek yerine bir sayfada dipnot olarak bir araya getirilebilir ve sunulabilir. Başka bir sunum kullanımı, bir CSS seçici olarak olacaktır . Her Tanımlayıcı arasında boşluk bırakılarak birden çok sınıf eklenebilir .
• Bir yazar, stylebelirli bir öğeye ait olmayan kodların sunum özelliklerini kullanabilir. styleÖzelliği, herhangi bir HTML elemanı üzerinde kullanılabilir (bu, herhangi bir HTML elemanı üzerinde doğrular, ancak bu mutlaka faydalı değildir). Bir stil sayfasıyla öğeyi seçmek için bir öğenin idveya classniteliklerinin kullanılması daha iyi bir uygulama olarak kabul edilir , ancak bazen bu, stillendirilmiş özelliklerin basit ve özel veya geçici bir uygulaması için çok hantal olabilir.
• titleÖzniteliği elemana subtextual açıklama eklemek için kullanılır. Çoğu tarayıcıda bu öznitelik, genellikle araç ipucu olarak adlandırılan şey olarak görüntülenir .

Çeşitler

HTML öznitelikleri genellikle gerekli öznitelikler , isteğe bağlı öznitelikler , standart öznitelikler ve olay öznitelikleri olarak sınıflandırılır :

• Genellikle gerekli ve isteğe bağlı nitelikler belirli HTML öğelerini değiştirir
• Standart nitelikler çoğu HTML öğesine uygulanabilir.
• HTML sürüm 4'te eklenen olay öznitelikleri, bir öğenin belirli koşullar altında çalıştırılacak komut dosyalarını belirtmesine izin verir .

Gerekli ve isteğe bağlı

Bir eleman tarafından kullanılır

• <applet> : kod , nesne
• <alan> : nohref
• <body> : alink , arkaplan , link , metin , vlink
• <form> : kabul karakter kümesi , eylem , enctype , yöntem
• <frame> : noresize
• <head> : profil
• <hr> : gölgesiz
• <html> : xmlns
• <img> : ismap
• <input> : kontrol edildi , maksimum uzunluk
• <etiket> : için
• <meta> : içerik , http-eşdeğeri , şema
• <nesne> : SınıfKimliği , codetag , veri , beyan , bekleme
• <ol> : başlangıç
• <seçenek> : seçili
• <param> : değer türü
• <script> : erteleme , xml:boşluk
• <seç> : çoklu
• <table> : cellpadding , cellspacing , çerçeve , kurallar , özeti
• <td> : başlıklar

İki element tarafından kullanılır

• <a> ve <alan> :
  • koordinatlar — içindeki bir <alan> veya <bağlantı> koordinatları .
  • şekil — içindeki bir <alan> veya bir <bağ> şekli . Değerler: varsayılan, doğru, daire, poli.
• <a> ve <link> :
  • hreflang — Bağlantılı belgenin dil kodu. ( <a> , <link> )
  • rel — Bağlantılı belgenin niteliği (o anda görüntülenen sayfaya göre). <a> için serbest metin , ancak <link> bir dizi terim kullanır (alternatif, ek, yer imi, bölüm, içerikler, telif hakkı, sözlük, yardım, ana sayfa, dizin, sonraki, önceki, bölüm, başlangıç, stil sayfası, alt bölüm).
  • rev — Görüntülenmekte olan sayfanın niteliği (bağlantılı belgeye göre). rel'e göre <a> ve <link> için değişir .
• <applet> ve <object> :
  • arşiv — URL'leri arşivleyin ( <applet> , <object> )
  • kod tabanı — temel URL ( <applet> , <object> )
• <basefont> ve <font> :
  • color — metin rengi (kullanımdan kaldırıldı) ( <basefont> , <font> )
  • face — yazı tipi ailesi (kullanımdan kaldırıldı) ( <basefont> , <font> )
• <col> ve <colgroup> :
  • span — yayılan sütun sayısı ( <col> , <colgroup> )
• <del> ve <ins> :
  • datetime — metin silme veya ekleme tarihi ve saati .
• <form> ve <input> :
  • kabul — <form> veya <input> yüklenirken kabul edilen dosya türleri
• <frame> ve <iframe> :
  • frameborder — değer (0 veya 1), <frame> veya <iframe> çevresinde bir kenarlığın görüntülenip görüntülenmeyeceğini belirtir .
  • marginheight — <frame> veya <iframe> etrafındaki piksel cinsinden üst ve alt kenar boşlukları .
  • kaydırma — değer (evet, hayır, otomatik), <frame> veya <iframe> çevresinde kaydırma çubuklarının görüntülenip görüntülenmeyeceğini belirtir .
  • marginwidth — <frame> veya <iframe> etrafındaki piksel cinsinden sol ve sağ kenar boşlukları .
• <frameset> ve <textarea> :
  • cols — <frameset> veya <textarea> içindeki görünür sütun sayısı (bazı varyasyonlar)
  • satırlar — <frameset> veya <textarea> içindeki görünür satır sayısı (bazı varyasyonlar)
• <img> ve <object> :
  • usemap — <img> ile kullanılacak bir harita öğesinin adını belirtir -veya- <object> ile kullanılacak bir resim haritasının URL'si .
• <input> ve <textarea> :
  • salt okunur — <input> ve <textarea> için salt okunur metni belirtir .
• <link> ve <style> :
  • medya — <link> ve <style> için görüntüleme aygıtını belirtir . Değerler: tümü, işitsel, braille, elde taşınır, baskı, projeksiyon, ekran, tty, TV.
• <optgroup> ve <option> :
  • etiket — <optgroup> veya <option> için açıklama metni .
• <td> ve <th> :
  • abbr — bir tablo hücresinin veya başlığının kısaltılmış versiyonu .
  • eksen — bir tablo hücresi veya başlık için kategori adı .
  • colspan — bir tablo hücresinin veya başlığın kapsadığı sütun sayısı .
  • Nowrap — (kullanımdan kaldırıldı) bir tablo hücresinin veya başlığının kaydırılmasını önler .
  • rowspan — bir tablo hücresi veya başlığı tarafından yayılan satır sayısı .
  • kapsam — normal tarayıcı görüntüsü üzerinde hiçbir etkisi yoktur, ancak bir tablo hücresini veya başlığını diğer hücreler için mantıksal başlık olarak işaretler . Değerler: col, colgroup, row, rowgroup.

Birden çok öğe tarafından kullanılır

• align — <applet> , <col> , <colgroup> , <object> , <tbody> , <td> , <tfoot> , <th> , <thead>

• align ayrıca <caption> , <div> , <h1> to <h6> , <hr> , <iframe> , <img> , <input> , <legend> , <p> , <table> içinde kullanımdan kaldırıldı

• alt — <applet> , <area> , <img> , <input>
• bgcolor — <body> , <table> , <td> , <th> , <bgcolor>
• kenarlık — <img> , <object> , <table>
• Char - <karakter> , <COLGROUP> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• charoff - <col> , <COLGROUP> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• karakter kümesi — <a> , <link> , <script>
• alıntı — <blockquote> , <del> , <ins> , <q>
• kompakt — <dir> , <menu> , <ol> , <ul>
• devre dışı — <button> , <input> , <optgroup> , <option> , <select> , <textarea>
• yükseklik — <applet> , <iframe> , <img> , <object> . Ayrıca <td> , <th> içinde kullanımdan kaldırıldı
• href — <a> , <area> , <base> , <link>
• hspace — <applet> , <object> . Ayrıca <img> içinde kullanımdan kaldırıldı
• longdesc — <frame> , <iframe> , <img>
• name — <a> , <applet> , <button> , <form> , <frame> , <iframe> , <input> , <map> , <meta> , <object> , <param> , <select> , <metin alanı>
• boyut — <basefont> , <font> , <hr> , <input> , <select>
• src — <frame> , <iframe> , <img> , <input> , <script>
• hedef — <a> , <area> , <base> , <form> , <link>
• tür — <button> , <input> , <li> , <link> , <object> , <ol> , <param> , <script> , <style> , <ul>
• valign - <col> , <COLGROUP> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• değer — <button> , <input> , <li> , <option> , <param>
• vspace — <applet> , <img> , <object>
• genişlik — <applet> , <col> , <colgroup> , <hr> , <iframe> , <img> , <object> , <pre> , <table> , <td> , <th>

Standart özellikler

Standart nitelikler aynı zamanda genel nitelikler olarak da bilinir ve çok sayıda öğeyle işlev görür. Temel standart öznitelikleri içerirler: bunlar accesskey, class, contenteditable, contextmenu, data, dir, hidden, id, lang, style, tabindex, title içerir . Deneysel olanlar da var. Hem xml:lang hem de xml:base kullanımdan kaldırıldı. Çoklu aria-* öznitelikleri erişilebilirliği artırır. Olay işleyici öznitelikleri daha sonra listelenir.

Teknik olarak tüm standart öznitelikler, bazı öğelerle çalışmayacak olsalar da, tüm öğeler tarafından kabul edilmelidir. Aşağıdaki tablo, bazı ortak standart özellikleri ve birlikte çalışabilecekleri bazı öğeleri listeler.

Etkinlik özellikleri

Standart öznitelikler, olay işleyici özniteliklerini içerir . Hepsinin ön eki -:

HTML sürüm 4'te eklenen olay öznitelikleri, bir öğenin belirli koşullar altında çalıştırılacak komut dosyalarını belirtmesine izin verir. Aşağıdaki tablo, bazı genel olay işleyici niteliklerini ve birlikte çalışabilecekleri bazı öğeleri listeler.

Ayrıca bakınız

• HTML öğesi

Referanslar