atrybut - Kurs HTML i CSS
Nagłówek i treść HTML / Język strony <html lang, link hreflang>...dla wybranego języka strony kodowej. Zwracam uwagę, że w dokumencie HTML może się znajdować tylko jeden element <html>. Dlatego powyższy atrybut lang="..." należy przypisać do już istniejącego znacznika, a nie dodawać kolejnego. Inne wersje językowe <link hreflang> <head> <link rel="alternate" hreflang="język" href="adres"> </head> gdzie jako "język" należy podać skrót nazwy wybranego języka. Natomiast zamiast "adres" wpisuje się bezwzględny adres strony (rozpoczynający się od...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...gdy użytkownik po prostu wyłączy wyświetlanie grafiki 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...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
...do ramki lokalnej <a target> <a target="cel" href="lokalizacja">opis</a> Jak widać powyższe polecenie jest odsyłaczem. Posiada on jednak dodatkowy atrybut target="..." pozwalający wczytać stronę do wybranej przez nas ramki - w szczególności innej niż ta, w której znajduje się odnośnik. Dzięki temu treść w takiej ramce (okienku) może się zmieniać, nawet już po załadowaniu strony. Zamiast tekstu "lokalizacja" należy wpisać adres strony albo lokalizację na dysku, gdzie znajduje się strona, do...
- Formularze HTML / Selektor plików <input "file">
...po to, aby można było przesłać wybrany plik w załączniku do listu (formularza). Wtedy dla znacznika <form>...</form> należałoby dodatkowo użyć atrybut enctype="multipart/form-data". Niestety nowe przeglądarki generalnie nie interpretują tego polecenia w przypadku prostego formularza pocztowego. Dla zaawansowanych Wysyłanie plików w załączniku jest natomiast obsługiwane m.in. przez PHP (należy wtedy dla znacznika <form>...</form> konieczne podać atrybut: enctype="multipart/form-data")...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
...Powyższy atrybut (enctype="text/plain") powoduje, że wszystkie formularze będą przysyłane w formie odszyfrowanej, dla powyższego przykładu jest to: Imię=Sławomir Nazwisko=Kokłowski Płeć=Mężczyzna Wiek=20-29 Muzyka=Rock Muzyka=Inna Muzyka=Elektroniczna Przeglądarka=Opera System operacyjny=Dos System operacyjny=Windows System operacyjny=Linux...
- Komendy HTML 4.01 / A
...rozdzielone białymi znakami COORDS="współrzędne" Podaje współrzędne obszaru w mapie odnośników klienta (MAP), które zależą od kształtu obszaru (atrybut SHAPE): x,y,r - (SHAPE="circle" - koło) x,y - środek koła; r - promień x1,y1,x2,y2,...,xN,yN - (SHAPE="poly" - wielokąt) x,y - współrzędne kolejnych wierzchołków wielokąta x1,y1,x2,y2 - (SHAPE="rect" - prostokąt) x1,y2 - lewy-górny wierzchołek prostokąta; x2,y2 - prawy-dolny wierzchołek DIR="kierunek" Kierunek tekstu: ltr - od lewej...
- HTML5 / Element edytowalny <... contenteditable>
...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 Podanie wartości contenteditable="true" umożliwia dynamiczną edycję zawartości tak oznaczonego elementu strony. Użytkownik może wpisać np. bezpośrednio w...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...któremu po załadowaniu strony, 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...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...szczęście w pewnym stopniu możemy sterować kolejnością ładowania zewnętrznych zasobów przy pomocy tzw. priorytetu przypisując do żądanego elementu atrybut fetchpriority="...". Pytania i odpowiedzi <img fetchpriority, link "preload" as fetchpriority> Co to jest fetchpriority? Atrybut fetchpriority w HTML jest używany do określenia priorytetu pobierania zasobów, takich jak obrazki, przez przeglądarkę. Pozwala to na kontrolowanie, które zasoby powinny być ładowane z większym priorytetem w...
- HTML5 / Leniwe ładowanie <iframe loading, img loading>
...całej strony. Dodatkowo może narazić na dodatkowe koszty użytkowników korzystających z połączenia mobilnego. Możemy tego uniknąć stosując atrybut loading="lazy". Pytania i odpowiedzi <iframe loading, img loading> Co to jest leniwe ładowanie w HTML? Leniwe ładowanie w HTML to technika optymalizacji wydajności, która opóźnia ładowanie zasobów (np. obrazków i widżetów) do momentu, gdy użytkownik zbliży się do nich podczas przewijania strony. Dzięki temu zasoby, które nie są od...