meta - Kurs HTML i CSS
Nagłówek i treść HTML / Skalowanie strony <meta "viewport"><head> <meta name="viewport" content="parametr1=wartość1, parametr2=wartość2..."> </head> gdzie jako "parametr1=wartość1, parametr2=wartość2..." należy podać rozdzieloną przecinkami listę parametrów wraz z przypisanymi im wartościami: width Określa początkową szerokość obszaru wyświetlania przeglądarki. Może być określona bezpośrednio w pikselach albo za pomocą specjalnego słowa kluczowego device-width, które oznacza pełną szerokość obszaru wyświetlania. height Określa początkową wysokość...
- Komendy HTML 4.01 / META
Informacje profilowe dokumentu (właściwości). Zobacz więcej... Atrybuty: CONTENT="wartość" Wartość własności DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej HTTP-EQUIV="nazwa" Informacja nagłówkowa (może być używana w zamian NAME) LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NAME="nazwa" Identyfikuje nazwę własności SCHEME="schemat" Schemat interpretacji własności Znacznik otwierający...
- Komendy HTML 4.01 / Wykaz atrybutów
...skryptów name INPUT, OBJECT Wysyłane wewnątrz formularza name MAP (wymagany) Do odwołania przez 'usemap' name META Nawa informacji meta name PARAM (wymagany) Nazwa własności name SELECT Nazwa pola nohref AREA Ten obszar nie ma przypisanej akcji noresize FRAME Nie pozwala użytkownikom zmieniać rozmiaru ramki noshade HR Pozioma linia pozbawiona cienia nowrap TD, TH Blokada zawijania tekstu object APPLET Plik zasobów onblur A, AREA, BUTTON...
Tryb Quirks / X-UA-Compatible...Compatibility View (kompatybilnym z MSIE 7), aż nie zdołamy wszystkiego poprawić. Można to zrealizować za pomocą specjalnego znacznika META: <meta http-equiv="X-UA-Compatible" content="IE=wersja"> gdzie zamiast wersja można wpisać: EmulateIE8 "Quirks Mode" lub "Standards Compliance" - w zależności od użytego DTD (domyślnie) EmulateIE7 "Quirks Mode" lub "Compatibility View" - w zależności od użytego DTD 8 Zawsze "Standards Compliance" bez względu na DTD 7 Zawsze "Compatibility View...
- Nagłówek i treść HTML / Struktura dokumentu HTML
Znaczniki <body>...</body> oraz <meta> określają pewne informacje na temat strony jako całości. Polecenie BODY powinno wchodzić w skład każdego dokumentu HTML. Stanowi ono właściwą treść, czyli tzw. ciało, w którym zawierają się wszystkie inne znaczniki, dotyczące formatowania, a także zwykły tekst. W jednym dokumencie może się znajdować tylko jeden znacznik <body> - zaraz po nagłówku strony (<head>...</head>). Natomiast znacznik <meta> stanowi tzw. metainformację, pozwalającą określić pewne...
- Widżety HTML / Szablon strony bez ramek
...fragmenty w postaci nagłówka oraz stopki szablonu. Na przykład, jeśli Twoja strona główna wygląda tak: <!doctype html> <html lang="pl"> <head> <meta charset="utf-8"> <title>Tytuł strony</title> </head> <body> <ul> <li><a href="...">Link</a></li> <li><a href="...">Link</a></li> <li><a href="...">Link</a></li> </ul> Właściwa zawartość strony... </body> </html> Kolorem czerwonym zaznaczono nagłówek szablonu (jak widać nie jest to wprost odpowiednik nagłówka dokumentu...
- HTML5 / Załącznik <figure, figcaption>
...kodowej dokumentu. Na <a href="#listing1">przykładzie 1</a> możemy się przekonać, jak to zrobić.</p> <figure id="listing1"> <pre><code> <meta charset="UTF-8"> </code></pre> </figure> <p>Krótszą formę ma również deklaracja typu dokumentu.</p> Warto zwrócić uwagę, że gdyby tekst akapitu był sformułowany w inny sposób, użycie znacznika FIGURE mogłoby być raczej niewłaściwe: <p>Język HTML5 upraszcza deklarowanie strony kodowej dokumentu. Aby to zrobić, wystarczy posłużyć się...
- HTML5 / Kategorie elementów HTML5
...wspólne wymagania. Niektóre elementy mają unikalne wymagania i nie mieszczą się w żadnej szczególnej kategorii. Kategoria Opis Elementy metadane (ang. metadata content) Definiuje sposób prezentacji lub zachowania reszty zawartości, albo określają relacje dokumentu z innymi dokumentami, bądź przekazują inne informacje "poza głównym torem" (np. techniczne lub strukturalne dane o dokumencie). BASE, LINK, META, NOSCRIPT, SCRIPT, STYLE, TEMPLATE, TITLE przepływowe (ang. flow...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanegoJeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
- HTML dla zielonych / Gotowiec HTML
...jeśli korzystasz z obcojęzycznych szablonów, należy sprawdzić sposób kodowania znaków. W nagłówku każdej strony HTML musi znajdować się linijka: <meta 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!