Ostatnio edytowany:

head

Autor: Virtual Patriot

Przeznaczenie elementu head

Element head reprezentuje część HEAD dokumentu HTML, czyli pierwszą główną część dokumentu HTML. Zazwyczaj w zawartości reprezentowanej przez element head znajdują się elementy HTML reprezentujące informacje metadata o danym dokumencie HTML. Informacje reprezentowane przez elementy HTML występujące w zawartości elementu head z reguły nie są bezpośrednio przeznaczona dla użytkownika, lecz dla różnych mechanizmów, które interpretują oraz przetwarzają kod dokumentu HTML (jednym z tych mechanizmów jest przeglądarka internetowa).

Dodatkowe techniczne informacje o elemencie head

kategoria ogólna
  • brak
kontekst zewnętrzny
  • jako pierwszy element dziecko elementu html

    Przykładowy Kod HTML

    <!DOCTYPE HTML>
    <html>
      <head>
        <!-- pierwszy element dziecko elementu "html" -->
        <!-- miejsce na pozostały kod części HEAD -->
      </head>
    
      <body>
        <!-- drugi element dziecko elementu "html" -->
        <!-- miejsce na pozostały kod części BODY -->
      </body>
    </html>

    Kontekstem zewnętrznym przykładowego elementu "head" jest element "html", dla którego wspomniany element "head" jest pierwszym elementem dzieckiem, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "html", jest prawidłowym kontekstem zewnętrznym dla elementu "head".

kontekst wewnętrzny
  • gdy dany element head nie znajduje się w atrybucie srcdoc elementu iframe, kontekstem wewnętrznym musi być zawartość metadata (wymagany przynajmniej jeden element HTML, którym musi być element title)

    Przykładowy Kod HTML

    <!DOCTYPE HTML>
    <html>
      <head>
        <meta charset="utf-8">
        <meta name="author" content="Jan Kowalski">
        <title>Darmowy Kurs HTML</title>
      </head>
    
      <body>
        <!-- miejsce na pozostały kod części BODY -->
      </body>
    </html>

    Kontekstem wewnętrznym przykładowego elementu "head", który nie znajduje się w atrybucie "srcdoc" elementu "iframe" są wyłącznie elementy HTML, które należą do kategorii zawartość metadata. Ponadto jednym ze wspomnianych elementów HTML należących do kategorii zawartość metadata jest element "title", dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli element "meta", element "meta" oraz element "title", jest prawidłowym kontekstem wewnętrznym dla elementu "head".

  • gdy dany element head znajduje się w atrybucie srcdoc elementu iframe, kontekstem wewnętrznym może być zawartość metadata

    Przykładowy Kod HTML

    <iframe srcdoc="
    <html>
      <head>
        <meta charset='utf-8'>
        <meta name='author' content='Jan Kowalski'>
        <link href='plik-01.css' rel='stylesheet'>
      </head>
    
      <body>
        <!-- miejsce na pozostały kod części BODY -->
      </body>
    </html>
    "></iframe>

    Kontekstem wewnętrznym przykładowego elementu "head", który znajduje się w atrybucie "srcdoc" elementu "iframe" są wyłącznie elementy HTML, które należą do kategorii zawartość metadata, dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli element "meta", element "meta" oraz element "link", jest prawidłowym kontekstem wewnętrznym dla elementu "head".

wymagane elementy dzieci
  • jeden element title, lecz tylko jeżeli dany element head nie znajduje się w atrybucie srcdoc elementu iframe
wymagane atrybuty
  • brak
składnia HTML
  • <head> ... </head>
pominięcie tagu na początku
  • tag może zostać pominięty, lecz tylko jeżeli dany element head nie zawiera w swoim kontekście wewnętrznym niczego lub pierwszą rzeczą, którą reprezentuje dany element head jest jakikolwiek element HTML
pominięcie tagu na końcu
  • tag może zostać pominięty, lecz tylko jeżeli bezpośrednio po danym elemencie head nie występuje ciąg znaków w formie białego znaku lub w formie komentarza języka HTML
CSS display
  • none

Dodatkowe domyślne reguły CSS elementu head

head {
  display:none;
}

Interpretacja elementu head

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak