przeglądarki - Kurs HTML i CSS
Tryb Quirks / Tryb niecałkowitej zgodności ze standardamiTen rozdział dotyczy starszych przeglądarek i języka HTML 4.01. Jeśli tworzysz strony w HTML 5 na współczesne przeglądarki, nie musisz się tym przejmować. Interpretacja pewnych elementów wyglądu strony w Internet Explorerze 5 w dużym stopniu różniła się od obowiązujących standardów. Inne przeglądarki często się do tego dostosowywały. W Internet Explorerze 6 ta sytuacja uległa zmianie. Jednak, aby nie powodować poważnych błędów wyświetlania na starszych stronach WWW, które poprawnie wyświetlały...
- Pozycjonowanie CSS / Obcinanie {clip}
...CSS 2.1 mówi wyraźnie: każda przeglądarka musi obsługiwać jako separator znak przecinka, ale dodatkowo może przyjmować samą spację. Współczesne przeglądarki obsługują równorzędnie oba separatory. Aby polecenie było interpretowane, element musi zostać poddany pozycjonowaniu absolutnemu (wystarczy podać: position: absolute). Przykład {clip} position: absolute; clip: rect(5px, 50px, 40px, 10px): position: absolute; clip: rect(5px 50px 40px 10px): position: absolute; clip: rect(5px, auto...
Nowe okno / Jedno okno...takie same wymagania jak w przypadku znacznika <iframe>...</iframe>! UWAGA! Pierwsze dwa warianty są obecnie blokowane przez prawie wszystkie przeglądarki, z uwagi na dużą uciążliwość dla internautów. Oznacza to, że mogą w ogóle nie zadziałać, chyba że użytkownik wyrazi na to zgodę! Aby wyświetlić okienko bezpośrednio w obrębie strony ponad jej standardową zawartością, a nie jako osobny element interfejsu przeglądarki wyskakujący poza obręb karty ze stroną, użyj funkcji popover w...
- Ochrona strony
...<body oncontextmenu="return false"> ... </body> Uwaga! Źródło dokumentu nadal będzie można podejrzeć, wybierając odpowiednią opcję z górnego menu przeglądarki. Poza tym nie wszystkie przeglądarki interpretują to polecenie. Częściowo można zlikwidować ten problem, otwierając stronę w nowym oknie bez paska menu. Można również próbować otwierać stronę zawsze w ramkach - wtedy z menu będzie można zobaczyć jedynie źródło "mało ciekawej" strony startowej. Blokada zaznaczania i kopiowania tekstu...
- Wykaz generatorów
...kodu do znacznika <pre>...</pre>, a więc w większości przypadków nie pojawi się problem "długich linijek", które nie mieszczą się w szerokości okna przeglądarki przez co psują estetykę strony. Generator kolorów Wyświetla próbkę podanego koloru oraz pokazuje jego odcienie. Generator odcieni kolorów Umożliwia wybór gotowej próbki koloru z bogatej palety barw, aby wyświetlić pełną gamę jego odcieni: od najciemniejszego do najjaśniejszego. Tester kolorów Zaawansowany generator kolorów z...
HTML5 / Składnia (X)HTML5...</head> <body> ... </body> </html> W pierwszej linijce widzimy skróconą deklarację typu dokumentu (co ważne, nie przełącza ona przeglądarki w tryb Quirks). Powiedzmy sobie szczerze - raczej nikt nie był w stanie zapamiętać rozwlekłej formy DTD dla języka HTML 4 ani XHTML 1. Przeglądarki również nie robiły użytku z adresów URL w nich zawartych. Dlatego zdecydowano się ją skrócić. W nowej wersji nie ma znaczenia wielkość liter w zawartości DTD - poprawny będzie także zapis...
Polityka prywatności...ani żadnych danych osobowych zapisanych na komputerze. Inni użytkownicy serwisu nie mają dostępu do Twoich plików cookie. W ustawieniach swojej przeglądarki internetowej możesz zablokować akceptowanie cookie. Ten serwis używa cookies i przetwarza dane osobowe na niżej wymienionych podstawach prawnych oraz w podanych celach: Przetwarzanie niezbędne do wykonania umowy dopasowanie wyglądu i działania witryny zgodnie z wybranymi przez użytkownika ustawieniami - np. zmiana skórki...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...w tagu <script>, chociaż specyfikacja HTML5 wskazuje, że jest to nietypowa konfiguracja. Gdy oba atrybuty są użyte, zachowanie skryptu zależy od przeglądarki: nowoczesne przeglądarki ignorują defer i traktują skrypt jako asynchroniczny, natomiast starsze przeglądarki, które obsługują tylko defer, zastosują opóźnione ładowanie. Na przykład: <script src="script.js" async defer></script>.
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...w obrębie strony ponad jej standardową zawartością. 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 wykonać następujące kroki: Najpierw do elementu, który ma stać się popoverem, przypisujemy atrybut id="..." oraz popover, który może być zarówno atrybutem logicznym...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...aby nie był zbyt długi (najwyżej kilka wyrazów). Powinien on odnosić się do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu), a także w wyszukiwarkach internetowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt długi. Trafny tytuł może również zachęcić internautów do obejrzenia Twojej strony! I najważniejsze - w miejsce tekstu: Tu wpisuje się treść strony (pomiędzy <body> oraz </body>)...