Untitled

<!DOCTYPE html>
<html lang="pl">
    <head>
        <title>Opis elementów szablonu HTML5</title>
        <meta charset="UTF-8" />
    </head>

    <body>
        <h1>Opis poszczególnych elementów szablonu HTML5</h1>
        <h2>(opracował Daniel Rogowski z ZSLiT)</h2>

        <p>
            &lt;!DOCTYPE html&gt;
            <br />
            <i>Informuje przeglądarkę, że będziemy używać standardu HTML5.</i>
        </p>

        <p>
            &lt;html lang="pl"&gt;
            <br/>
            <i>Informuje przeglądarkę o początku dokumentu HTML, przy okazji określając język 		  dokumentu (język polski).</i>
        </p>

        <p>
            &lt;head&gt;
            <br/>
            <i>Rozpoczęcie sekcji head (sekcja konfiguracji strony).</i>
        </p>

        <p>
            &lt;title&gt;Tytuł strony&lt;/title&gt;
            <br/>
            <i>Określa tytuł strony wyświetlany m. in. w pasku tytułu okna przeglądarki.</i>
        </p>

        <p>
            &lt;meta charset="UTF-8"/&gt;
            <br/>
            <i>Określenie strony kodowej pliku HTML, umożliwia obsługę polskich znaków.</i>
        </p>

        <p>
            &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt;
            <br/>
            <i>Opcjonalna linijka, wymusza zgodność strony z bardzo starymi przeglądarkami.</i>
        </p>

        <p>
            &lt;meta http-equiv="Reply-To" content="kontakt@danielrogowski.pl"&gt;
            <br />
            <i>Adres e-mail do kontaktu, widoczny w wynikach wyszukiwania,</i>
        </p>

        <p>
            &lt;meta http-equiv="Creation-Date" content="Mon, 09 Sep 2019 09:47 GMT"/&gt;
            <br />
            <i>Data i godzina utworzenia dokumentu - wartość ta może być używana na przykład przez 		  roboty sieciowe.</i>
        </p>

        <p>
            &lt;meta http-equiv="Last-Modified" content="Mon, 09 Sep 2019 09:48 GMT"/&gt;
            <br />
            <i>Data i godzina ostatniej modyfikacji dokumentu - wartość ta może być używana przez 		  roboty sieciowe w celu ustalenia, która wersja zaindeksowanego dokumentu jest 		       		  nowsza.</i>
        </p>

        <p>
            &lt;meta http-equiv="Expires" content="Wed, 09 Sep 2020 09:47 GMT"/&gt;
            <br />
            <i>Określenie daty wygaśnięcia dokumentu - wartość ta może być używana m. in. przez 		 	  wyszukiwarki.</i>
        </p>
        <p>
            &lt;meta http-equiv="Refresh" content="10"/&gt;
            <br />
            <i>Po umieszczeniu takiego znacznika, strona będzie automatycznie odświeżała się co 10 		  sekund.</i>
        </p>

        <p>
            &lt;meta name="author" content="Daniel Rogowski"/&gt;
            <br />
            <i>Może informować o autorze całej witryny lub o autorze aktualnie wyświetlanej 		 	  podstrony.</i>
        </p>

        <p>
            &lt;meta name="keywords" content="metatagi, znaczkiki, head, meta"/&gt;
            <br />
            <i>Umożliwa podanie słów kluczowych opisujących stronę. Ponieważ był on niegdyś 		  przedmiotem różnych nadużyć, Google już od dawna nie interpretuje tego znacznika, ale 		  dalej może być wykorzystywane przez mniej znane wyszukiwarki.</i>
        </p>

        <p>
            &lt;meta name="description" content="Opis strony"/&gt;
            <br />
            <i>Najważniejszy znacznik, jeśli mówimy o optymalizacji strony pod wyszukiwarki. Pozwala 		  na ustawienie opisu, który jest wyświetlany w wyszukiwarkach pod tytułem strony. Dobrze 		  uzupełniony znacznik description pozwala poprawić pozycję strony we wszystkich znanych 		  wyszukiwarkach.</i>
        </p>

        <p>
            &lt;link rel="shortcut icon" href="/favicon.ico"/&gt;
            <br />
            <i>Umożliwia wstawienie na stronę ikonki, która jest wyświetlana między innymi na pasku 		  zakładek.</i>
        </p>

        <p>
            <u>Pomiędzy znacznikami head umieszczamy informacje takie jak opis strony, słowa 		  kluczowe, nazwa autora, a także dowiązania do arkuszy CSS i skryptów JS.</u>
        </p>

        <p>
            &lt;/head&gt;
            <br/>
            <i>Koniec sekcji head (sekcji konfiguracji strony).</i>
        </p>

        <p>
            &lt;body&gt;
            <br/>
            <i>Początek sekcji body (sekcja zawartości strony).</i>
        </p>

        <p>
            <u>Pomiędzy znacznikami body umieszczamy treść strony, czyli wszystkie teksty, obrazki 		  i tym podobne.</u>
        </p>

        <p>
            &lt;/body&gt;
            <br />
            <i>Koniec sekcji body (sekcji zawartości strony).</i>
        </p>

        <p>
            &lt;/html&gt;
            <br />
            <i>Koniec dokumentu HTML.</i>
        </p>
    </body>
</html>