Dokument HTML składa się z elementów HTML, które są uporządkowane w hierarchiczną strukturę. Struktura logiczna dokumentu HTML określa relacje między elementami i umożliwia przeglądarkom internetowych interpretację dokumentu.
Elementy bazowe
Wszystkie dokumenty HTML muszą zawierać następujące elementy bazowe:
- Element
<!DOCTYPE html>określa wersję języka HTML, w którym napisany jest dokument. - Element
<html>określa początek dokumentu HTML. - Element
<head>zawiera informacje o dokumencie, takie jak tytuł, metadane i style. - Element
<body>zawiera zawartość dokumentu, czyli tekst, obrazy, filmy i inne elementy.
Element <!DOCTYPE html>
Element <!DOCTYPE html> musi znajdować się na początku każdego dokumentu HTML. Określa on wersję języka HTML, w którym napisany jest dokument.
Element <html>
Element <html> określa początek dokumentu HTML. Musi znajdować się na początku każdego dokumentu HTML, po elemencie <!DOCTYPE html>.
Element <head>
Element <head> zawiera informacje o dokumencie, takie jak tytuł, metadane i style.
Element <title>
Element <title> określa tytuł dokumentu. Tytuł jest wyświetlany w pasku adresu przeglądarki internetowej i w wynikach wyszukiwania.
Element <meta>
Element <meta> służy do przechowywania metadanych o dokumencie. Metadane to dane, które nie są widoczne dla użytkownika, ale są wykorzystywane przez przeglądarki internetowe, wyszukiwarki i inne systemy.
Przykłady metatagów:
<meta name="description" content="To jest opis mojej strony internetowej.">– określa opis dokumentu. Opis jest wyświetlany w wynikach wyszukiwania.<meta name="keywords" content="słowa kluczowe, które opisują moją stronę internetową.">– określa słowa kluczowe, które opisują dokument. Słowa kluczowe są wykorzystywane przez wyszukiwarki do indeksowania dokumentu.<meta charset="utf-8">– określa kodowanie znaków dokumentu.
Element <style>
Element <style> zawiera style dokumentu. Style określają wygląd elementów HTML.
Element <body>
Element <body> zawiera zawartość dokumentu, czyli tekst, obrazy, filmy i inne elementy.
Struktura logiczna dokumentu
Dokument HTML można podzielić na następujące sekcje logiczne:
- Nagłówki
- Akapity
- Listy
- Tablice
- Formularze
- Obrazy
- Inne elementy
Nagłówki
Nagłówki są używane do podzielenia dokumentu na sekcje i podsekcje. Nagłówki są oznaczone elementami <h1>, <h2>, <h3>, <h4>, <h5> i <h6>.
Akapity
Akapity są używane do grupowania tekstu. Akapity są oznaczone elementami <p>.
Listy
Listy są używane do przedstawiania informacji w uporządkowany lub nieuporządkowany sposób. Uporządkowane listy są oznaczone elementami <ol> i <li>, a nieuporządkowane listy są oznaczone elementami <ul> i <li>.
Tablice
Tablice są używane do przedstawiania informacji w uporządkowanej formie. Tablice są oznaczone elementami <table>, <tr> i <td>.
Formularze
Formy są używane do zbierania informacji od użytkowników. Formy są oznaczone elementami <form>, <input>, <select>, <textarea> i innymi.
Obrazy
Obrazy są używane do przedstawiania grafiki. Obrazki są oznaczone elementami <img>.
Inne elementy
HTML zawiera wiele innych elementów, które można wykorzystać do tworzenia różnych efektów.
Podsumowanie
Struktura logiczna dokumentu HTML jest ważna, ponieważ pomaga przeglądarce internetowej wyświetlić dokument w sposób intuicyjny i łatwy do zrozumienia dla użytkownika.
Was this helpful?
0 / 0