What is HTML and what is it used for? - Kurs HTML i CSS
HTML5 / Kapitalizacja tekstu <input autocapitalize, textarea autocapitalize, ... contenteditable autocapitalize>Pole tekstowe: <input type="typ" autocapitalize="kapitalizacja"> Obszar tekstowy: <textarea autocapitalize="kapitalizacja">...</textarea> Element edytowalny: <element contenteditable="true" autocapitalize="kapitalizacja">...</element> typ Należy użyć dowolnego pola formularza HTML 4.01 lub HTML5 - z wyjątkiem: url, email, password. kapitalizacja Można wpisać: off lub none - blokuje automatyczną kapitalizację, tzn. wszystkie wprowadzane litery powinny być domyślnie ustawione jako...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...służył do tego atrybut logiczny defer. Oznaczony nim skrypt ładuje się dopiero po wczytaniu wszystkich znaczników z dokumentu, tzn. po osiągnięciu </html>. HTML5 wprowadza dodatkowy atrybut logiczny - async - dzięki któremu pliki skryptów zostaną załadowane tak szybko, jak to będzie możliwe (być może jeszcze przed wczytaniem wszystkich znaczników dokumentu). Pytania i odpowiedzi <script src async defer> Jakie są sposoby umieszczania skryptu w dokumencie HTML? Skrypt można umieścić w...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
Cały formularz: <form autocomplete="autouzupełnianie">...</form> Wybrane pole: <input type="typ" autocomplete="autouzupełnianie"> Lista rozwijalna: <select autocomplete="autouzupełnianie">...</select> Obszar tekstowy: <textarea autocomplete="autouzupełnianie">...</textarea> autouzupełnianie Można podać: on - autouzupełnianie aktywne (domyślnie) off - autouzupełnianie nieaktywne typ Należy użyć dowolnego pola formularza HTML 4.01 lub HTML5. Przeglądarki często posiadają...
- HTML5 / Element edytowalny <... contenteditable>
Wersja podstawowa: <element contenteditable>...</element> Wersja rozszerzona: <element contenteditable="edycja">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 edycja Można podać: true - element jest edytowalny (to samo co użycie contenteditable jako atrybut logiczny - bez podania wartości). false - element nie jest edytowalny. plaintext-only - tylko surowa zawartość tekstowa elementu jest edytowalna, formatowanie tekstu jest wyłączone (Opera 38, Chrome 51) Podanie...
- HTML5 / Zogniskowanie <... autofocus>
(interpretuje: Internet Explorer 11, Firefox, Opera, Chrome) Elementy bez znacznika zamykającego (np. INPUT): <element autofocus> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element autofocus>...</element> element Dowolny znacznik HTML 4.01 lub HTML5 Atrybut logiczny (wstawiany bez wartości), dzięki któremu po załadowaniu strony, kursor tekstowy zostanie automatycznie umieszczony w tak zaznaczonym polu formularza. Chociaż typowym zastosowanie atrybutu autofocus są pola i...
- HTML5 / Atrybuty danych <... data-...>
Elementy bez znacznika zamykającego z atrybutem logicznym: <element data-nazwa> Elementy bez znacznika zamykającego z atrybutem o podanej wartości: <element data-nazwa="wartość"> Elementy ze znacznikiem zamykającym z atrybutem logicznym: <element data-nazwa>...</element> Elementy ze znacznikiem zamykającym z atrybutem o podanej wartości: <element data-nazwa="wartość">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 nazwa Musi rozpoczynać się małą literą łacińską, znakiem...
- HTML5 / Dekodowanie obrazków <img decoding>
<img src="lokalizacja" decoding="dekodowanie"> lokalizacja Ścieżka dostępu dekodowanie Jedna z następujących wartości: sync - przeglądarka powinna wstrzymać przetwarzanie reszty strony, dopóki nie wyświetli obrazka. async - przeglądarka może wyświetlać pozostałe elementy strony w trakcie przetwarzania obrazka. auto - wartość domyślna (zależy od przeglądarki) Podpowiada przeglądarce, w jaki sposób najlepiej wyświetlić dany obrazek. Nadanie atrybutu decoding="sync" może spowolnić...
- HTML5 / Grupowa blokada pól formularza <fieldset disabled>
<fieldset disabled>...</fieldset> Element FIELDSET może mieć przypisany atrybut logiczny (wstawiany bez wartości) disabled. Spowoduje on zablokowanie wszystkich pól formularza objętych tym znacznikiem. Przykład <fieldset disabled, legend, input> Wszystkie poniższe pola formularza powinny zostać zablokowane: <fieldset disabled> <legend>Formularz</legend> <input type="text" name="pole"> <input type="radio" name="opcja" value="1"> <input type="radio" name="opcja" value="2"> </fieldset>...
- HTML5 / Pobieranie <a download, area download>
...na dysku użytkownika Wskazuje, że hiperłącze służy do pobierania pliku ze strony. Dzięki temu można np. wymusić pobranie wskazanego dokumentu *.html na dysk lokalny użytkownika - w przeciwnym razie po kliknięciu odnośnika nastąpiłoby wyświetlenie wskazywanego dokumentu bezpośrednio w przeglądarce, a nie rozpoczęcie jego pobierania. Jeżeli podano wartość tego atrybutu, określa ona domyślną nazwę, jaką powinien przyjąć plik, po zapisaniu go na dysku lokalnym użytkownika.
- HTML5 / Klawisz Enter <input enterkeyhint, textarea enterkeyhint, ... contenteditable enterkeyhint>
Pole tekstowe: <input type="typ" enterkeyhint="zatwierdzenie"> Obszar tekstowy: <textarea enterkeyhint="zatwierdzenie">...</textarea> Element edytowalny: <element contenteditable="true" enterkeyhint="zatwierdzenie">...</element> typ Należy użyć dowolnego pola formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst. zatwierdzenie Może przyjąć jedną z poniższych wartości: enter - operacja ↵ (Enter), zazwyczaj oznaczająca wstawienie nowej linii. done - operacja OK, zazwyczaj...