link - Kurs HTML i CSS
Nagłówek i treść HTML / Strona kanoniczna <link "canonical">...jest przekazywany identyfikator sesji - np. index.php?PHPSESSID=0123456789abcdef0123456789abcdef lub index.php?sid=0123456789abcdef0123456789abcdef linki prowadzące do tej samej strony mają różną postać: jeśli domyślnym numerem strony artykułu będzie 1, to adres artykul.php?strona=1 może być równoważny artykul.php podobnie kolejność parametrów adresu URL, podawanych po pytajniku i rozdzielonych znakami "&", zwykle nie ma znaczenia, tzn. adres artykul.php?id=1&strona=1 zwykle jest równoważny...
- Nagłówek i treść HTML / Kanały informacyjne <link "rss, atom">
Kanał w formacie RSS <head> <link rel="alternate" title="Tytuł kanału" href="adres kanału" type="application/rss+xml"> </head> Kanał w formacie Atom <head> <link rel="alternate" title="Tytuł kanału" href="adres kanału" type="application/atom+xml"> </head> Tytuł kanału Nazwa kanału, która może pojawić się w przeglądarce przy jego subskrybowaniu adres kanału Ścieżka dostępu lub lokalizacja pliku z kanałem informacyjnym Kanał informacyjny to specjalny plik tekstowy w formacie XML...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
(interpretuje: Opera 87, Chrome 101) Obrazek: <img src="lokalizacja" fetchpriority="priorytet"> Zewnętrzny zasób: <link href="lokalizacja" 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...
Wstawianie stylów CSS / Alternatywny arkusz stylów <link "alternate stylesheet"><head> <link rel="stylesheet" href="style.css" title="Nazwa domyślna"> <link rel="alternate stylesheet" href="style1.css" title="Nazwa 1"> <link rel="alternate stylesheet" href="style2.css" title="Nazwa 2"> <link rel="alternate stylesheet" href="style3.css" title="Nazwa 3"> (...) </head> style.css Domyślny arkusz stylów, który zostanie wyświetlony na starcie. Nazwa domyślna Nazwa domyślnego stylu. style1.css, style2.css, style3.css Alternatywne arkusz stylów - żaden z nich nie...
- HTML5 / Uwierzytelnienie <audio crossorigin, img crossorigin, link crossorigin, script crossorigin, video crossorigin>
...crossorigin> Obrazek - wersja rozszerzona: <img src="lokalizacja" crossorigin="uwierzytelnienie"> Zewnętrzny zasób - wersja podstawowa: <link href="lokalizacja" crossorigin> Zewnętrzny zasób - wersja rozszerzona: <link href="lokalizacja" crossorigin="uwierzytelnienie"> Zewnętrzny skrypt JavaScript - wersja podstawowa: <script src="lokalizacja" crossorigin></script> Zewnętrzny skrypt JavaScript - wersja rozszerzona: <script src="lokalizacja...
- HTML5 / Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>
(interpretuje: Opera 91, Chrome 105) Zewnętrzny arkusz stylów CSS: <link rel="stylesheet" href="style.css" blocking="render"> Skrypt JavaScript: <script blocking="render"></script> Wewnętrzny arkusz stylów CSS: <style blocking="render">...</style> style.css Lokalizacja zewnętrznego arkusza stylów CSS Przeglądarka internetowa może wykonywać niektóre operacje równocześnie. Czasami mogłoby to jednak prowadzić do nieoczekiwanych rezultatów. Dlatego na przykład osadzenie zewnętrznego...
- Komendy HTML 4.01 / LINK
Odnośnik, określa powiązania dokumentu. Występuje tylko w sekcji HEAD. Zobacz więcej: 1, 2, 3, 4 Atrybuty: CHARSET="kodowanie" Określa sposób kodowania znaków zasobu, wyznaczonego przez odsyłacz 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 HREF="adres" Określa lokalizację zasobu sieciowego, do którego odnosi się odsyłacz...
Aktualizacja / System newsów...dashed, dotted, double, groove, ridge, inset, outset */ border-color: gray; /* kolor obramowania */ font-weight: bold; } .news dt, .news dt a:link, .news dt a:visited { background: silver; /* tło tytułu */ color: #505050; /* kolor tytułu */ text-decoration: none; } /* Treść */ .news dd { background: white; /* tło */ color: black; /* kolor tekstu */ font-size: 12px; /* rozmiar czcionki */ border-width: 1px; /* grubość obramowania */ border-style: solid; /* styl...
- Widżety HTML / Szablon strony bez ramek
...nawigacyjne, stopka itd. W każdym pliku podstrony trzeba za każdym razem powtórzyć te elementy. Wyobraź sobie teraz, że chcesz dodać do menu nowy link. Aby to zrobić, musisz otworzyć osobno każdy dokument i ręcznie dodać tam link. Oczywiście jest to ogromnie niewygodne, do tego stopnia, że po jakimś czasie można się wręcz zniechęcić do robienia jakichkolwiek aktualizacji serwisu 🙁 Rozwiązaniem tego problemu mogłyby być ramki lokalne (<iframe>...</iframe>). W takim przypadku teoretycznie...
- Skórki
...Następnie utwórz w swoim edytorze nowy dokument, wklej do niego poniższy kod i zapisz w pliku skin.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Skin(name, expires, path, message) { this.expires = typeof expires != 'undefined' ? expires : 365; this.message = typeof message != 'undefined' ? message : 'Wymagana obsługa cookie'; this.name = typeof name...