W przypadku większości elementów HTML zaczynasz od tagu otwierającego, a kończysz tagiem zamykającym. Pomiędzy tymi dwoma tagami pojawia się zawartość elementu. Na przykład:
<p> To jest tekst c
Prosty element akapitu pokazuje, jak używany jest tag otwierający i zamykający. Większość elementów HTML ma ten sam wzorzec, ale kilka znaczników HTML nie zawiera zarówno otwierającego, jak i zamykającego znacznika.
Co to jest element pustki?
Elementy void lub pojedyncze tagi w HTML nie wymagają, aby tag zamykający był prawidłowy. Te elementy to zazwyczaj te, które albo występują samodzielnie na stronie, albo koniec ich treści jest oczywisty z kontekstu samej strony.
Lista pustych elementów HTML
Kilka tagów HTML 5 to puste elementy. Kiedy piszesz poprawny HTML, powinieneś zostawić końcowy ukośnik dla tych tagów, jak pokazano poniżej. Jednak końcowy ukośnik jest wymagany dla prawidłowego XHTML.
- <area>: Używany do obszaru wewnątrz mapy obrazu.
- <Podstawa>: Podstawowy adres URL dla wszystkich względnych adresów URL w dokumencie. W dokumencie nie może być więcej niż jeden z nich i musi znajdować się w nagłówku strony.
- Największa: Podział wiersza, często używany w treści tekstowej do tworzenia pojedynczego podziału wiersza zamiast akapitu. Nie należy go używać do tworzenia wizualnej separacji na stronie poprzez układanie wielu znaczników <br>, ponieważ ta funkcja jest potrzebą wizualną, a zatem domeną CSS zamiast HTML.
- <col>: Określa właściwości kolumny dla każdej kolumny w elemencie <colgroup>.
- <command>: Określa polecenie, które może wywołać odwiedzający.
- <embed>: Używany z zewnętrznymi aplikacjami i interaktywną zawartością do integracji.
- <hr>: Linia pozioma, czyli prosta linia na stronie. W wielu przypadkach obramowania CSS tworzą linie separatora zamiast tego elementu HTML.
- <img>: Jeden z podstawowych elementów HTML, to jest tag obrazu. Służy do dodawania obrazów graficznych do strony internetowej.
- <Input>: Element formularza służący do przechwytywania informacji od odwiedzających. Istnieje wiele prawidłowych typów danych wejściowych, od typowych danych wejściowych „tekstowych” używanych w formularzach od lat, po kilka nowych typów danych wejściowych, które są częścią HTML5.
- <keygen>: Ten tag tworzy pole generatora par kluczy, które jest używane w formularzach.
- <link>: Nie należy go mylić ze znacznikiem „hiperłącze” ani znacznikiem kotwicy (<a>), to łącze służy do ustawiania połączenia między dokumentem a zasobem zewnętrznym. Użyj go, aby na przykład połączyć się z zewnętrznym plikiem CSS.
- <meta>: Metatagi to „informacje o treści”. Znajdują się one w nagłówku dokumentu i służą do przekazywania informacji o stronie do przeglądarki. Istnieje wiele różnych metatagów, których można używać na stronie internetowej.
- <param>: Służy do definiowania parametrów wtyczek.
- <source>: Ten tag umożliwia określenie alternatywnych ścieżek plików multimediów na Twojej stronie, w tym filmów, obrazów lub plików audio.
- <track>: Ten tag ustawia ścieżkę do użycia z plikiem multimedialnym, wideo lub dźwiękiem, które są często dodawane za pomocą tagów <video> lub <audio>.
- <wbr>: To oznacza możliwość przełamania słów. Określa, gdzie w bloku tekstu byłoby dopuszczalne dodanie końca wiersza.