Projekt

Obecné

Profil

Akce

Analýza HTML elementů a uchovávaných informací » Historie » Revize 1

Revize 1/18 | Další »
Petr Vondrovic, 2024-02-21 21:07


Analýza HTML elementů a uchovávaných informací

Globální atributy

Atribut Uchovávat Komentář/popis
accesskey DISKUZE klávesová zkratka umožňující přistupovat k elementu - můžeme použít k ovládání stránky?
autocapitalize NE automaticky zapnout načítání velkých písmen při zadávání do textu
autofocus NE automatické zaměření na element
class ANO půjde použít při manipulaci s elementem
contenteditable ANO umožňuje uživatelům upravovat obsah elementu přímo ve webovém prohlížeči, hodnoty true false
contextmenu ANO k definici vlastního kontextového menu (nebo také známého jako kontextového menu s kliknutím pravým tlačítkem) pro daný element
data-* NE umožňuje vkládat libovolná uživatelská data přímo do HTML elementů, pro uchování informací
dir DISKUZE obsahově ho nepotřebujeme, ale možná bude třeba k manipulaci se stránkou
draggable ANO lze drag a drop - true, false
enterkeyhint NE/DISKUZE umožňuje vývojářům specifikovat, jaký typ akce by měl být spuštěn po stisknutí klávesy Enter v rámci daného vstupního pole
exportparts NE přídavek do CSS specifikace, který slouží k definici pojmenovaných částí (parts) HTML elementu, které jsou následně dostupné pro stylizaci pomocí CSS
hidden NE
id ANO k manipulaci s elementy
inert NE k deaktivaci interakce s prvkem a jeho potomky
inputmode NE umožňuje specifikovat očekávaný způsob zadávání textu do vstupního pole
is NE užití s vlastními (custom) prvky HTML (př. technologie Web Components)
itemid ANO typ identifikátoru, používá ve strukturovaných datech, jako je například JSON-LD, Schema.org nebo RDFa, k identifikaci konkrétního prvku nebo entity
itemprop NE bez hodnoty, součást mikrodatového značkování (Microdata), což je způsob strukturování informací v HTML, aby bylo snazší pro vyhledávače a další webové technologie porozumět obsahu stránky.
itemref ANO užití při indexování, slouží k propojení různých částí strukturovaných dat, aby bylo možné jednodušeji popsat složitější struktury informací
itemscope NE prázdný atribut, slouží k označení elementu jako kontejneru pro strukturovaná data
itemtype NE slouží k určení typu strukturovaných dat, která jsou obsažena uvnitř elementu
lang NE používá k určení jazyka obsahu uvnitř daného HTML elementu
nonce NE použití politiky bezpečnostního zábrany skriptů (CSP - Content Security Policy), omezení obsahu povoleného na dané stránce
part NE specifikace CSS Shadow Parts. Tento atribut slouží k propojení částí vlastních prvků (custom elements) s externím CSS
popover NE
role NE definici role, kterou má určitý element nebo komponenta na stránce
slot NE slouží k definici slotu (místa) pro obsah, který má být vložen do určitého místa v HTML šabloně.
spellcheck NE k určení, zda má být pro daný textový vstup aktivována automatická kontrola pravopisu
style NE není pro naše použití důležité
tabindex DISKUZE budeme simulovat klávesy? určuje pořadí, v jakém se prvek zařadí do tabulátoru
title NE
translate NE označení, zda má být obsah elementu přeložen do jiného jazyka, když je zobrazen uživateli.
virtualkeyboardpolicy NE Určuje, jak virtuální klávesnice na dotykovém zařízení reaguje na interakci s konkrétními prvky na webové stránce - možnosti auto, manual, none

Podrobnější popis k vybraným globálním elementům

atribut enterkehing - hodnoty

#enter: Tato hodnota indikuje, že po stisknutí klávesy Enter by měla být provedena výchozí akce spojená s daným vstupním polem, například odeslání formuláře.
#done: Tato hodnota indikuje, že po stisknutí klávesy Enter by měla být provedena akce spojená s dokončením editace, například potvrzení změn v textovém poli.
#go: Tato hodnota indikuje, že po stisknutí klávesy Enter by měla být provedena akce spojená s přechodem na jinou stránku nebo spuštění určité akce.
#next: Tato hodnota indikuje, že po stisknutí klávesy Enter by měla být provedena akce spojená s přechodem na další pole ve formuláři.
#search: Tato hodnota indikuje, že po stisknutí klávesy Enter by měla být provedena akce spojená s vyhledáváním, například spuštění vyhledávání po zadání dotazu do vyhledávacího pole.

atribut inputmode - hodnoty

  • none: Specifikuje, že vstupní pole nepřijímá žádný text, tj. není určeno k zadávání textu. Používá se pro vstupní * * pole, která slouží k volbě nebo odeslání hodnoty, ale nekromazí se v nich text.
  • text: Specifikuje, že vstupní pole očekává standardní textový vstup.*
  • tel: Specifikuje, že vstupní pole očekává telefonní číslo.
  • url: Specifikuje, že vstupní pole očekává URL adresu.
  • email: Specifikuje, že vstupní pole očekává e-mailovou adresu.
  • numeric: Specifikuje, že vstupní pole očekává číselný vstup.
  • decimal: Specifikuje, že vstupní pole očekává desetinné číslo.
  • search: Specifikuje, že vstupní pole očekává hledací dotaz.

Elementy s pouze globálními atributy

<abbr>, <acronym> (deprecated) - místo toho použít <abbr>, <address>

Sdílené atributy

Atribut ELEMENTY Uchovávat Komentář
href <a>, <area> ANO

Popis k elementům

<a>

Podrobný popis atributů

  1. download: Tento atribut, pokud je přítomen, naznačuje, že cíl by měl být spíše stažen, než na něj po kliknutí navigovat. Může mít hodnotu, která určuje výchozí název souboru, který by měl mít stažený soubor.
    Příklad: <a href="example.zip" download>Download Example</a> <a download="filename"> - specifikuje stahovaný soubor
    stav: ANO
  2. href
  3. target - kde se užité URL zobrazí - možnosti:
    _blank (otevře propojený dokument na nové kartě nebo okně), _self (otevře propojený dokument ve stejném rámci nebo kartě), _parent (otevře propojený dokument v nadřazeném rámci) nebo _top (otevře propojený dokument v plném rozsahu tělo okna)
  4. ping - odeslání krátkého požadavku HTTP post na zadanou URL, jakmile uživatel klikne na hypertextový odkaz
    #hreflang - Tipy na lidský jazyk odkazované adresy URL

Přehled

Atribut Uchovávat Komentář
download ANO
href ANO
target ANO
ping ANO
hreflang NE

<area>

Atribut Uchovávat Komentář
alt NE/DISKUZE
coord ANO
target ANO
download ANO
href ANO
ping ANO
referrerpolicy
rel
shape
tabindex
target

Aktualizováno uživatelem Petr Vondrovic před asi 1 rok · 1 revizí