przeglądarki - Kurs HTML i CSS
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...
Pozycjonowanie CSS / Pozycja absolutna {position: absolute}...jego odpowiednich krawędzi od brzegów bloku obejmującego były dokładnie takie, jak podano. Blokiem obejmującym w tym przypadku zwykle jest okno przeglądarki lub ramka. Jednak jeżeli element, który pozycjonujemy znajduje się wewnątrz innego elementu, który wcześniej został poddany pozycjonowaniu (absolutnemu, relatywnemu lub ustalonemu), to położenie jest obliczane względem pozycji tego elementu nadrzędnego, a nie okna przeglądarki. Polecenie pozycjonowania absolutnego (bezwzględnego)...
- Tryb Quirks / Tryb niecałkowitej zgodności ze standardami
Ten 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...
- 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...
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...
- 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...
- 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>)...