dokument - Kurs HTML i CSS
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?...MSIE własność padding nie miała zastosowania do znacznika <img>. W trybie Quirks element body odzwierciedla przestrzeń, w której jest wyświetlany dokument. Szerokość tego elementu była zawsze równa szerokości okna przeglądarki. Marginesy ustalone dla body były ustawiane wewnątrz ramki i suwaków okna. W trybie zgodności ze standardami element body może uzyskać określony rozmiar poprzez jego zawartość albo bezpośrednie ustalenie - zachowuje się analogicznie jak np. element div. W tym trybie...
- Dobre praktyki / Przykazania webmastera
...znacznikami fieldset, a nie div Tam gdzie to tylko możliwe, używaj znaczników, które najbardziej szczegółowo oddają znaczenie elementów W dokumentach używaj tylko tyle znaczników i atrybutów, ile faktycznie jest niezbędne Nie używaj pustych elementów (znaczników) Nie dodawaj na stronie tekstu tylko po to, żeby go ukryć bez żadnego zamiennika Staraj się używać identyfikatorów tylko dla elementów szkieletu strony oraz etykiet odsyłaczy Nie używaj znaczników br do tworzenia...
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...otwieranego, wysuwanego Aby wstawić na swoją stronę menu rozwijane, postępuj według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku menu.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Menu(id, style, otworz, wysun, czasRozwin, czasZwin, czasOtworz, czasZamknij, nieInicjalizuj) { if (typeof czasRozwin...
Nagłówek i treść HTML / Skalowanie strony <meta "viewport">...w nagłówku strony powinniśmy wstawić następujące polecenie: <meta name="viewport" content="width=device-width, initial-scale=1"> Dzięki temu dokument HTML zostanie wyświetlony w taki sposób, aby nie wymagał od użytkownika dalszego powiększania. W przeciwnym razie przeglądarka mobilna starałaby się wyświetlić stronę w rozdzielczości typowej dla przeglądarek używanych na standardowych komputerach, co zwykle oznaczałoby zdecydowanie zbyt mały rozmiar tekstu, aby nadawał się do wygodnego...
- Skórki
...jak najbardziej efektowna zmiana wyglądu, konieczne jest, aby serwis został zaprojektowany zgodnie z zasadą rozdzielenie struktury i prezentacji dokumentów. To oznacza m.in., że powinno się unikać znaczników i atrybutów formatujących takich jak <font color="...">...</font>, a także stylów inline, czyli atrybutu style="...". Dobrze jest zdefiniować odpowiedni zestaw klas CSS. Trzeba sobie uzmysłowić, że wszystko co będziemy mogli zmienić w nowej skórce, ogranicza się do zewnętrznego arkusza...
- Nagłówek i treść HTML / Strona kanoniczna <link "canonical">
...URL: specjalna wersja serwisu przystosowana dla urządzeń mobilnych (smartfony, tablety itp.) osobne wersje artykułów przeznaczone do wydruku dokumenty zawierające tę samą listę pozycji (produktów, wyników wyszukiwania, artykułów itp.), a jedynie posortowanych w inny sposób - np. artykuly.php?sortuj=data i artykuly.php?sortuj=alfabet obszary witryny wymagające zalogowania użytkownika, kiedy w adresie jest przekazywany identyfikator sesji - np...
- Widżety HTML / Ostrzeżenie przed ramką
...sytuacjom, można na każdej stronie, która ma zostać wyświetlona wewnątrz ramki, wstawić bezpośrednio po znaczniku otwierającym BODY [zobacz: Ramy dokumentu] następujący kod: <script> if (self == parent) document.write('<div align="center"><b>UWAGA!</b> To jest tylko ramka - wróć do <a href="index.html"><b>STRONY GŁÓWNEJ</b></a></div><hr><br><br>'); </script> gdzie w miejsce tekstu "index.html" należy podać lokalizację na dysku, gdzie znajduje się strona startowa. W efekcie, jeśli...
- Widżety HTML / Ramki lokalne <iframe>
...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 kolor tła strony, na której wstawiona jest ramka. Pomiędzy znacznikiem otwierającym <iframe...> a zamykającym </iframe> można umieścić dowolny kod, który wyświetli się tylko w sytuacji, jeśli przeglądarka nie...
- Formularze HTML / Hasło <input "password">
...strony, która jest jednocześnie hasłem. Plik "index.html" może być nawet pusty - ważne jest, żeby się znajdował w tym samym katalogu co tajny dokument!
- Komendy HTML 4.01 / A
...itd.) NAME="nazwa" Wprowadza nazwę, która może być celem innego odsyłacza (unikalną w dokumencie) REL="typ" Opisuje relacje pomiędzy bieżącym dokumentem a kotwicą wyszczególnioną przez atrybut HREF (rozdzielona spacjami lista typów odsyłaczy): alternate - wyznacza zastępczą wersję dokumentu appendix - dodatek w kolekcji dokumentów bookmark - zakładka chapter - rozdział w kolekcji dokumentów contents - spis treści copyright - prawa autorskie glossary - słownik help - odnosi się...