Lista tagów i atrybutów HTML5
Minęło kilka lat od ogłoszenia pierwszej wersji standardu oznaczania stron internetowych. HTML5 . I w tym czasie Nie ma wielu stron w HTML5, chociaż wszystkie nowoczesne przeglądarki już obsługują ten standard. Od grudnia 2011 r. Standard jest wciąż w fazie rozwoju.
HTML5 dodaje wiele nowych funkcji składniowych - <video>, <audio>, <header> i <canvas> . Elementy te zostały zaprojektowane, aby ułatwić wdrażanie i zarządzanie grafiką i obiektami multimedialnymi w sieci bez konieczności uzyskiwania dostępu do własnych wtyczek i interfejsów API. Inne nowe elementy, takie jak <section>, <article>, <header> i <nav>, mają na celu wzbogacenie treści semantycznej dokumentu (strony).
Nowe tagi HTML5
- 1. Tagi sekcji (artykuł, bok, stopka, nagłówek, grupa, nawigacja, sekcja)
- 2. Tagi grupowania treści (rysunek, fig.)
- 3. Znaczniki do semantycznego wyboru tekstu (bdo, mark, time, ruby, rt, rp, wbr)
- 4. Tagi do wstawiania treści (audio, wideo, płótno, osadzenie, źródło)
- 5. Tagi dla elementów formularza (datalista, keygen, wyjście, postęp, miernik)
- 6. Elementy interaktywne (szczegóły, podsumowanie, polecenie, menu)
Tag Krótki opis <article> Definiuje artykuł <aside> Definiuje zawartość oprócz głównej zawartości strony <audio> Definiuje zawartość audio <canvas> Definiuje grafikę <command> Definiuje przycisk polecenia <datagrid> Definiuje dane na uporządkowanej liście <datalist> Definiuje listę rozwijaną <datatemplate> Definiuje szablon danych <details> Definiuje szczegóły elementu <dialog> Definiuje dialog (konwersacja) <eventsource> Definiuje cel zdarzenia wysyłanego do serwera <figure> Definiuje grupę treści multimedialnych i ich podpisy <footer> Definiuje stopkę dla sekcji lub <strony> Definiuje obszar nagłówka sekcji lub strony <znacznik> Definiuje zaznaczony tekst. <meter> Definiuje wymiary dla z góry określonego zakresu. <nav> Definiuje łącza nawigacyjne. <nest> Definiuje zagnieżdżony punkt w szablonie danych. <wyjście> Definiuje niektóre rodzaje wyników <postęp > Definiuje postęp dowolnego rodzaju zadania <rura> Definiuje reguły aktualizacji szablonów <sekcja> Definiuje sekcję (sekcja) <źródło> Definiuje zasoby mediów <czas> Definiuje datę / godzinę <video> Definiuje wideo
Nieobsługiwane tagi:
Oznacz krótki opis
Lista atrybutów HTML5
Atrybut Wartość Krótki opis contentedable true
false Określa, czy użytkownik może edytować zawartość. (treść) contextmenu menu_id Określa menu kontekstowe elementu przeciągalnego true
fałszywe
auto Określa, czy użytkownik może przeciągać i upuszczać nieistotny element prawda
false Określa, że element nie ma znaczenia. Element mający wartość nie jest wyświetlany ref URL / id Określa łącze do innego dokumentu / części dokumentu (używane tylko wtedy, gdy ustawiona jest wartość atrybutu) znak rejestracyjny reg_mark Określa zarejestrowany znak szablonu elementu URL / id Określa link do innego dokumentu / części dokumentu, który powinien być zastosowane do przedmiotu
Struktura układu strony HTML5
Używając zwykłej struktury strony serwisu, możesz wybrać kilka typowych bloków opisanych przez znacznik div z odpowiednią klasą (<div class = "header">, <div class = "nav">, <div class = "aside">, <div class = „sekcja”>, <div class = „footer”> itd.).
Podczas używania układ strony przy użyciu HTML5 , bloki te są opisane przez znaczniki strukturalne <nagłówek>, <nav>, <poziom>, <sekcja>, <poziom>, itp., co znacznie upraszcza życie programistów. Znaczniki te są odpowiednikami strukturalnymi i sprawiają, że znaczniki są bardziej wizualne i łatwe do zrozumienia. Domyślnie są one wbudowane, więc muszą być blokowane przy użyciu display: block.
Znaczniki te są ważne do poprawnego zastosowania. Aby nie pomylić się, kiedy i co użyć, w sieci znajduje się wspaniały zasób. http://html5doctor.com/ i możesz również użyć następującego algorytmu:
Wszystkie nowoczesne przeglądarki (Opera, Safari, Chrome, Mozila, IE9 +) mają już obsługę HTML5 . Dla przeglądarek IE8 i mniejszych konieczne jest połączenie javascript html5shiv co „nauczy” ich rozumienia nowych tagów. Kod do połączenia znajduje się poniżej:
<! - [jeśli lt IE 9]> <script type = "text / javascript" src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <! [endif ] ->
W projekcie układu dla tworzenie witryny przeszliśmy na korzystanie z nowego standardu HTML5. Jeśli chcesz zamówić stronę lub osobno układ strony Możesz zostawić wniosek, pisząc na dowolny adres podany na stronie. kontakty lub za pośrednictwem formularza zwrotnego. Będzie nam miło współpracować!