pliki - Kurs HTML i CSS
Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset...a na podstronach kategorii tematycznych - po dwa. A teraz kilka słów o tym, jak napisać taki zewnętrzny arkusz stylów. Jest on po prostu zwykłym plikiem tekstowym. Aby go utworzyć, wystarczy zwykły edytor tekstu, w którym piszemy takie same deklaracje stylów selektor { cecha: wartość }, jak w przypadku wewnętrznego arkusza stylów. Oczywiście można się posłużyć specjalnym edytorem CSS. Należy jedynie pamiętać, że plik będący zewnętrznym arkuszem stylów musi mieć rozszerzenie *.css...
HTML5 / Responsywny obrazek <picture, source>...tego problemu mogłoby być używanie nowoczesnych formatów zdjęć - np. WEBP lub JXR - które zapewniają lepszy stopień kompresji danych. Dzięki temu pliki w nich zapisane mogą być nawet kilkukrotnie lżejsze niż np. w tradycyjnym formacie JPG. Niestety starsze przeglądarki nie obsługują takich formatów, a wtedy na stronie zamiast pożądanej ilustracji użytkownik zobaczy zapewne ikonę zastępczą informującą o uszkodzonym pliku graficznym. Możemy jednak przygotować wiele formatów zdjęcia i dać...
- Typy MIME / Multipurpose Internet Mail Extensions
...internetowych, gdzie podstawowym zadaniem było przesyłanie tekstu, a pojawiło się zapotrzebowanie przesyłania danych innego typu. Przed każdym plikiem czy dokumentem, przesyłanym 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...
- Nagłówek i treść HTML / Plik robots.txt
...z identyfikatorami sesji: Allow: /*?$ Disallow: /*? Różnica pomiędzy /*.gif$ a /*.gif jest taka, że w drugim przypadku zablokowane zostaną również pliki: /nazwa.gift, /nazwa.gif/nazwa.html, co raczej nie było naszym zamiarem. Wzorce dopasowania są rozszerzeniem standardu i mogą być nieobsługiwane przez wiele robotów sieciowych (są interpretowane przez robota Google), dlatego zaleca się nie umieszczać ich w rekordzie User-Agent: *. Swój plik robots.txt możesz przetestować w specjalnym...
- HTML5 / Wstępne ładowanie <link "preload" as>
...używane, ale będą potrzebne wkrótce. Jak działa wstępne ładowanie? Wstępne ładowanie działa poprzez wczytywanie zasobów, takich jak pliki CSS, JavaScript lub obrazy, zanim zostaną one potrzebne przez stronę. Używa się do tego tagu <link rel="preload" href="resource.css" as="style"> lub innych mechanizmów, aby przeglądarka mogła załadować zasoby w tle, co zmniejsza czas ładowania strony, gdy zasoby stają się aktywne. Pozwala to na uniknięcie opóźnień w ładowaniu strony...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...pozwolenia Należy podać dowolną liczbę poniższych wartości rozdzielając je spacjami: allow-downloads - zezwala pobierać pliki - zarówno standardową metodą jak i poprzez atrybut download. allow-forms - pozwala wysyłać formularze. allow-modals - pozwala otwierać okna modalne, tzn. takie które blokują stronę dopóki użytkownik ich nie zamknie. W języku JavaScript są to funkcje: alert, confirm, print, prompt, a także zdarzenie onbeforeunload. allow-orientation-lock...