html lang - Kurs HTML i CSS
Selektory pseudoelementów CSS / Cudzysłowy {quotes}...Źródło: Cascading Style Sheets, Level 2 Przykład {quotes, content: open-quote close-quote} Cytaty w języku polskim można oznaczać następująco: q:lang(pl) { quotes: "\201E" "\201D" "\00BB" "\00AB" } q:before { content: open-quote } q:after { content: close-quote } To jest akapit w języku polskim (pl). Ferdynand Wspaniały powiedział: Słyszałem, jak Bill G. mówił: Przeglądarka Chrome 10 tego nie wyświetli... i miał rację 😉 albo (rzadziej spotykane): q:lang(pl) { quotes: "\201E" "\201D...
Komendy HTML 4.01 / HTMLGłówny (nadrzędny) element dokumentu. Zawiera wewnątrz wszystkie inne znaczniki. Zobacz więcej... Atrybuty: DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) VERSION="wersja" Wersja DTD (niezalecene - należy używać deklaracji typu dokumentu, np.: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> ) Znacznik otwierający: opcjonalny Znacznik zamykający...
- Selektory CSS
...atr" jest listą oddzielonych spacjami wartości, a jedna z nich ma dokładnie wartość "wart" Selektor atrybutu zawierającego określony wyraz 2 E[lang|="en"] element E, którego atrybut "lang" ma rozdzieloną łącznikami listę wartości, zaczynającą się (z lewej strony) od "en" Selektor atrybutu zawierającego łączniki 2 E[atr^="wart"] element E, którego wartość atrybutu "atr" rozpoczyna się dokładnie od "wart" Selektor atrybutu o wartości rozpoczynającej się od... 3 E[atr$="wart"]...
- Media CSS / Wybór medium @media
...Podanie medium docelowego wewnątrz języka dokumentu (atrybut "media" elementu LINK precyzujący włączenie zewnętrznego arkusza stylów): <!doctype html> <html lang="pl"> <head> <title>Odnośnik do medium docelowego</title> <link rel="stylesheet" media="print, handheld" href="arkusz.css"> </head> <body> <p>Ciało dokumentu...</p> </body> </html> Podanie medium docelowego wewnątrz języka dokumentu (atrybut "media" elementu STYLE precyzujący włączenie...
- XHTML / Różnice między HTML 4 a XHTML 1.0
...<?xml-stylesheet href="zewnetrzny.css" type="text/css"?> <?xml-stylesheet href="#internalStyle" type="text/css"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl"> <head> <title>Przykład wewnętrznego arkusza CSS</title> <style type="text/css" id="internalStyle"> code { color: green; font-family: monospace; font-weight: bold; } </style> </head>...
- Selektory atrybutów CSS / Prosty selektor atrybutu
...nie będzie czerwony. Dozwolone jest podanie kilku atrybutów. Wtedy element musi posiadać wszystkie z nich, aby otrzymał formatowanie: p[title][lang] { color: red } To jest akapit z atrybutem TITLE oraz LANG (powinien być czerwony). To jest akapit tylko z atrybutem TITLE (nie powinien być czerwony).
- HTML5 / Główna treść <main>
...nie może być również umieszczony - bezpośrednio lub pośrednio - wewnątrz znaczników innych niż: HTML, BODY, DIV, FORM. Przykład <main> <!doctype html> <html lang="pl"> <head> <meta charset="utf-8"> <title>Matrix - Serwis kinomaniaków</title> <head> <body> <header> Serwis kinomaniaków <nav> <ul> <li><a>Matrix</a></li> <li><a href="incepcja.html">Incepcja</a></li> <li><a href="trzynaste-pietro.html">Trzynaste piętro</a></li> </ul> </nav> </header>...
- Tekst HTML / Skrót <abbr>
...pełną formę skrótu przy użyciu atrybutu title="...". Dodatkowo, jeżeli jest to nazwa obcojęzyczna, dobrze jest to oznaczyć, za pomocą atrybutu lang="..." [zobacz: Języki]. Przykład <abbr> <abbr title="profesor">prof.</abbr> <abbr lang="en" title="World Wide Web">WWW</abbr> prof. WWW
- HTML5 / Napisy do filmów <track>
...znacznika <track> dla tego samego materiału wideo. Mogą to być tłumaczenia napisów na różne języki. W takim przypadku pomocny jest atrybut srclang="...", w którym podajemy nazwę kodową języka (zobacz: Skróty nazw języków). Oprócz tego zaleca się również podanie atrybutu label="...", którego wartość może być wyświetlona w odtwarzaczu wideo, aby użytkownik mógł samodzielnie wybrać najbardziej odpowiadające mu napisy. Możemy jednak również chcieć dostarczyć specjalne napisy dla osób...
- Tryb Quirks / X-UA-Compatible
...uzupełniona obsługa wartości: pre-line, pre-wrap Obsługa selektorów pseudoelementów: :after, :before Obsługa selektorów pseudoklas: :focus, :lang(...) Dodana pełna obsługa własności: border-spacing, caption-side, content, counter-increment, counter-reset, empty-cells, orphans, outline, outline-color, outline-style, outline-width, page-break-inside, quotes, widows Źródło: CSS Improvements in Internet Explorer 8 Inne przydatne artykuły: CSS Compatibility and Internet Explorer