dostępu - Kurs HTML i CSS
HTML5 / Asynchroniczne ładowanie skryptów <script src async>(interpretuje: Internet Explorer 10, Firefox 3.6, Opera 15, Chrome 8) <script src="lokalizacja" async></script> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny plik ze skryptem Na stronach internetowych można załączać dynamiczne skrypty, napisane w języku JavaScript. Zwykle zapisuje się je w osobnych plikach z rozszerzeniem *.js i osadza na stronie przy użyciu znacznika SCRIPT - podając do nich odnośnik w atrybucie src="...". W...
- HTML5 / Uwierzytelnienie <audio crossorigin, img crossorigin, link crossorigin, script crossorigin, video crossorigin>
...Odtwarzacz filmów wideo - wersja rozszerzona: <video src="lokalizacja" crossorigin="uwierzytelnienie"></video> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób uwierzytelnienie Należy wpisać: anonymous - dane uwierzytelniające zostaną przesłane tylko w przypadku, kiedy odwołanie nastąpi z tej samej domeny (to samo co użycie crossorigin jako atrybut logiczny - tzn. bez podania wartości). Czyli przykładowo jeśli na...
- HTML5 / Dekodowanie obrazków <img decoding>
(interpretuje: Firefox 63, Opera 52, Chrome 65) <img src="lokalizacja" decoding="dekodowanie"> lokalizacja Ścieżka dostępu dekodowanie Jedna z następujących wartości: sync - przeglądarka powinna wstrzymać przetwarzanie reszty strony, dopóki nie wyświetli obrazka. async - przeglądarka może wyświetlać pozostałe elementy strony w trakcie przetwarzania obrazka. auto - wartość domyślna (zależy od przeglądarki) Podpowiada przeglądarce, w jaki sposób najlepiej wyświetlić dany obrazek...
- HTML5 / Pobieranie <a download, area download>
...nazwa pliku: <area href="lokalizacja" download="nazwa"> lokalizacja Miejsce, gdzie znajduje się plik do pobrania, podane w postaci ścieżki dostępu (w obrębie tego samego serwisu) albo adresu internetowego (w dowolnym serwisie) nazwa Nazwa pliku pod jaką powinien zostać zapisany plik na dysku użytkownika Wskazuje, że hiperłącze służy do pobierania pliku ze strony. Dzięki temu można np. wymusić pobranie wskazanego dokumentu *.html na dysk lokalny użytkownika - w przeciwnym razie po...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...fetchpriority="priorytet"> Zewnętrzny skrypt JavaScript: <script src="lokalizacja" fetchpriority="priorytet"></script> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób priorytet Należy wybrać jedną z następujących wartości: high - wskazany zasób załaduje się wcześniej względem innych tego samego rodzaju. low - wskazany zasób załaduje się później względem innych tego samego rodzaju. auto - wartość domyślna Na stronie...
- HTML5 / Osadzenie kodu HTML w ramce lokalnej <iframe srcdoc>
...zagrożenia związane z możliwością uruchamiania niebezpiecznych skryptów, dlatego warto rozważyć zastosowanie atrybutu sandbox w celu ograniczenia dostępu do potencjalnie niebezpiecznych funkcji.
- HTML5 / Leniwe ładowanie <iframe loading, img loading>
Widżet - ramka lokalna: <iframe src="lokalizacja" loading="tryb"></iframe> Obrazek: <img src="lokalizacja" loading="tryb"> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób tryb Należy podać jedną z poniższych wartości: lazy - zasób zostanie pobrany dopiero po spełnieniu określonych warunków - np. kiedy użytkownik przewinie stronę w jego pobliże. eager - ładowanie natychmiastowe (wartość domyślna) Język HTML pozwala na...
- HTML5 / Rozmiary przycisku obrazkowego <input "image" width height>
...Firefox 16, Edge 12, Opera 12.1, Safari 7) <input type="image" src="lokalizacja" width="szerokość" height="wysokość"> lokalizacja Ścieżka dostępu do obrazka szerokość wysokość Nieujemne liczby całkowite określające odpowiednie wymiary przycisku obrazka wyrażone w pikselach Język HTML5 uzupełnia coś, co zapewne zostało przeoczone podczas tworzenia specyfikacji HTML 4.01. Od teraz można już ustawiać rozmiary przycisku obrazkowego służącego do wysyłania formularza. Jeśli tego nie...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...od reszty strony. Użycie atrybutu sandbox pozwala na nałożenie szeregu ograniczeń na zawartość IFRAME, takich jak blokowanie skryptów i ograniczenie dostępu do zasobów zewnętrznych. Co pozwala traktować zawartość IFRAME jako pochodzącą z tego samego źródła? Aby traktować zawartość IFRAME jako pochodzącą z tego samego źródła (ang. same-origin), należy do atrybutu sandbox="..." dodać wartość allow-same-origin. Dzięki temu zawartość ramki będzie miała dostęp do zasobów strony nadrzędnej...
Selektory pseudoelementów CSS / Co to są pseudoelementy CSS?Języki opisu struktury dokumentów - takie jak XHTML czy HTML - nie dostarczają mechanizmów dostępu do pewnych specyficznych elementów występujących na każdej stronie. Na przykład nie można wprost odnieść się do pierwszej litery ani pierwszej linii w akapicie. Tymczasem często zachodzi potrzeba ich specjalnego wystylizowania. Obejmowanie pierwszej litery w każdym akapicie znacznikiem <span>...</span> jest nieoptymalne i czasochłonne. Z pomocą przychodzą pseudoelementy CSS, które pozwalają...