Co to są znaczniki? - Kurs HTML i CSS
HTML5 / Filmy i dźwięk <video, audio, source>...(width="...") i wysokość (height="...") ma film, który będzie załadowany do odtwarzacza VIDEO. Formaty audio/wideo Wprowadzając w HTML5 nowe znaczniki AUDIO i VIDEO początkowo starano się również rozwiązać problemy z różnorodnością formatów plików muzycznych i filmowych. W samej wielości formatów nie byłoby nic złego, gdyby wszystkie przeglądarki potrafiły je obsłużyć. Niestety tak nie jest. Do tego dochodzą kwestie związane z patentami i licencjonowaniem. W praktyce aby mieć pewność...
- HTML5 / Napisy do filmów <track>
...krawędzi lr - napis przy prawej krawędzi Dialogi W celu oznaczenia dialogu/cytatu, odpowiednią linijkę w napisach należy poprzedzić specjalnym znacznikiem, w którym podaje się osobę, która ją wypowiada: WEBVTT 00:00:05.000 --> 00:00:10.000 <v nauczyciel>- Ile to jest 2x2? <v uczeń>- Poproszę o inny zestaw pytań. Formatowanie tekstu Do tekstu napisów można wprowadzać nawet podstawowe formatowanie tekstu. Obsługiwane są następujące znaczniki HTML: B, I, U. Aby wstawić do napisu znak...
Selektory specjalne / Klasy selektorów <... class>...się elementy mające takie samo formatowanie, a dodatkowo nie można dla nich posłużyć się selektorem typu, ponieważ na stronie znajdują się inne znaczniki tego samego rodzaju co wybrany element, ale nie chcemy, aby i one otrzymały takie samo formatowanie. Wtedy np. w zewnętrznym arkuszu stylów umieszczamy deklarację klasy, a następnie na stronach wstawiamy atrybut class="klasa" tylko dla wybranych znaczników. Dzięki temu inne znaczniki tego samego typu zachowają swoje oryginalne...
- Wykazy / Niestandardowy typ stylu wykazu @counter-style
...Firefox 35) selektor { list-style-type: symbols(symbole) } lub selektor { list-style-type: symbols(algorytm symbole) } Selektorem mogą być znaczniki dotyczące wykazów: ul - wypunktowanie, ol - wykaz numerowany oraz li - pojedynczy punkt wykazu [zobacz: Wstawianie stylów]. W przypadku definiowania anonimowego typu stylu wykazu każdy element listy symbolów musi być zawsze ujęty w cudzysłowy ("...") albo apostrofy ('...') - nawet kiedy spełnia format niestandardowego identyfiaktora...
- Komendy CSS 2 / marks
WARTOŚĆ [ crop || cross ] | none | inherit OPIS Znaczniki strony (po wydrukowaniu) INICJALIZACJA none ZASTOSOWANIE kontekst strony DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged
- Dobre praktyki / Przykazania webmastera
...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...
Galeria zdjęć HTML / Skrypt galerii zdjęć...{ var items = data[key]; new Gallery(new GalleryModel(items), new GalleryView(items)).start(); }); })(); Następnie na stronie wstaw znaczniki odnośników i obrazków - podobnie jak się to robi w klasycznej galerii zdjęć. Jedyną zmianą, którą musisz dodatkowo zrobić, to do znaczników odsyłaczy z powiększonymi zdjęciami dodaj atrybut data-gallery. Na przykład: <a data-gallery href="zdjecie1.jpg"><img src="miniatura1.jpg" border="0"></a> <a data-gallery href="zdjecie2.jpg"><img...
- Menu drzewiaste / Skrypt menu drzewiastego
...z tym, co wpisano jako wartość atrybutu id="..." na początku menu! UWAGA! Wewnątrz wszystkich znaczników <li>...</li> muszą znajdować się znaczniki odsyłaczy, czyli: <a>...</a>. Odsyłacze znajdujące się w węzłach menu (czyli tworzące otwierane i zamykane foldery) nie powinny posiadać atrybutu href="...". Alternatywnie można wpisać tam href="javascript:void(0)". W jednym dokumencie nie może być dwóch elementów z takim samym atrybutem id="...". Dlatego jeżeli chcemy wstawić drugie...
- Nagłówek i treść / Wstęp
...Polecenie BODY powinno wchodzić w skład każdego dokumentu HTML. Stanowi ono właściwą treść, czyli tzw. ciało, w którym zawierają się wszystkie inne znaczniki, dotyczące formatowania, a także zwykły tekst. W jednym dokumencie może się znajdować tylko jeden znacznik <body> - zaraz po nagłówku strony (<head>...</head>). Natomiast znacznik <meta> stanowi tzw. metainformację, pozwalającą określić pewne ogólne wiadomości dotyczące dokumentu, m.in. sposób kodowania znaków, opis zawartości strony...
- Nagłówek i treść / Język strony <html lang, link hreflang>
...muszą wskazywać na siebie nawzajem. W przeciwnym razie powiązania między nimi mogą zostać zignorowane. Oznacza to, że gdyby w powyższym przykładzie znaczniki <link hreflang> znajdowały się tylko na stronie https://www.example.com/pl/index.html, to dokument pod adresem https://www.example.com/en/index.html nie zostanie uznany za inną wersję językową tej strony. Domyślna wersja językowa <head> <link rel="alternate" hreflang="x-default" href="adres"> </head> Zapewne nie uda Ci się...