strony - Kurs HTML i CSS
Znaki specjalne HTML / Encje HTML...on wyświetlony. Nie jest on również uwzględniany przy przeszukiwaniu treści dokumentu. To, czy będzie uwzględniany przy kopiowaniu tekstu ze strony do schowka systemowego, zależy od przeglądarki - specyfikacja HTML 4.01 nic nie mówi na ten temat, przez co zachowanie przeglądarek nie jest określone. Jak łatwo zauważyć, działania miękkiego łącznika nie można zastąpić tradycyjnym myślnikiem, ponieważ wtedy bylibyśmy zmuszeni zawsze przełamać po nim linię poprzez użycie znacznika <br>, co...
- Komendy HTML 4.01 / Zdarzenia
...podać w składni polecenia, czynności które mają zostać wykonane. Najczęściej stosuje się tutaj odwołanie do funkcji, określonej w innym miejscu strony (wewnątrz znacznika SCRIPT). Kurs języków skryptowych nie jest jednak tematem tego opracowania, dlatego nie podaję tutaj dokładniejszych informacji, ponieważ są one zbyt zawiłe. Można je za to bez trudu znaleźć w wielu miejscach w Internecie. Wystarczy wpisać w wyszukiwarce np. "JavaScript". Spis wszystkich zdarzeń generowanych przez...
- Komendy HTML 4.01 / BODY
...które zostały wybrane przez użytkownika (zdeprecjonowane) BACKGROUND="adres" Wskazuje adres obrazka, który będzie wstawiony sąsiadująco jako tło strony (zdeprecjonowane) BGCOLOR="kolor" Kolor tła (zdeprecjonowane) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może...
- Komendy HTML 4.01 / Deklaracja typu dokumentu
...W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> Aby wstawić deklarację typu dokumentu, należy na samym początku strony wpisać jedną z powyższych deklaracji, jako pierwszą linijkę w dokumencie - jeszcze przed znacznikiem otwierającym HTML [zobacz: Ramy dokumentu]. Podanie adresu wersji DTD (drugi przypadek w każdym z punktów), pozwala przeglądarce pobrać wersję DTD oraz wszystkie potrzebne zestawy znaków. O tym jak ważne jest wstawienie odpowiedniej...
- HTML5 / Nawigacja <nav>
<nav>...</nav> Reprezentuje sekcję strony, która zawiera odnośniki nawigacyjne do innych stron albo do określonych fragmentów na tej samej stronie. Nie wszystkie linki na stronie powinny być umieszczane w tym znaczniku. Został on przewidziany przede wszystkim do oznaczania nim podstawowej nawigacji witryny. Często w stopce serwisu znajdują się linki takie jak: kontakt, regulamin, prawa autorskie. Choć teoretycznie można je objąć znacznikiem NAV, zwykle bardziej właściwy do tego będzie element...
- HTML5 / Możliwy koniec linii <wbr>
...w szerokości okna. Jednak w niektórych warunkach przełamanie tekstu może nie być możliwe. Wtedy najczęściej pojawi się poziomy suwak do przewijania strony. Z takim przypadkiem możemy mieć do czynienia wewnątrz znacznika PRE, gdy zablokujemy zawijanie tekstu przy pomocy CSS albo gdy w długiej linijce nie umieścimy żadnego białego znaku (np. spacji) ani innego, po którym normalnie może nastąpić przełamanie wiersza. Znacznik WBR daje przeglądarce możliwość przełamania wiersza w tym miejscu...
- HTML5 / Otwierany panel <details, summary>
...jest na początku wyświetlić mu tylko podstawowe dane, a do szczegółów dać dostęp dopiero, kiedy zyskamy jego zainteresowanie konkretnym elementem strony. Do tej pory jedynym sposobem wstawienia takiego otwieranego panelu było użycie dynamicznych skryptów JavaScript. HTML5 pozwala to wykonać bez ich potrzeby. W stanie zamkniętym, przeglądarka zamiast treści wpisanej w znaczniku, wyświetla tylko nagłówek panelu z napisem podanym przez nas za pomocą elementu SUMMARY. Co ciekawe, możliwe jest...
- HTML5 / Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>
...niektórych czynności równolegle - np. ładowanie innych zasobów zewnętrznych osadzonych w dokumencie - a zablokować jedynie samo wyświetlanie strony (ang. render), dopóki kod skryptu nie zakończy swojego uruchomienia i nie wygeneruje dynamicznej treści na stronie: <script src="skrypt.js" async blocking="render"></script>
- HTML5 / Responsywny obrazek <picture, source>
...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. Wtedy wyświetlenie strony z ciężkimi zdjęciami może trwać bardzo długo. Rozwiązaniem 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...
- HTML5 / Uwierzytelnienie <audio crossorigin, img crossorigin, link crossorigin, script crossorigin, video crossorigin>
...takich jak ciasteczka (ang. cookies), które umożliwiają identyfikację użytkownika (np. kiedy się zaloguje) i personalizację zawartości bądź funkcji strony - np. na podstawie dokonanych przez niego wyborów konfiguracyjnych w serwisie.