type - Kurs HTML i CSS
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...
- Komendy HTML 4.01 / SCRIPT
Wstawia skrypt do dokumentu. Może się pojawić wielokrotnie wewnątrz HEAD oraz BODY. Skrypty mogą korzystać ze zdarzeń, wygenerowanych przez inne elementy. Jeśli skrypt nie został wykonany, to znacznik NOSCRIPT pozwala określić treść alternatywną. Atrybuty: CHARSET="kodowanie" Określa sposób kodowania znaków zasobu, wyznaczonego przez odnośnik DEFER Podaje, że skrypt niczego nie wyświetla LANGUAGE="język" Określa język skryptowy (zdeprecjonowane - należy używać atrybutu TYPE)...
- HTML5 / Napisy do filmów <track>
...do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku tekstowego z napisami (*.vtt) - na dysku lub adres URL do pliku w Internecie. Dodanie atrybutu default jest konieczne. Inaczej napisy mogą nie zostać...
Czcionki CSS / Czcionki osadzone @font-face...musiała się domyślać formatu na podstawie rozszerzenia nazwy pliku: @font-face { font-family: comic; src: url(http://adres/plik.ttf) format("truetype"); } Formaty czcionek Format Opis Rozszerzenie "truedoc-pfr" TrueDoc™ Portable Font Resource *.pfr "embedded-opentype" Embedded OpenType *.eot "type-1" PostScript™ Type 1 *.pfb, *.pfa "truetype" TrueType *.ttf "opentype" OpenType, włącznie z TrueType Open *.ttf "truetype-gx" TrueType z rozszerzeniem GX ...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
Spis treści <form enctype accept-charset> Forma odszyfrowana <form enctype> Usunięcie polskich znaków z formularza Strona kodowa formularza <form accept-charset> Forma odszyfrowana <form enctype> <form action="..." enctype="text/plain">...</form> Formularze są wysyłane w formie zakodowanej, np. możesz otrzymać coś takiego...
- Selektory pseudoklas CSS / Blokada :disabled :enabled
...stylów: input:disabled { border: 1px solid blue } input:enabled { border: 1px solid red } a w dowolnym miejscu strony: <form action="?"> <input type="text" value="Zablokowane" disabled> <input type="text" value="Odblokowane"> </form> otrzymamy dwie tekstowe kontrolki formularza - pierwsza z niebieskim obramowaniem (zablokowana), a druga z czerwonym (odblokowana):
- Tryb Quirks / X-UA-Compatible
...alt="..."> nie wyświetla się już w "dymku" narzędziowym (co było nieprawidłowe) - jak w przypadku title="..." Domyślną wartością atrybutu <button type="...">...</button> jest "submit", a nie jak wcześniej - "button", tzn. jeśli wstawimy przycisk bez tego atrybutu, będzie on wysyłał formularz CSS Przy deklarowaniu alternatywnych arkuszy stylów zapis rel="alternate stylesheet" jest równoważny rel="stylesheet alternate". Własność display - uzupełniona obsługa wartości: table...
- Selektory pseudoklas CSS / Tylko do odczytu :read-only :read-write
...stylów: input:read-only { border: 1px solid blue } input:read-write { border: 1px solid red } a w dowolnym miejscu strony: <form action="?"> <input type="text" value="Tylko do odczytu" readonly> <input type="text" value="Do odczytu i do zapisu"> </form> otrzymamy dwie tekstowe kontrolki formularza - pierwsza z niebieskim obramowaniem (zablokowana), a druga z czerwonym (odblokowana):
- HTML5 / Przestarzałe elementy i atrybuty HTML5
...należy używać znacznika UL Przestarzałe znaczniki XHTML5 NOSCRIPT - nie może być używany w języku XHTML5 w przypadku serwowania dokumentu z typem MIME "application/xhtml+xml"; element został wycofany w składni XML, ponieważ parser HTML odczytuje go jako czysty tekst (inaczej do dokumentu załadowałyby się np. objęte nim arkusze CSS, nawet jeżeli przeglądarka obsługuje skrypty), co nie jest możliwe w języku XML Przestarzałe atrybuty przestarzałe atrybuty dla elementów rev...
- Komendy CSS3 / Maskowanie CSS
...mask-border-source mask-border-width mask-clip mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size mask-type clip Obcinanie Wartość rect() | auto Inicjalizacja auto Zastosowanie elementy pozycjonowane absolutnie Dziedziczenie nie Procenty nie Media visual clip-path Kształt obcinania Wartość <clip-source> | [ <basic-shape> || <geometry-box> ] | none Inicjalizacja none Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie...