przeglądarka - Kurs HTML i CSS
HTML5 / Filmy i dźwięk <video, audio, source>...Większość z nich nie została wcześniej oficjalnie ustandaryzowana, dlatego były interpretowane odmienne lub w ogóle nieobsługiwane w niektórych przeglądarkach. Nie istniało standardowe API, dzięki któremu można by w prosty sposób wstawić na stronie odtwarzacz z własną skórką, realizować dynamiczne listy odtwarzania itp. Wymagały do działania zainstalowanych wtyczek (np. Adobe Flash Player), przez co czasem nadmiernie obciążały procesor, a przy tym nie były w ogóle obsługiwane przez...
- HTML5 / Responsywny obrazek <picture, source>
...PICTURE albo jeśli nie obsługują żadnego z formatów wymienionych w znacznikach SOURCE. Tekst alternatywny Tekst który zostanie wyświetlony, jeżeli przeglądarka nie zdoła wyświetlić żadnego obrazka. Na urządzeniach mobilnych zwykle duże znaczenie ma ilość pobieranych danych przez sieć. Użytkownicy smatfonów często płacą za każdy kilobajt transferu. A nawet jeśli posiadają abonament z wysokim limitem danych, to i tak może się zdarzyć, że znajdą się akurat w miejscu o słabym zasięgu sieci...
Tabele CSS / Rozplanowanie tabeli {table-layout}...Jest to domyślny algorytm renderowania tabel. Szerokość tabeli zależy od szerokości poszczególnych kolumn. Aby ustalić ostateczne rozplanowanie, przeglądarka musi odczytać całą zawartość tabeli. Dlatego algorytm ten jest mniej efektywny. Najpierw wyznaczane są tzw. minimalne i maksymalne możliwe szerokości poszczególnych kolumn. Minimalna możliwa szerokość to najmniejszy rozmiar, do którego można ścieśnić komórkę tak, aby jej zawartość mieściła się jeszcze w jej obrębie. Jeżeli w komórce...
- Widżety HTML / Ramki lokalne <iframe>
...albo lokalizację na dysku, gdzie znajduje się strona, która na ma zostać wczytana do ramki. Natomiast "Tekst alternatywny" wyświetli się tylko w przeglądarkach, które nie obsługują ramek lokalnych. Ramki lokalne są umieszczane bezpośrednio na stronie w postaci pojedynczych okienek o różnych rozmiarach. Dzięki temu możemy do takiej ramki wczytywać inne dokumenty [zobacz: Wstęp]. Jeśli nie określimy koloru tła dokumentu wczytywanego do ramki lokalnej, przeglądarka może przyjąć dla niego...
- Czcionki CSS / Czcionki osadzone @font-face
...WWW dowolne czcionki, bez obawy o niepoprawne wyświetlanie. Możliwe jest umieszczenie na serwerze specjalnego pliku z czcionkami, z którego korzysta przeglądarka, podczas wyświetlania strony. Nawet jeśli użytkownik nie będzie posiadał wymaganego kroju, zostanie on automatycznie pobrany z Internetu i dynamicznie tymczasowo zainstalowany w jego systemie. Użytkownik nie będzie mógł z takiej czcionki korzystać po wyjściu z serwisu - chroni to prawa autorskie producentów czcionek. Osadzanie...
- Oprawa graficzna / "Duszki" CSS
...kompletnej strony WWW ma wpływ nie tylko co, ale w jaki sposób jest ładowanie. Po wybraniu adresu dowolnego współczesnego serwisu internetowego, przeglądarka zaczyna ładowanie dokumentu HTML oraz wszystkich elementów osadzonych na takiej stronie: głównie obrazków. Aby skrócić czas, przeglądarka nie ładuje osadzonych na stronie plików jeden po drugim, ale równocześnie po kilka - każdy w oddzielnym żądaniu HTTP (ang. HTTP request). Liczba jednoczesnych żądań jest jednak ograniczona, więc...
- Dobre praktyki / Przykazania webmastera
...Nie zakładaj, że wszyscy użytkownicy posiadają tak duży ekran jak w Twoim monitorze Sprawdzaj poprawność wyświetlania się strony w popularnych przeglądarkach Sprawdzaj poprawność składni CSS Dobre praktyki skryptów Kluczowe funkcjonalności serwisu powinny być dostępne bez JavaScript Nie stosuj bez potrzeby dynamicznych zamienników kontrolek formularzy Unikaj stosowania atrybutów zdarzeń Unikaj bezpośredniej zmiany własności stylów za pomocą JavaScript Minimalizuj liczbę osobnych...
- HTML5 / Dekodowanie obrazków <img decoding>
...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. Nadanie atrybutu decoding="sync...
- Typy MIME / Multipurpose Internet Mail Extensions
...przez sieć WWW, dołączane są specjalne dane zwane nagłówkiem HTTP, w którym znajduje się m.in. typ MIME (Content-Type). To właśnie dzięki niemu przeglądarka użytkownika wie, co ma dalej zrobić z plikiem: jeżeli jest to dokument HTML, powinna go wyświetlić, natomiast pliki multimedialne mogą być otwierane w zewnętrznych odtwarzaczach lub zapisywane na dysku. W języku HTML typy MIME używa się również w atrybutach niektórych znaczników. Dzięki temu przeglądarka z góry wie, jakiego typu...
- Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}
...mogą być zwłaszcza warianty: ordinal, slashed-zero i stacked-fractions. Ponadto jeżeli czcionka nie będzie zawierać wariantu tabular-nums, przeglądarka może zasymulować podobny efekt dopasowując odstępy między sąsiednimi liczbami. W niektórych przypadkach wymaga to jednak aby były one rozdzielone fizycznym znakiem spacji. Przykład {font-variant-numeric} 1 2/3 456790 (font-variant-numeric: normal) 1 2 3 4 (font-variant-numeric: ordinal) 1 2/3 456790 (font-variant-numeric...