przeglądarki - Kurs HTML i CSS
HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>(interpretuje: Internet Explorer 6, Firefox 2, Opera 10, Chrome 17) 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...
- HTML5 / Element bierny <... inert>
...interaktywności dynamicznym elementom strony, które jeszcze nie do końca się wczytały albo chwilowo znajdują się poza zakresem widoczności okna przeglądarki, zanim użytkownik nie wykona jakiejś założonej akcji.
- HTML5 / Przeciągnij i upuść <... draggable>
...strony - jak np. odnośniki hipertekstowe - domyślnie mogą być przeciągane przez użytkowników. Jeśli taki link zostanie upuszczony na pasku adresu przeglądarki, nastąpi jego wczytanie. Można je również upuszczać na pola tekstowe formularzy. W niektórych przypadkach możemy jednak nie chcieć takiego zachowania. Aby zablokować przypadkowe przeciągnięcie elementu przez użytkownika wystarczy nadać mu atrybut draggable="false". Oprócz tego do sterowania mechanizmem przeciągnij-i-upuść służą...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
...wewnątrz pola w postaci wyszarzonego tekstu Atrybut placeholder="..." podpowiada użytkownikowi, co powinien wpisać w danym polu formularza. Przez przeglądarki może być obsługiwany w ten sposób, że jego wartość będzie na początku wpisana w pole w postaci wyszarzonego tekstu, który zniknie po umieszczeniu w nim kursora tekstowego przez użytkownika i rozpoczęciu wpisywania właściwej wartości. Przykład <input placeholder> <input type="search" name="q" placeholder="Szukaj w serwisie...">...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...prezentację na zewnętrznych wyświetlaczach takich jak rzutniki, telewizory czy inne ekrany. allow-same-origin - zezwala odczytywać ciasteczka przeglądarki (ang. cookie) oraz dane użytkownika z innych podobnych mechanizmów. Oczywiście jeśli ramka pochodzi z zewnętrznej domeny, będzie miała dostęp tylko do swoich ciasteczek, a nie do danych z naszego serwisu. allow-scripts - zezwala na uruchamiania skryptów JavaScript. allow-top-navigation - pozwala na używanie atrybutu target="_top...
- HTML5 / Sprawdzanie pisowni <... spellcheck>
...(to samo co użycie spellcheck jako atrybut logiczny - bez podania wartości). false - pisownia i gramatyka nie będą sprawdzane. Popularne przeglądarki mają wbudowaną funkcję automatycznego sprawdzania pisowni, a czasem nawet gramatyki, tekstu wpisywanego przez użytkownika np. w obszarze tekstowym. Może ona jednak przysporzyć sporo kłopotów, jeśli pole nie zostało przeznaczone do wprowadzania zwykłego tekstu, tylko np. kodu komputerowego. W takim przypadku czasem lepiej wyłączyć tę...
- HTML5 / Tłumaczenie językowe <... translate>
...się specjalne programy, służące do automatycznego tłumaczenia stron obcojęzycznych na język rodzimy użytkownika. Często są one również wbudowane w przeglądarki internetowe lub system operacyjny. Jednak nie każdy fragment tekstu powinien być tłumaczony. Na przykład kod programu, zawierający instrukcję w języku angielskim, powinien zostać nietknięty przez aplikację tłumaczącą. Aby zabronić tłumaczenia tekstu, należy do elementu, który go obejmuje, przypisać atrybut translate="no".
- HTML5 / Blokada autokorekty <... autocorrect>
...(to samo co użycie autocorrect jako atrybut logiczny - bez podania wartości). off - błędy pisowni nie będą automatycznie poprawiane. Niektóre przeglądarki (zwłaszcza mobilne) mają wbudowaną funkcję automatycznego poprawiania błędów pisowni, a czasem również automatycznego wstawiania znaków interpunkcyjnych i spacji, w tekście wpisywanym przez użytkownika np. w obszarze tekstowym. Charakteryzuje się ona przede wszystkim się tym, że błędne wyrazy są od razu zastępowane ich poprawną formą...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...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 src="odsylacz.gif" alt="Mapa...
- Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap>
...Po kliknięciu na poniższym obrazku, do linku zostaną doklejone współrzędne wskazanego punktu (po wczytaniu nowej strony, zobacz pasek adresu Twojej przeglądarki):