Co to są znaczniki? - Kurs HTML i CSS
Nagłówek i treść / Tytuł strony <title>...ten sam fragment z nazwą serwisu, ale oprócz tego każdy dokument powinien zawierać dalszą część tytułu, opisującą jego zawartość. Tytuł strony jest znacznikiem obowiązkowym. Pominięcie go stanowi błąd! Ponadto treść tytułu nie może zawierać żadnych znaczników. Pytania i odpowiedzi <title> Co to jest tytuł strony? Tytuł strony to tekst, który zwykle pojawia się na karcie przeglądarki ze stroną oraz w wynikach wyszukiwania np. Google. Gdzie można umieścić <title>? Znaczniki...
- Tekst / Indeks górny i dolny <sup, sub>
...wystarczy umieścić wybrany fragment tekstu wewnątrz znacznika <sub>...</sub>. Jak zrobić indeks górny i dolny jednocześnie? Jeśli wstawimy znaczniki indeksu górnego i dolnego bezpośrednio po sobie, to ten drugi w kolejności wyświetli się przesunięty w prawo. Aby ustawić indeks górny i dolny równo ponad sobą w jednej pionowej linii, można się posłużyć następującym kodem: A<span style="display: inline-block; line-height: 0.5"><sup style="display: block">1</sup><sub>2</sub></span>.
- Tekst / Tekst preformatowany <pre>
...w długich linijkach ciężko się czyta, ponieważ trzeba często przewijać stronę na boki. Aby tego uniknąć można w odpowiednich miejscach wstawić znaczniki WBR. Przykład <pre> Ten tekst jest preformatowny dlatego możemy używać tabulatora, dodatkowych spacji oraz znaków końca linii.
- Tekst / Blokada indeksowania fragmentów treści <... data-nosnippet>
...tylko tych fragmentów treści, których nie chcemy widzieć w wynikach wyszukiwania. Aby to zrobić wystarczy objąć taki fragment zawartości strony znacznikiem DIV, SPAN lub SECTION ze specjalnym atrybutem logicznym (bez wartości): data-nosnippet. Znaczniki DIV i SPAN różnią się między sobą sposobem wyświetlania. Natomiast SECTION jest nowym elementem wprowadzonym w HTML5. Zwracam uwagę, że wyszukiwarka Google obsługuje atrybut data-nosnippet wyłącznie w przypadku wymienionych elementów...
- Tekst / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
Spis treści <h1, h2, h3, h4, h5, h6> Tytuł nagłówka <h1, h2, h3, h4, h5, h6> Prawidłowa kolejność tytułów Dymek narzędziowy <h1 title, h2 title, h3 title, h4 title, h5 title, h6 title> Tytuł nagłówka <h1, h2, h3, h4, h5, h6> Tytuł pierwszego poziomu (główny) <h1>...</h1> Tytuł drugiego poziomu (sekcji) <h2>...</h2> Tytuł trzeciego poziomu (podsekcji) <h3>...</h3> Tytuł czwartego poziomu <h4>...</h4> Tytuł piątego poziomu <h5>...</h5> Tytuł szóstego poziomu (najniższej podsekcji)...
- Formularze / Przycisk <button>
...type="button" value="napis">. Jednak pozwala ono dodatkowo, wprowadzić do przycisku grafikę, tabelkę i inne elementy - wystarczy umieścić dodatkowe znaczniki pomiędzy <button> a </button> (w miejsce treści przycisku). Można również dowolnie formatować tekst, np. wprowadzając pogrubienie, pochylenie i inne. W przypadku zastosowania type="button" na ekranie pojawi się przycisk, po kliknięciu którego nie nastąpi żadna akcja. Aby to zmienić, należy przechwycić wygenerowane zdarzenie onclick...
- Tekst / Zagnieżdżanie wykazów
...zagnieżdżenia aktualnie jesteśmy. Dlatego polecam używanie takiego sposobu wpisywania. Dobrze jest również na samym początku zamykać wszystkie znaczniki <ul>, <ol> oraz <li> (większość edytorów HTML i tak robi to automatycznie), a dopiero potem wpisywać do nich wykazy podrzędne. Dzięki temu unikniemy błędnego wyświetlania, spowodowanego zapomnieniem zamknięcia znacznika. Kod wykazów podrzędnych wpisuje się wewnątrz znacznika <li>...</li> wybranego punku wykazu nadrzędnego. Pomiędzy...
- XHTML / Czy HTML umarł?
...HTML to już przeszłość. Na szczęście niezupełnie jest to prawdą. Język XHTML opiera się na specyfikacji HTML 4.01, tzn. definiuje dokładnie te same znaczniki, atrybuty i sposoby budowania dokumentów. Jednak wprowadza przy tym pewne obostrzenia, które pozwalają dostosować składnię do języka XML, który od jakiegoś czasu wyznacza trendy rozwoju aplikacji przenośnych. Zatem zdobyta wcześniej wiedza o języku HTML nie pójdzie na marne i nie musisz się uczyć wszystkiego od nowa. Aby pisać dokumenty...
- XHTML / Różnice między XHTML 1.0 Strict a XHTML 1.1
...krótkich wstawek obok bazowego tekstu, używanych zwykle w dokumentach wschodnioazjatyckich do wskazania wymowy lub wstawienia krótkiej adnotacji (znaczniki: ruby, rbc, rtc, rb, rt, rp). Źródło: XHTML 1.1 - Module-based XHTML
- Tekst / Komentarz HTML
...przez przeglądarkę, ale może przechowywać ważne informacje dla autora strony (np. prawa autorskie). Oczywiście wewnątrz komentarza zwykłe znaczniki nie są interpretowane (chociaż można je tam wpisać). Komentarz może być wieloliniowy tzn., że może ciągnąć się przez wiele linijek, np.: <!-- Ten tekst zostanie zignorowany przez przeglądarkę --> Komentarzy nie można zagnieżdżać (umieszczać jeden wewnątrz drugiego), tzn. niedozwolona jest konstrukcja: <!-- zewnętrzny <!-- komentarz...