html - Kurs HTML i CSS
Komendy HTML 4.01 / Elementy zdeprecjonowaneSpis treści Wstęp Wykaz elementów zdeprecjonowanych Wykaz atrybutów zdeprecjonowanych Wstęp Elementy i atrybuty zawarte w tym opracowaniu, które zostały napisane kolorem czerwonym są zdeprecjonowane przez specyfikację (ang. deprecated) - odradza się ich stosowanie. Co prawda przeglądarki internetowe nadal je interpretują (z uwagi na kompatybilność wstecz), lecz w przyszłości mogą stać się zupełnie przestarzałe i nieobsługiwane. Zamiast nich w większości przypadków zaleca się stosowanie...
- HTML5 / Nowe atrybuty HTML5
Język HTML5 definiuje nie tylko zupełnie nowe elementy (znaczniki), ale również dodatkowe atrybuty, które można przypisywać również do elementów, które były zdefiniowane już w specyfikacji HTML 4.01. Atrybuty Zastosowanie Opis allow IFRAME Polityka uprawnień, która ma zostać zastosowana do zawartości elementu IFRAME allowfullscreen IFRAME Czy pozwolić zawartości elementu IFRAME na użycie funkcji requestFullscreen() as LINK (rel="preload" lub rel="modulepreload") Potencjalny...
- HTML5 / Przestarzałe elementy i atrybuty HTML5
...UL Przestarzałe znaczniki XHTML5 NOSCRIPT - nie może być używany w języku XHTML5 w przypadku serwowania dokumentu z typem MIME "application/xhtml+xml"; element został wycofany w składni XML, ponieważ parser HTML odczytuje go jako czysty tekst (inaczej do dokumentu załadowałyby się np. objęte nim arkusze CSS, nawet jeżeli przeglądarka obsługuje skrypty), co nie jest możliwe w języku XML Przestarzałe atrybuty przestarzałe atrybuty dla elementów rev, charset LINK, A shape...
- HTML5 / Nagłówek <header>
<header>...</header> Reprezentuje grupę wprowadzającą albo ułatwienia nawigacyjne. Zwykle zawiera nagłówek sekcji (H1, H2, H3, H4, H5, H6 albo HGROUP), ale nie jest to absolutnie konieczne. Może zawierać również: spis treści, formularz wyszukiwania, logo. Sam element HEADER nie stanowi nagłówka sekcji. Może to być nieco mylące, ponieważ z kolei element FOOTER stanowi stopkę sekcji. Elementami definiującymi nagłówek sekcji są: H1, H2, H3, H4, H5, H6. W szczególności znacznik HEADER nie tworzy...
- HTML5 / Sekcja <section>
<section>...</section> Sekcja dokumentu lub aplikacji to tematyczna grupa treści, zwykle zawierająca nagłówek. Przykładami sekcji mogą być: rozdziały książki lub pracy badawczej, przełączane zakładki okna dialogowego. Strona domowa może zostać podzielona na przykładowe sekcje: wprowadzenie, lista nowości, informacje kontaktowe. Treść sekcji może być dodatkowo podzielona na podsekcje - poprzez umieszczenie w elementach głównych sekcji dodatkowych znaczników SECTION. W takim przypadku mamy do...
- HTML5 / Nawigacja <nav>
...przykład zawiera dwie sekcje nawigacyjne: pierwsza dla całego serwisu, a druga w obrębie artykułu na stronie. <nav> <ul> <li><a href="index.html">Strona główna</a></li> <li><a href="contents.html">Spis treści</a></li> </ul> </nav> <article> <h1>Mój artykuł</h1> <nav> <ul> <li><a href="#sec1">Rozdział 1</a></li> <li><a href="#sec2">Rozdział 2</a></li> </ul> </nav> <h2 id="sec1">Rozdział 1</h2> <p>Treść rozdział 1...</p> <h2 id="sec2">Rozdział 2</h2> <p>Treść rozdział...
- HTML5 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>
Spis treści <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple> Typ <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week"> Minimum, maksimum, krok <input "date, month, week, time, datetime-local, number, range" min max step> Wiele wartości <input "email, file" multiple> Typ <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week">...
- HTML5 / Automatyczna kapitalizacja tekstu <... autocapitalize>
(interpretuje: Firefox 111, Opera 30, Chrome 43) Elementy bez znacznika zamykającego (np. INPUT): <element autocapitalize="kapitalizacja"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element autocapitalize="kapitalizacja">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5 - z wyjątkiem: url, email, password TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie...
- HTML5 / Klawisz Enter <... enterkeyhint>
(interpretuje: Firefox 94, Opera 66, Chrome 77) Elementy bez znacznika zamykającego (np. INPUT): <element enterkeyhint="zatwierdzenie"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element enterkeyhint="zatwierdzenie">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie...
- HTML5 / Tryb wpisywania <... inputmode>
(interpretuje: Firefox 95, Opera 53, Chrome 66) Elementy bez znacznika zamykającego (np. INPUT): <element inputmode="tryb"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element inputmode="tryb">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do...