HTML / HTML5
W tym rozdziale dowiesz się...
Czym różni się HTML5 od HTML 4 i XHTML 1 oraz dlaczego warto go używać?
- Wstęp
Co to jest język HTML5?
- Czy XHTML umarł?
Czy przejście z języka (X)HTML do (X)HTML5 wymaga przepisania wszystkich stron od nowa?
- Składnia (X)HTML5
Jak wygląda typowy dokument (X)HTML5?
- Nowe elementy HTML5
Jakie nowe elementy (znaczniki) znajdują się w HTML5?
- Nowe atrybuty HTML5
Jakie nowe atrybuty znajdują się w HTML5?
- Zmienione elementy i atrybuty HTML5
Jakie elementy (znaczniki) i atrybuty zostały zmienione (zmodyfikowane) w HTML5?
- Przestarzałe elementy i atrybuty HTML5
Jakie elementy (znaczniki) i atrybuty wycofano (usunięto) w HTML5?
- Sekcja <section>
Jak podzielić tematycznie obszerniejsze fragmenty dokumentu HTML5?
- Artykuł <article>
Jak wstawić artykuł do dokumentu HTML5?
- Wstawka <aside>
W jaki sposób w HTML5 powinno się wstawiać elementy, powiązane tematycznie z artykułem na stronie?
- Podtytuł <hgroup>
W jaki sposób poprawnie wstawić do dokumentu podtytuł?
- Nagłówek <header>
Jak powinno się wstawiać wprowadzenie w dokumentach HTML5?
- Stopka <footer>
W jaki sposób oznaczyć stopkę w dokumentach HTML5?
- Nawigacja <nav>
Jak wstawić na stronie WWW sekcję z linkami nawigacyjnymi?
- Szablon strony w HTML5
Jak powinien wyglądać szablon (szkielet) strony w języku HTML5?
- Załącznik <figure, figcaption>
W jaki sposób oznaczyć w HTML5: ilustrację, diagram, zdjęcie, kod źródłowy, rysunek, rycinę, wykres, załącznik?
- Główna treść <main>
W jaki sposób wskazać główną zawartość strony WWW?
- Uwydatnienie <mark>
Jak zaznaczyć lub uwydatnić część tekstu?
- Data i czas <time>
W jaki sposób poprawnie oznaczać datę i czas w dokumentach HTML5?
- Możliwy koniec linii <wbr>
Jak umożliwić przeglądarce przełamanie długiej linii do następnego wiersza?
- Autouzupełnianie <datalist>
W jaki sposób dodać autouzupełnianie pola formularza?
- Pasek postępu <progress>
Jak wstawić na stronie WWW pasek postępu?
- Pasek wyniku <meter>
Jak wstawić na stronie WWW pasek głosowania w ankiecie?
- Otwierany panel <details, summary>
Co zrobić, aby wstawić na stronę panel, otwierany po kliknięciu myszką?
- Responsywny obrazek <picture, source>
W jaki sposób wstawić na stronie internetowej obrazek (grafikę, zdjęcie, fotografię, ilustrację), który automatycznie dopasowuje się do wielkości ekranu?
- Filmy i dźwięk <video, audio, source>
W jaki sposób wstawić odtwarzacz filmów wideo lub muzyki audio na stronie internetowej?
- Napisy do filmów <track>
Jak dodać napisy (ścieżkę tekstową) do filmu wideo?