Atrybut HTML - HTML attribute

Atrybuty HTML to specjalne słowa używane wewnątrz znacznika otwierającego do kontrolowania zachowania elementu. Atrybuty HTML są modyfikatorami typu elementu HTML . Atrybut modyfikuje domyślną funkcjonalność typu elementu lub zapewnia funkcjonalność niektórym typom elementów, które bez nich nie mogą działać poprawnie. W składni HTML atrybut jest dodawany do znacznika początkowego HTML .

Rozpoznano kilka podstawowych typów atrybutów, w tym: (1) atrybuty wymagane , wymagane przez określony typ elementu, aby ten typ elementu działał poprawnie; (2) atrybuty opcjonalne , używane do modyfikowania domyślnej funkcjonalności typu elementu; (3) standardowe atrybuty obsługiwane przez wiele typów elementów; oraz (4) atrybuty zdarzeń , używane do powodowania, że ​​typy elementów określają skrypty, które mają być uruchamiane w określonych okolicznościach.

Niektóre typy atrybutów działają inaczej, gdy są używane do modyfikowania różnych typów elementów. Na przykład nazwa atrybutu jest używana przez kilka typów elementów, ale w każdym z nich ma nieco inne funkcje.

Opis

Atrybuty HTML zwykle pojawiają się jako pary nazwa-wartość , oddzielone znakiem =, i są zapisywane w znaczniku początkowym elementu, po nazwie elementu:

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

Gdzie elementnazywa typ elementu HTML i attributejest nazwą atrybutu ustawionego na podany value. Wartość może być ujęta w pojedyncze lub podwójne cudzysłowy, chociaż wartości składające się z określonych znaków można pozostawić bez cudzysłowu w HTML (ale nie XHTML). Pozostawienie wartości atrybutów bez cudzysłowów jest uważane za niebezpieczne.

Chociaż większość atrybutów jest dostarczana jako sparowane nazwy i wartości, niektóre wpływają na element po prostu przez ich obecność w znaczniku początkowym elementu (jak ismapatrybut imgelementu).

Element skrótu, abbr, może być użyty do zademonstrowania tych różnych atrybutów:

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

Ten przykład jest wyświetlany jako kod HTML w kolorze niebieskim, ale nie jest łączem, a w większości przeglądarek po najechaniu kursorem na skrót powinien zostać wyświetlony tekst tytułu „Hypertext Markup Language” na ruchomym żółtym tle ( tooltip ).

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

W tym innym przykładzie Twój tekst będzie wyglądał tak:

Większość elementów przyjmuje również atrybuty związane z językiem langoraz dir.

Wspólne atrybuty

Zazwyczaj elementy HTML mogą przyjmować dowolny z kilku najpopularniejszych standardowych atrybutów ( Zobacz pełną listę ):

• id Atrybut może przyjąć dokument dostarcza całej unikalny identyfikator elementu. Może to być używane jako selektor CSS w celu zapewnienia właściwości prezentacyjnych, przez przeglądarki do skupienia uwagi na konkretnym elemencie lub przez skrypty do zmiany zawartości lub prezentacji elementu. Dołączony do adresu URL strony adres URL bezpośrednio kieruje określony element w dokumencie, zwykle podsekcję strony. Na przykład identyfikator „Atrybuty” w http://en.wikipedia.org/wiki/HTML#Attributes(aby odnieść się do sekcji „Atrybuty” na stronie „HTML”).
• classAtrybut dostarcza sposobu klasyfikowania podobne elementy. Można to wykorzystać do celów semantycznych lub do celów prezentacyjnych. Semantycznie np. klasy są używane w mikroformatach . Prezentująco, na przykład dokument HTML może używać oznaczenia, class="notation"aby wskazać, że wszystkie elementy z tą wartością klasy są podporządkowane głównemu tekstowi dokumentu. Takie elementy mogą być zebrane razem i prezentowane jako przypisy na stronie, zamiast pojawiać się w miejscu, w którym występują w źródle HTML. Innym zastosowaniem prezentacji będzie selektor CSS . Można dodać wiele klas, umieszczając spacje między każdym identyfikatorem .
• Autor może wykorzystać stylewłaściwości prezentacyjne kodów nieatrybucyjnych do konkretnego elementu. styleAtrybut może być stosowane w dowolnych elementów (to potwierdzić w dowolnych elementów, ale nie jest koniecznie użyteczne). Uważa się, że lepszą praktyką jest użycie elementu idlub classatrybutów do wybrania elementu za pomocą arkusza stylów , chociaż czasami może to być zbyt kłopotliwe w przypadku prostego i konkretnego lub ad hoc zastosowania stylizowanych właściwości.
• titleAtrybut służy do mocowania subtextual wyjaśnienie do elementu. W większości przeglądarek ten atrybut jest wyświetlany jako tak zwany podpowiedź .

