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ł: Internet Explorer 7.0 tego nie wyświetli... i miał rację 😉 albo (rzadziej spotykane): q:lang(pl) { quotes: "\201E" "\201D...
- 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...
Komendy HTML 4.01 / Wykaz atrybutów...IMG, OBJECT Wysokość height TD, TH Wysokość komórki href A, AREA, LINK Adres powiązanego zasobu href BASE Adres bazowy hreflang A, LINK Kod języka hspace APPLET, IMG, OBJECT Poziomy odstęp http-equiv META Informacja nagłówkowa id Wszystkie elementy oprócz BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE Identyfikator unikalny w dokumencie ismap IMG, INPUT Użyj mapy odnośników po stronie serwera label OPTGROUP (wymagany) Do użytku w...
- 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).
- 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
- 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>...
- 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>...
- 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
- Znaki specjalne HTML / Symbole
...rfloor; Right floor Liczba całkowita, która jest mniejsza lub równa z prawej strony (w IE6 i Operze 7.5 tylko czcionka Unicode) ⌋ 〈 ⟨ Left-pointing angle bracket (bra) Lewy ostrokątny nawias (nie interpretuje IE6 ani Opera 7.5) 〈 〉 ⟩ Right-pointing angle bracket (ket) Prawy ostrokątny nawias (nie interpretuje IE6 ani Opera 7.5) 〉 Geometryczne ◊ ◊ Lozenge Romb ◊ ♠ ♠ Black spade suit Symbol pik ♠ ♣ &clubs...