znacznik - Kurs HTML i CSS
HTML5 / Wyszukiwarka <search><search>...</search> Element ten pozwala semantycznie wskazać, że objęty nim fragment kodu HTML stanowi formularz wyszukiwania. Może to być na przykład: formularz wyszukiwania w aktualnym serwisie mechanizm filtrowania danych w bieżącym dokumencie wyszukiwarka w całym Internecie Elementem tym powinien być objęty tylko sam formularz, a nie wyniki wyszukiwania. Znacznik SEARCH nie tworzy samoczynnie wyszukiwarki, a jedynie wskazuje miejsce na stronie, gdzie się znajduje jej formularz. Do...
Tekst CSS / Orientacja tekstu {text-orientation}...raczej bez żadnych znaków interpunkcyjnych. Teoretycznie taki sam efekt moglibyśmy uzyskać, jeśli po każdym znaku tekstu po prostu wstawilibyśmy znacznik końca linii. Jednak takie rozwiązanie nie byłoby dobrym pomysłem, ponieważ tak ułożone znaki logicznie nie łączyłyby się w wyrazy. Mogłoby to stanowić problem dla syntezatorów mowy używanych przez osoby niewidome, które zapewne przeliterowałyby taki tekst, zamiast go płynnie odczytać. Negatywne skutki takiego rozwiązania moglibyśmy...
- HTML dla zielonych / Indeks górny i dolny HTML <sup, sub>
...Przykład <sup, sub> indeks<sup>górny</sup> indeksgórny indeks<sub>dolny</sub> indeksdolny Pytania i odpowiedzi <sub, sup> Do czego służy znacznik SUB? Jest to skrót od angielskiego sława subscript oznaczającego indeks dolny przy poprzedzającym go tekście. Jak dodać tekst do góry HTML? Aby wyświetlić pomniejszony tekst nieco wyżej od zwykłej linii tekstu i tym samym stworzyć indeks górny, należy użyć następującego kodu: x<sup>2</sup>. W tym przykładzie cyfra 2 zostanie...
- HTML5 / Element edytowalny <... contenteditable>
...Wersja podstawowa: <element contenteditable>...</element> Wersja rozszerzona: <element contenteditable="edycja">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 edycja Można podać: true - element jest edytowalny (to samo co użycie contenteditable jako atrybut logiczny - bez podania wartości). false - element nie jest edytowalny. plaintext-only - tylko surowa zawartość tekstowa elementu jest edytowalna, formatowanie tekstu jest wyłączone Podanie wartości...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 10, Chrome 5) Elementy bez znacznika zamykającego (np. INPUT): <element autofocus> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element autofocus>...</element> element Dowolny znacznik HTML 4.01 lub HTML5 Atrybut logiczny (wstawiany bez wartości), dzięki któremu po załadowaniu strony, kursor tekstowy zostanie automatycznie umieszczony w tak zaznaczonym polu formularza. Chociaż typowym zastosowanie atrybutu autofocus są...
- HTML5 / Atrybuty danych <... data-...>
Elementy bez znacznika zamykającego z atrybutem logicznym: <element data-nazwa> Elementy bez znacznika zamykającego z atrybutem o podanej wartości: <element data-nazwa="wartość"> Elementy ze znacznikiem zamykającym z atrybutem logicznym: <element data-nazwa>...</element> Elementy ze znacznikiem zamykającym z atrybutem o podanej wartości: <element data-nazwa="wartość">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 nazwa Musi rozpoczynać się małą literą łacińską, znakiem...
- HTML5 / Element ukryty <... hidden>
...Chrome 6) Wersja podstawowa: <element hidden>...</element> Wersja rozszerzona: <element hidden="stan">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 stan Można podać jedną z poniższych wartości: hidden - element nie zostanie wyświetlony na stronie (to samo co użycie hidden jako atrybut logiczny - tzn. bez podania wartości). until-found - element nie zostanie wyświetlony na stronie, chyba że użytkownik wyszuka jego treść (przy pomocy skrótu klawiaturowego Ctrl+F)...
- HTML5 / Przeciągnij i upuść <... draggable>
(interpretuje: Internet Explorer 11, Firefox 2, Opera 12.1, Chrome 4) Elementy bez znacznika zamykającego (np. IMG): <element draggable="przeciąganie"> Elementy ze znacznikiem zamykającym (np. A): <element draggable="przeciąganie">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 przeciąganie Może przyjąć jedną z następujących wartości: true - element można przeciągnąć myszką. false - element nie może zostać przeciągnięty. Pozwalają sterować mechanizmem...
- HTML5 / Element bierny <... inert>
(interpretuje: Firefox 112, Opera 88, Chrome 102) Element bez znacznika zamykającego (np. INPUT): <element inert> Element ze znacznikiem zamykającym (np. DIV): <element inert>...</element> element Dowolny znacznik HTML 4.01 lub HTML5 inert to atrybut logiczny (wstawiany bez wartości), sprawiający, że element przestaje być interaktywny - tzn.: Użytkownik nie będzie w stanie zaznaczyć tekstu takiego elementu. Nie będzie możliwości edytowania zawartości w polach formularzy ani...
- HTML5 / Tłumaczenie językowe <... translate>
...języki jest dozwolone (to samo co użycie translate jako atrybut logiczny - bez podania wartości). no - tłumaczenie zablokowane element Dowolny znacznik HTML 4.01 lub HTML5 W sieci pojawiły się specjalne programy, służące do automatycznego tłumaczenia stron obcojęzycznych na język rodzimy użytkownika. Często są one również wbudowane w przeglądarki internetowe lub system operacyjny. Jednak nie każdy fragment tekstu powinien być tłumaczony. Na przykład kod programu, zawierający...