menu - Kurs HTML i CSS
HTML5 / Nowe elementy HTML5Spis treści Wstęp Sekcje Nagłówki sekcji Znaczniki grupujące Semantyka tekstu Elementy osadzone Formularze Pole INPUT Elementy interaktywne Skrypty Wstęp Standard HTML5 nie jest już taki nowy, ale nadal mogą być do niego wprowadzane nowe znaczniki. Przeglądarki które ich jeszcze nie odsługują, zwykle próbują wyświetlać je w linii. Nie jest to zgodne z domyślnym sposobem prezentacji części z tych elementów określonym w specyfikacji. Aby ujednolicić sposób wyświetlania...
- HTML5 / Filmy i dźwięk <video, audio, source>
...obejrzenie filmów czy posłuchania muzyki użytkownikom Maców i Linuksa. Zdarzały się poważne trudności z ustawieniem warstw (otwierane menu, okna dialogowe) ponad oknem wyświetlanym przez wtyczkę. Często okno odtwarzania wtyczki po prostu zawsze przebijało przez taką warstwę. Brakowało możliwości zmiany wyglądu przy pomocy CSS. Nie było możliwe dołączenie do filmów własnych napisów. Nic dziwnego, że w HTML5 postanowiono zmienić tę sytuację. Najpierw zdecydowano się wprowadzić...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction command commandfor, input "button" popovertarget popovertargetaction>
...ukrytego okienka, które po otworzeniu wyświetla się bezpośrednio w obrębie strony ponad jej standardową zawartością. Może posłużyć do tworzenia np. menu kontekstowych lub otwieranych informacji z podpowiedziami dla użytkownika. W rzeczywistości popover jest integralnym elementem strony, a nie osobnym elementem interfejsu przeglądarki. W związku z tym nie wyskakuje on poza obręb karty przeglądarki, jak to ma miejsce w przypadku okien pop-up i pop-under. Aby stworzyć okienko popover, należy...
- HTML5 / Okno dialogowe <dialog closedby open, button "button" command commandfor, form "dialog", button "dialog">
...Różnice między oknem dialogowym a popoverem Cecha <dialog> <... popover> Semantyczność ✔ Tak (wymaganie od użytkownika podjęcia akcji) ❌ Nie (menu kontekstowe, wyskakujące podpowiedzi) Domyślnie otwarte ✔ Tak (jeden z dostępnych trybów) ❌ Nie (potrzebny przycisk otwierania) Okno modalne ✔ Tak (jeden z dostępnych trybów) ❌ Nie Wymuszenie jednego okna ✔ Tak (tryb modalny blokuje otwieranie innych okien) ✔ Tak (tryb automatyczny zamyka inne okna) Zamykanie kliknięciem poza oknem lub...
- Typy MIME / Wykaz typów MIME
...osfpvg application/vnd.yamaha.smaf-audio saf application/vnd.yamaha.smaf-phrase spf application/vnd.yellowriver-custom-menu cmp application/vnd.zul zir zirz application/vnd.zzazz.deck+xml zaz application/voicexml+xml vxml application/widget wgt application/winhlp hlp application/wsdl+xml wsdl application/wspolicy+xml wspolicy application/x-7z-compressed 7z application/x-abiword abw application/x-ace-compressed ace application/xaml+xml xaml...
- Ikony (symbole) / Formatowanie tekstu
...description description Kopia treści content_copy content_copy Pulpit nawigacyjny dashboard dashboard Edytuj notatkę edit_note edit_note Książka menu menu_book menu_book Widok siatki grid_view grid_view Lista list list Folder folder folder Lista alternatywna list_alt list_alt Inwentarz inventory inventory Otwarty folder folder_open folder_open Artykuł article article Weryfikacja faktów fact_check fact_check Załącz plik attach_file attach_file Formatuj listę punktowaną...
- Podcast HTML / #8 Formularze HTML
...Domyślne zaznaczenie: atrybut checked. Nie można zaznaczyć domyślnie dwóch pól tego typu w tej samej grupie. Lista rozwijalna Wprowadza rozwijane menu (pole kombi). Wprowadzenie listy: <select name="nazwa">, gdzie opcje są definiowane przez znaczniki <option>...</option>. Jeśli chcemy przesłać inne wartości niż treść opcji, należy użyć atrybutu value="..." w znaczniku <option>. Wielokrotny wybór: atrybut multiple w znaczniku <select> pozwala wybrać kilka opcji, zaznaczając je za pomocą...
- Odsyłacze HTML / Do podstrony <a href>
...stronie): <a target="_blank" href="adres">opis</a> kliknij tutaj [Aby określić wygląd nowego okna (rozmiar, położenie, pokazanie/ukrycie pasków menu, narzędzi, statusu itd.), zobacz: Otwarcie nowego okna].
- Podcast HTML / #9 HTML5
...związany jest tytuł strony. Służy jedynie do grupowania - nie tworzy nowej sekcji. <nav>: sekcja strony zawierająca odnośniki nawigacyjne (np. menu główne). Inne ważne elementy semantyki: <figure> i <figcaption>: służą do oznaczania załączników (ilustracji, diagramów, kodu źródłowego) i dodawania do nich podpisów. <mark>: służy do zaznaczenia lub uwydatnienia tekstu w określonym kontekście, np. w wynikach wyszukiwania. <time>: poprawnie oznacza datę i/lub czas, często używany z...
- Multimedia HTML / Obrazek HTML <img>
...obrazki najlepiej powinny być zapisane w jednym z trzech formatów: GIF - dla rysunków składających się z mniej niż 256 kolorów, np. przyciski menu i inne "ręcznie" rysowane ozdobniki. Format ten obsługuje przezroczystość. JPG - dla zdjęć wielokolorowych. Nie obsługuje przezroczystości. PNG - pozwala zapisywać z bardzo dobrą jakością zarówno ręcznie rysowane grafiki jak i zdjęcia. Obsługuje kompresję oraz zarówno pełną przezroczystość jak i półprzezroczystość. Format BMP może nie być...