Odmiany

Atrybuty HTML są ogólnie klasyfikowane jako atrybuty wymagane , opcjonalne , standardowe i zdarzenia :

• Zazwyczaj wymagane i opcjonalne atrybuty modyfikują określone elementy HTML
• Chociaż standardowe atrybuty można zastosować do większości elementów HTML.
• Atrybuty zdarzenia, dodane w HTML w wersji 4, pozwalają elementowi określić skrypty, które mają być uruchamiane w określonych okolicznościach.

Wymagane i opcjonalne

Używany przez jeden element

• <aplet> : kod , obiekt
• <obszar> : nohref
• <body> : Alink , tło , łącza , tekst , vlink
• <form> : akceptuj-znaków , akcja , enctype , metoda
• <ramka> : noresize
• <głowa> : profil
• <hr> : noshade
• <html> : xmlns
• <img> : ismap
• <input> : zaznaczone , maxdługość
• <etykieta> : dla
• <meta> : treść , http-equiv , schemat
• <object> : classid , codetag , dane , deklaruje , czuwanie
• <ol> : początek
• <opcja> : zaznaczona
• <parametr> : typ wartości
• <skrypt> : odroczenie , xml:spacja
• <wybierz> : wiele
• <tabela> : wypełnienie komórek , odstępy między komórkami , ramka , reguły , podsumowanie
• <td> : nagłówki

Używany przez dwa elementy

• <a> i <obszar> :
  • coords — współrzędne <obszaru> lub <łącza> w jego obrębie.
  • kształt — kształt <obszaru> lub <łącza> w nim. Wartości: default, rect, circle, poly.
• <a> i <link> :
  • hreflang — Kod języka połączonego dokumentu. ( <a> , <link> )
  • rel — Rodzaj połączonego dokumentu (w stosunku do aktualnie wyświetlanej strony). Dowolny tekst dla <a> , ale <link> używa zestawu terminów (alternatywny, dodatek, zakładka, rozdział, treść, prawa autorskie, glosariusz, pomoc, strona główna, indeks, następny, poprzedni, sekcja, początek, arkusz stylów, podsekcja).
  • rev — Charakter aktualnie wyświetlanej strony (względem powiązanego dokumentu). Różni się dla <a> i <link> jak dla rel.
• <aplet> i <obiekt> :
  • archiwum — adresy URL archiwum ( <aplet> , <obiekt> )
  • codebase — podstawowy adres URL ( <aplet> , <object> )
• <basefont> i <font> :
  • color — kolor tekstu (przestarzałe) ( <basefont> , <font> )
  • face — rodzina czcionek (przestarzałe) ( <basefont> , <font> )
• <kol> i <grupa kol> :
  • span — liczba łączonych kolumn ( <col> , <colgroup> )
• <del> i <ins> :
  • datetime — data i godzina usunięcia lub wstawienia tekstu .
• <formularz> i <input> :
  • accept — typy plików akceptowanych podczas przesyłania <form> lub <input>
• <ramka> i <iframe> :
  • frameborder — wartość (0 lub 1) określa, czy wyświetlać obramowanie wokół <ramki> czy <iframe> .
  • marginheight — górny i dolny margines w pikselach wokół <ramki> lub <iframe> .
  • scrolling — wartość (tak, nie, auto) określa, czy mają być wyświetlane paski przewijania wokół <ramki> czy <iframe> .
  • marginwidth — lewy i prawy margines w pikselach wokół <ramki> lub <iframe> .
• <zestaw ramek> i <obszar tekstowy> :
  • cols — liczba widocznych kolumn w <frameset> lub <textarea> (pewna odmiana)
  • rows — liczba widocznych wierszy w <frameset> lub <textarea> (pewna odmiana)
• <img> i <obiekt> :
  • usemap — określa nazwę elementu mapy do użycia z <img> -lub- URL mapy obrazu do użycia z <object> .
• <input> i <textarea> :
  • readonly — określa tekst tylko do odczytu dla <input> i <textarea> .
