warto - Kurs HTML i CSS
Ikony (symbole) / Ikony do pobrania...ułatwiają nawigację oraz poprawiają estetykę wizualną. Wybór odpowiednich ikon może znacząco wpłynąć na odbiór strony przez użytkowników. Dlatego warto mieć pod ręką zestaw wysokiej jakości grafik. W dalszej części tego rozdziału znajdziesz listę darmowych ikon, które możesz pobrać i wykorzystać w swoich projektach: Akcje interfejsu użytkownika Społecznościowe Typowe akcje Komunikacja Zdjęcie i obraz Biznes i płatności Mapy Formatowanie tekstu Audio i wideo Transport Aktywności...
- Odsyłacze HTML / Blokada indeksowania odsyłaczy <a "nofollow, ugc, sponsored">
...moglibyśmy chcieć zablokować indeksowanie wybranych linków umieszczonych na naszej stronie. Aby wskazać, o jaką konkretnie przyczynę nam chodzi, warto to określić w sposób jednoznaczny. Dlatego jeśli obawiamy się, że linki w komentarzach naszej witryny mogą stanowić spam i nie chcemy, aby z tego powodu nasza strona straciła reputację, a przez to pozycję w wynikach wyszukiwania, możemy użyć atrybutu z wartością rel="ugc" (ang. user generated content). Wskazuje on, że odnośnik taki nie...
- Nagłówek i treść HTML / Dokumenty prawne <link "license, privacy-policy, terms-of-service">
...<link "license"> <head> <link rel="license" href="ścieżka dostępu"> </head> Jeżeli aktualny dokument jest chroniony prawami autorskimi, warto wskazać ścieżkę dostępu do dokumentu z licencją opisującą warunki korzystania z materiałów znajdujących się na stronie. Licencja na zdjęcia Może się zdarzyć, że niektóre elementy strony, jak np. zdjęcia wstawione w dokumencie, mogą być chronione odrębnymi licencjami. W takiej sytuacji przy każdym takim elemencie powinniśmy osobno wskazać...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...w HTML? Autouzupełnianie w HTML jest używane do ułatwienia użytkownikom wprowadzania danych poprzez automatyczne sugerowanie i uzupełnianie wartości na podstawie wcześniejszych wpisów lub zapisanych danych. Na przykład, w formularzu <input type="text" name="email"> przeglądarka może automatycznie wypełnić adres e-mail użytkownika, który był wcześniej używany. Jak wyłączyć autouzupełnianie w HTML? Autouzupełnianie można wyłączyć w HTML, dodając atrybut autocomplete="off" do tagu...
- HTML5 / Tryb wpisywania <... inputmode>
...lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich tryb Należy podać jedną z poniższych wartości: none - przeglądarka nie powinna w ogóle wyświetlać klawiatury ekranowej. Jest przydatne, jeśli na stronie wyświetlamy własną kontrolkę klawiatury. text - klawiatura ekranowa umożliwiająca wprowadzanie tekstu w lokalnym języku użytkownika. tel - klawiatura ekranowa umożliwiająca wprowadzanie numerów telefonów. Powinna zawierać klawisze...
- HTML5 / Walidacja pól formularza <input pattern>
...w polu formularza przez użytkownika. Jest to pewien rodzaj filtru, który uniemożliwia nieprawidłowe wypełnienie formularza. Jeśli użytkownik wpisze wartość w niepoprawnym formacie, przeglądarka wyświetli komunikat błędu i zablokuje możliwość wysłania formularza. Komunikat ten będzie jednak dość ogólny - np.: "Podaj wartość w wymaganym formacie". Niestety użytkownik może się nie domyślić, co właściwie oznacza ten "wymagany format". Dlatego zaleca się dodatkowo ustawić atrybut title="...", w...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...własne napisy, które zostaną wyświetlone na przyciskach otwierających lub/i zamykających okienko popover tryb Należy podać jedną z poniższych wartości: auto - wartość domyślna manual - popover nie zostanie zamknięty poprzez kliknięcie w dowolny obszar strony poza jego obrębem ani po wciśnięciu klawisza Esc bądź przycisku "Wstecz" (na niektórych platformach mobilnych). akcja Może przyjąć postać: toggle - naprzemienne otwieranie i zamykanie popovera (domyślnie) show - otwieranie...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...w swojej przeglądarce. W takiej sytuacji nawet jeśli każdy obszar w mapie odsyłaczy posiada atrybut alt="...", przeglądarki mogą nie wyświetlić jego wartości na ekranie. Jeśli obrazek mapy odsyłaczy nie wyświetli się na ekranie, użytkownik nie będzie wiedział, w co może kliknąć! Dlatego warto również umieścić gdzieś zwykłe odsyłacze hipertekstowe, prowadzące do tych samych dokumentów. Przykład <img usemap, map, area> <img src="odsylacz.gif" alt="Mapa odsyłaczy" usemap="#nazwa_mapy...
Dla nauczycieli / Dla nauczycieli - Kurs HTML i CSS w Twojej klasie...do druku, a nawet bezpłatne certyfikaty ukończenia dla uczniów - bez logowania, bez reklam i bez instalowania dodatkowych aplikacji. Dlaczego warto? Prosty i przystępny język, przystosowany do osób początkujących. Nawet jeśli uczniowie nie znają żadnej składni programowania, szybko przyswoją podstawy. Dostosowany do różnych poziomów zaawansowania - lekcje HTML dla zielonych i CSS dla zielonych pozwalają zacząć od absolutnych podstaw, ale kurs zawiera też bardziej zaawansowane treści...