content - Kurs HTML i CSS
Komendy CSS3 / Układ elastyczny CSSŹródło: CSS Flexible Box Layout Module Level 1 Spis treści align-content align-items align-self flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap justify-content order align-content Wyrównanie wierszy Wartość flex-start | flex-end | center | space-between | space-around | stretch Inicjalizacja stretch Zastosowanie kontener elastyczny, którego elementy zostały ułożone w wielu wierszach Dziedziczenie nie Procenty nie align-items Wspólne...
XHTML / Wymagania stawiane dokumentom XHTML...kompatybilności wstecz powinno się dodać w nagłówku dokumentu również tradycyjną deklarację strony kodowej, np.: <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
- Nagłówek i treść HTML / Opis zawartości strony <meta "description">
<head> <meta name="description" content="Tu podaj opis twojej strony"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono opisać co znajduje się na Twojej stronie. Z informacji tej korzystają wyszukiwarki sieciowe, dlatego staraj się tutaj wpisać tekst, który jak najlepiej opisze zawartość strony i zachęci do jej odwiedzenia. Ciekawy, ale niezbyt długi, opis może zachęcić internautów do obejrzenia Twojej strony. Znacznik <meta name="description"> nie ma...
- XHTML / Typy MIME dokumentów XHTML
...require_once dirname(__FILE__)."/$DTD.inc.php"; echo "\n"; if ($MIME == 'text/html') { echo "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=$CHARSET\" />\n"; foreach ($CSS as $css) echo "<link rel=\"stylesheet\" href=\"".$css[0]."\" type=\"text/css\"".(empty($css[1]) ? "" : " media=\"".$css[1]."\"")." />\n"; } ?> W tym samym katalogu (mime) utwórz następujące pliki: XHTML 1.1.inc.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN...
- Marginesy CSS / Wymiarowanie pudełka {box-sizing}
...Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rodzaj" należy podać: content-box Wymiarowanie zgodne z modelem pudełkowym border-box Wymiarowanie zgodne z trybem Quirks Bardzo stare przeglądarki (w zamierzchłych czasach MSIE 5) nie potrafiły wymiarować bloków zgodnie ze specyfikacją CSS. Sytuacja ta już dawno uległa poprawie, jednak w celu zachowania kompatybilności wstecz, niektórzy producenci przeglądarek...
- HTML dla zielonych / Gotowiec HTML
...charset="utf-8"> (zobacz: Ramy dokumentu). Brak podobnej linijki w nagłówku strony albo istniejące wpisy typu: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> są poważnym błędem, który spowoduje niepoprawne wyświetlanie polskich znaków w przeglądarce!
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
<head> <meta name="keywords" content="wyraz1, wyraz2, wyraz3..."> </head> gdzie "wyraz1, wyraz2, wyraz3..." oznaczają wyrazy, które należy rozdzielać przecinkami. Można oczywiście podać więcej niż trzy wyrazy (w miejsce kropek). Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala Ci ono podać wyrazy kluczowe, z których mogą korzystać wyszukiwarki sieciowe. Dlatego staraj się tutaj wpisać wyrazy, które jak najlepiej opiszą zawartość Twojej strony. Dobrze dobrane słowa...
- Nagłówek i treść HTML / Autor strony <meta "author", link "author">
...link "author"> Autor dokumentu <meta "author"> Strona autora <link "author"> Autor dokumentu <meta "author"> <head> <meta name="author" content="Tu wpisz swoje imię i nazwisko"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono podać informację o fizycznej osobie będącej autorem strony. Strona autora <link "author"> <head> <link rel="author" href="lokalizacja"> </head> gdzie jako lokalizacja należy podać jedną z następujących wartości...
- Nagłówek i treść HTML / Automatyczne odświeżanie strony <meta "refresh">
<head> <meta http-equiv="refresh" content="s"> </head> gdzie jako "s" należy podać liczbę, określającą co jaki przedział czasu (w sekundach) będzie odświeżana strona, czyli ponownie wczytywana. Polecenie to pozwala na automatyczne odświeżanie strony, co pewien określony przedział czasu (podany w sekundach). Powinno być wstawione w treści nagłówkowej dokumentu - między znacznikami: <head> oraz </head>. Nie należy przesadzać z odświeżaniem strony, ponieważ irytuje to użytkowników, a nawet...
- Nagłówek i treść HTML / Automatyczne wczytanie strony <meta "url">
<head> <meta http-equiv="refresh" content="s; url=Tu podaj adres strony lub ścieżkę dostępu"> </head> s Czas, po którym zostanie załadowana podana strona (w sekundach) Tu podaj adres strony lub ścieżkę dostępu Adres lub ścieżkę dostępu do strony, która ma być wczytana Polecenie to pozwala na automatyczne wczytanie podanej strony. Załadowanie nastąpi po określonym przez nas czasie (podanym w sekundach). Powinno być wstawione w treści nagłówkowej dokumentu. Polecenie to jest często...