• <link> i <styl> :
  • media — określa urządzenie wyświetlające dla <link> i <style> . Wartości: wszystkie, słuchowe, brajlowskie, ręczne, druk, projekcja, ekran, tty, TV.
• <grupa_opcji> i <opcja> :
  • label — tekst opisu dla <optgroup> lub <option> .
• <td> i <th> :
  • skrót — skrócona wersja komórki tabeli lub nagłówka .
  • oś — nazwa kategorii komórki lub nagłówka tabeli .
  • colspan — liczba kolumn zawartych w komórce tabeli lub nagłówku .
  • nowrap — (przestarzałe) zapobiega zawijaniu komórki tabeli lub nagłówka .
  • rowspan — liczba wierszy łączonych przez komórkę tabeli lub nagłówek .
  • scope — nie wpływa na normalne wyświetlanie przeglądarki, ale oznacza komórkę tabeli lub nagłówek jako logiczny nagłówek dla innych komórek. Wartości: col, colgroup, row, rowgroup.

Używany przez wiele elementów

• align — <aplet> , <kol> , <grupa kol> , <obiekt> , <tbody> , <td> , <tfoot> , <th> , <thead>

• align również przestarzałe w <caption> , <div> , <h1> do <h6> , <hr> , <iframe> , <img> , <input> , <legend> , <p> , <table>

• alt — <aplet> , <obszar> , <img> , <wejście>
• bgcolor — <body> , <tabela> , <td> , <th> , <bgcolor>
• border — <img> , <obiekt> , <tabela>
• char — <char> , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• charoff — <col> , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• zestaw znaków — <a> , <link> , <skrypt>
• cite — <cytat blokowy> , <del> , <ins> , <q>
• kompaktowy — <katalog> , <menu> , <ol> , <ul>
• wyłączone — <przycisk> , <wejście> , <grupaopcji> , <opcja> , <wybierz> , < obszar tekstowy >
• wysokość — <aplet> , <iframe> , <img> , <obiekt> . Przestarzałe również w <td> , <th>
• href — <a> , <obszar> , <baza> , <link>
• hspace — <aplet> , <obiekt> . Przestarzałe również w <img>
• longdesc — <ramka> , <iframe> , <img>
• nazwa — <a> , <aplet> , <przycisk> , <formularz> , <ramka> , <iframe> , <wejście> , <mapa> , <meta> , <obiekt> , <param> , <wybierz> , <obszar tekstowy>
• rozmiar — <basefont> , <font> , <hr> , <input> , <select>
• src — <ramka> , <iframe> , <img> , <wejście> , <skrypt>
• cel — <a> , <obszar> , <baza> , <forma> , <link>
• type — <przycisk> , <input> , <li> , <link> , <object> , <ol> , <param> , <script> , <style> , <ul>
• valign — <col> , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• wartość — <przycisk> , <wejście> , <li> , <opcja> , <param>
• vspace — <aplet> , <img> , <obiekt>
• szerokość — <applet> , <col> , <colgroup> , <hr> , <iframe> , <img> , <object> , <pre> , <table> , <td> , <th>

Atrybuty standardowe

Atrybuty standardowe są również znane jako atrybuty globalne i działają z dużą liczbą elementów. Zawierają podstawowe standardowe atrybuty: są to accesskey, class, contenteditable, contextmenu, data, dir, hidden, id, lang, style, tabindex, title . Są też eksperymentalne. Zarówno xml:lang, jak i xml:base zostały wycofane. Wiele atrybutów aria-* poprawia dostępność. Atrybuty obsługi zdarzeń są wymienione później.

Technicznie wszystkie standardowe atrybuty muszą być akceptowane przez wszystkie elementy, chociaż nie będą działać z niektórymi elementami. W poniższej tabeli wymieniono niektóre typowe atrybuty standardowe oraz niektóre elementy, z którymi mogą działać.

Atrybuty wydarzenia

Standardowe atrybuty obejmują atrybuty obsługi zdarzeń . Wszystkie mają przedrostek:

Atrybuty zdarzenia, dodane w HTML w wersji 4, pozwalają elementowi określić skrypty, które mają być uruchamiane w określonych okolicznościach. W poniższej tabeli wymieniono niektóre typowe atrybuty obsługi zdarzeń i niektóre elementy, z którymi mogą działać.

Zobacz też

• element HTML

Bibliografia