Spisie treści
HTML5 - tworzenie dokumentów i atrybutów
To najmniej interesująca część, ale bez wątpienia jedna z najbardziej krytycznych. Każdy dokument HTML wykorzystuje przynajmniej część tych elementów, a czasem wszystkie, więc nie zaszkodzi, że wiemy, jak je odpowiednio wykorzystać do tworzenia dokumentów HTML5 poprawne i ogólne.Elementy typu dokumentu
Zacznijmy od elementów typu dokument. To są klocki, które kształtują nasz dokument HTML i ustawia początkowy kontekst dla przeglądarki.
Element doctype
Element typ dokumentu jest wyjątkowy w swojej kategorii. Dobrą praktyką jest rozpoczynanie każdego dokumentu HTML które tworzymy z elementem typu typ dokumentu. Jest to element, który informuje przeglądarkę, z którą będzie miała do czynienia HTML.
Większość przeglądarek nadal będzie wyświetlać nasze treści poprawnie, jeśli pominiemy typ dokumentu, ale złą praktyką jest ufanie, że przeglądarka zachowuje się w ten sposób.
Poprawna składnia do zastosowania elementu typu typ dokumentu jest następny:
Element html
Ten element jest najczęściej nazywany elementem głównym i wskazuje początek kodu HTML w naszym dokumencie.
Składnia jest następująca:
Treść i elementy tutaj
Element głowy
Element głowa Zawiera wszystkie metadane dokumentu. w HTML, metadane dostarczają przeglądarce informacje o treści i znacznikach w dokumencie, ale dodatkowo możemy dołączyć skrypty i odniesienia do zewnętrznych zasobów, takich jak arkusze stylów CSS.
W dokumencie składnia jest następująca:
cześć
Element ciała
Ten element zawiera treść dokumentu HTML, jest przeciwieństwem elementu head, który zawiera metadane i informacje z dokumentu. Element ciało zawsze następuje po elemencie head, co oznacza, że jest drugim dzieckiem w strukturze głównego elementu html.
Zobaczmy jego składnię:
Przykład
podoba mi się jabłka i pomarańcze.
Elementy typu metadane pozwalają nam podać informacje o dokumencie HTML. Nie są zadowolone same w sobie, ale dostarczają informacji o treściach, które będą za nimi podążać. Do elementu head dodawane są elementy metadanych typu.
Ustawianie tytułu do naszego dokumentu
Element tytuł ustaw tytuł lub nazwę do naszego dokumentu. Przeglądarki zazwyczaj wyświetlają zawartość tego elementu w górnej części okna lub karty.
Zobaczmy, jak dodamy to do naszej struktury:
Przykład
podoba mi się jabłka i pomarańcze.
Element bazowy naprawia a URL baza, w której jakie linki względne, zawarte w dokumencie HTML zostanie rozwiązany. Łącze względne to takie, które pomija protokół, hosta i port adresu URL i jest oceniane względem innego adresu URL. Element podstawowy określa również, w jaki sposób linki są otwierane, gdy użytkownik je kliknie i jak działa przeglądarka po wejściu do formularza.
Po zapoznaniu się z podstawowymi elementami dokumentu, możemy uzupełnić tylko pozostałe elementy, które działają z metadanymi, a tym samym zbudować dokument HTML jest poprawny i może być najlepiej zinterpretowany przez dowolną przeglądarkę.
Atrybuty
- reż
- ltr (tekst od lewej do prawej)
- rtl (tekst od prawej do lewej)
Zobaczmy prosty przykład jego zastosowania:
Przykładdir = "rtl"> To jest od prawej do lewej
dir = "ltr">To jest od lewej do prawej
- menu kontekstowe
- przeciągany
- strefa zrzutu
- ukryty
Przykład
Przełącznik
| mniam | Miasto |
|---|---|
| Adama Freemana | Londyn |
| Joe Smith | Nowy Jork |
| Anne Jones | Paryż |
W tym przykładzie definiujemy tabelę zawierającą element tr reprezentujący wiersz, w którym występuje ukryty atrybut. Dodatkowo definiujemy przycisk, który po naciśnięciu wywołuje funkcję Javascript przełączUkryte co usuwa ukryty atrybut.
- iść
Przykład
id = "w3clink"href =" http://w3c.org "> witryna W3C
- sprawdzanie pisowni
Zobaczmy przykład:
Przykład
sprawdzanie pisowni = "prawda"> To jest jakiś błędnie napisany tekst
- styl
Przykład
style = "tło: szare; kolor: biały; dopełnienie: 10px">
Odwiedź stronę Apress
- tabindex
Przykład
Mniam: tabindex = "1"/>
Miasto: tabindex = "- 1"/>
Kraj: tabindex = "2"/> tabindex = "3"/>
