znaczniki semantyczne - Kurs HTML i CSS

...najbardziej "niedocenianych" znaczników. Tymczasem niosą ze sobą niezwykle ważne informacje. Komu to jest potrzebne? Z informacji niesionej przez znaczniki semantyczne korzystają zwykłe przeglądarki internetowe, wyróżniając je w specjalny, właściwy sobie sposób. Znaczniki semantyczne mają ogromne znaczenie dla syntezatorów mowy, czyli specjalnych przeglądarek, które odczytują treść stron WWW na głos. Używane są najczęściej przez osoby niewidome. Taka osoba nie zobaczy koloru czcionki i nie...

...bez dodatkowych interlinii. Przykładem są: pogrubienie (<b>), kursywa (<i>) oraz podkreślenie (<u>). Kluczowa rola semantyki W HTML rozróżniamy znaczniki formatujące i znaczniki semantyczne. Znaczniki formatujące (np. <b>) mają za zadanie tylko i wyłącznie zmienić wygląd tekstu. Znaczniki semantyczne, takie jak <strong> (wysoka ważność lub pilność) i <em> (emfaza, czyli szczególny nacisk), określają charakter (znaczenie) tekstu. To właśnie ta informacja, a nie sposób formatowania, jest...

...<aside>, <nav>, <section>. Znaczniki grupujące: <figure>, <figcaption>, <main>, <search>. Semantyka tekstu: <mark>, <time>, <wbr>. Kluczowe znaczniki sekcji: <section>: reprezentuje ogólną tematyczną grupę treści, często z nagłówkiem, porównywalną do rozdziału w książce. Jeśli chcemy przekazać dodatkowe znaczenie semantyczne, należy używać tego elementu zamiast <div>. <article>: samodzielna część dokumentu lub aplikacji, która potencjalnie mogłaby być opublikowana niezależnie od...

...Nie używaj pustych elementów (znaczników) Przeznaczeniem większości znaczników jest oznaczanie jakichś elementów. Tylko nielicznymi wyjątkami są znaczniki puste - jak np. img. Używanie znaczników niezgodnie z ich przeznaczeniem jest niepoprawne semantycznie. Jeśli potrzebujesz wprowadzić dodatkowy znacznik w celu odpowiedniego wystylizowania wyglądu, zamiast dodawać pusty element, obejmij nim ten fragment kodu źródłowego, któremu chcesz zmienić wygląd. Nie dodawaj na stronie tekstu tylko...

...na łączenie kilku sąsiadujących komórek w jedną większą. Połączona komórka rozciąga się na kilka komórek pojedynczych, eliminując tym samym zbędne znaczniki <td>. Łączenie poziome: atrybut colspan="x" (gdzie "x" to liczba scalanych komórek) dodawany jest do znaczników <td> lub <th> w celu połączenia komórek w poziomie. Łączenie pionowe: atrybut rowspan="y" dodawany jest do znaczników <td> lub <th> w celu połączenia komórek w pionie (w dół przez wiersze). Grupowanie wierszy, nagłówki i...

...Natomiast jako "wariant" należy wpisać: normal - czcionka normalna (podstawowa) sub - indeks dolny super - indeks górny W języku HTML istnieją znaczniki _... i ^... służące do tworzenia indeksów dolnych  i górnych w tekście. Co więcej w języku CSS mamy dodatkowo możliwość ustalania pozycji tekstu w pionie formatując nawet zwykły tekst w taki sposób, aby wyglądał jak indeks dolny lub górny: "vertical-align: sub" i "vertical-align: super". Jest jednak pewna wada obu...