przycisk - Kurs HTML i CSS
Tryb Quirks / X-UA-Compatible...Standards Compliance (tryb najwyższej zgodności) jest domyślnym, jednak użytkownik przeglądający stronę może sam zdecydować - za pomocą specjalnego przycisku znajdującego się przy pasku adresu przeglądarki - że chce ją wyświetlić w trybie Compatibility View, czyli tak jak w MSIE 7. Jest to ostatnia deska ratunku, gdy dokument który usiłuje wyświetlić, nieprawidłowo renderuje się w założonym trybie najwyższej zgodności. W takim przypadku emulacja jest tak dokładna, że nie da się w ogóle...
HTML5 / Automatyczne zogniskowanie <... autofocus>...kursor tekstowy zostanie automatycznie umieszczony w tak zaznaczonym polu formularza. Chociaż typowym zastosowanie atrybutu autofocus są pola i przyciski formularza - takie jak: INPUT (z wyjątkiem type="hidden"), SELECT, TEXTAREA, BUTTON - to tak naprawdę można go użyć dla dowolnego znacznika. Może to poprawić dostępność strony, doświadczenia użytkownika czy funkcjonalność nawigacji. Częstym zastosowanie może być również użycie go w połączeniu z atrybutem contenteditable="true". Przykład...
- Podcast HTML / #1 HTML dla zielonych
...atrybut href musi zawierać mailto: przed adresem e-mail. <a href="mailto:jan.kowalski@example.com">Napisz do mnie</a> Odsyłacz obrazkowy (klikalny przycisk): znacznik <img> jest umieszczany wewnątrz znacznika <a>. <a href="podstrona.html"><img src="przycisk.gif" alt="Przejdź" style="border: 0"></a> Dobre praktyki Aby stworzyć dobry serwis, należy dbać o poprawność ortograficzną stylistyczną, unikać jaskrawych kolorów tła, oraz ograniczać ilość grafiki, ponieważ wpływa ona na szybkość...
- Dobre praktyki / Przykazania webmastera
...Decyzję o tym, czy odnośnik ma się otworzyć w nowym oknie, zwykle lepiej pozostawić użytkownikowi. Przecież to żaden problem kliknąć link środkowym przyciskiem myszki albo z przytrzymanym klawiszem Ctrl. Nie używaj znaczników img do wstawiania grafiki tworzącej oprawę graficzną strony Znacznik ten jest przeznaczony wyłącznie do wstawiania ilustracji w treści artykułów. Każdą inną grafikę wstawiaj w tle elementów strony - przy pomocy stylów CSS. Dzięki temu uzyskasz możliwość przygotowania...
- HTML5 / Filmy i dźwięk <video, audio, source>
...controls Atrybut logiczny, który powoduje wyświetlenie domyślnych kontrolek, służących od odtwarzania materiału. Najczęściej zawierają one przycisk "odtwarzaj", "zatrzymaj", "wycisz", suwak postępu odtwarzania i głośności. Standardowe kontrolki odtwarzania zwykle wyglądają nieco inaczej w każdej przeglądarce. Jednak użytkownik jest przyzwyczajony do ich wyglądu właśnie ze swojej przeglądarki, więc nie powinno to dla niego stanowić problemu, a raczej ułatwienie. Jeżeli jednak nie...
- Ikony (symbole) / Społecznościowe
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Osoba person person Grupa group group Udostępnij share share Kciuk w górę thumb_up thumb_up Grupy groups groups Publiczne public public Dodaj osobę person_add person_add Uścisk dłoni handshake handshake Konsultant wsparcia support_agent...
- Ikony (symbole) / Typowe akcje
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Koło konta account_circle account_circle Informacje info info Widoczność visibility visibility Miesiąc kalendarza calendar_month calendar_month Harmonogram schedule schedule Ostrzeżenie warning warning Pomoc help help Język language...
- Ikony (symbole) / Zdjęcie i obraz
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Edytuj edit edit Aparat fotograficzny photo_camera photo_camera Obraz image image Ustawienia tune tune Stoper timer timer Obraz jako PDF picture_as_pdf picture_as_pdf Koło circle circle Paleta palette palette Dodaj zdjęcie add_a_photo...
- Ikony (symbole) / Formatowanie tekstu
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Opis 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...
- Ikony (symbole) / Audio i wideo
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Strzałka Odtwarzania play_arrow play_arrow Koło Odtwarzania play_circle play_circle Mikrofon mic mic Kamera wideo videocam videocam Zwiększ głośność volume_up volume_up Pauza pause pause Nutka muzyczna music_note music_note Książki w...