Analýza HTML elementů a uchovávaných informací » Historie » Verze 15
Petr Vondrovic, 2024-02-24 12:52
1 | 1 | Petr Vondrovic | h1. Analýza HTML elementů a uchovávaných informací |
---|---|---|---|
2 | |||
3 | h2. Globální atributy |
||
4 | |||
5 | |Atribut|Uchovávat|Komentář/popis| |
||
6 | |class| ANO | půjde použít při manipulaci s elementem | |
||
7 | |contenteditable| ANO | umožňuje uživatelům upravovat obsah elementu přímo ve webovém prohlížeči, hodnoty true false | |
||
8 | |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| |
||
9 | |draggable|ANO| lze drag a drop - true, false | |
||
10 | 13 | Petr Vondrovic | |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 | |
11 | |id| ANO | k manipulaci s elementy| |
||
12 | |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í| |
||
13 | |accesskey| DISKUZE |klávesová zkratka umožňující přistupovat k elementu - můžeme použít k ovládání stránky?| |
||
14 | |dir| DISKUZE |obsahově ho nepotřebujeme, ale možná bude třeba k manipulaci se stránkou | |
||
15 | 1 | Petr Vondrovic | |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 | |
16 | 13 | Petr Vondrovic | |inputmode| DISKUZE | umožňuje specifikovat očekávaný způsob zadávání textu do vstupního pole | |
17 | |tabindex| DISKUZE | budeme simulovat klávesy? určuje pořadí, v jakém se prvek zařadí do tabulátoru | |
||
18 | |autocapitalize|NE|automaticky zapnout načítání velkých písmen při zadávání do textu| |
||
19 | |autofocus|NE| automatické zaměření na element| |
||
20 | |data-*|NE|umožňuje vkládat libovolná uživatelská data přímo do HTML elementů, pro uchování informací| |
||
21 | 8 | Petr Vondrovic | |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 | |
22 | 1 | Petr Vondrovic | |hidden|NE| | |
23 | |inert|NE|k deaktivaci interakce s prvkem a jeho potomky| |
||
24 | |is|NE| užití s vlastními (custom) prvky HTML (př. technologie Web Components)| |
||
25 | |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. | |
||
26 | |itemscope|NE|prázdný atribut, slouží k označení elementu jako kontejneru pro strukturovaná data| |
||
27 | |itemtype|NE|slouží k určení typu strukturovaných dat, která jsou obsažena uvnitř elementu| |
||
28 | |lang|NE|používá k určení jazyka obsahu uvnitř daného HTML elementu| |
||
29 | |nonce|NE|použití politiky bezpečnostního zábrany skriptů (CSP - Content Security Policy), omezení obsahu povoleného na dané stránce| |
||
30 | |part|NE|specifikace CSS Shadow Parts. Tento atribut slouží k propojení částí vlastních prvků (custom elements) s externím CSS| |
||
31 | |popover| NE| |
||
32 | |role|NE| definici role, kterou má určitý element nebo komponenta na stránce | |
||
33 | |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ě.| |
||
34 | |spellcheck|NE| k určení, zda má být pro daný textový vstup aktivována automatická kontrola pravopisu | |
||
35 | 9 | Petr Vondrovic | |style|NE|není pro naše použití důležité| |
36 | 1 | Petr Vondrovic | |title|NE| | |
37 | |translate| NE |označení, zda má být obsah elementu přeložen do jiného jazyka, když je zobrazen uživateli. | |
||
38 | |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 | |
||
39 | |||
40 | |||
41 | h2. Podrobnější popis k vybraným globálním elementům |
||
42 | |||
43 | h3. atribut enterkehing - hodnoty |
||
44 | |||
45 | 2 | Petr Vondrovic | * 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. |
46 | * 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. |
||
47 | * 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. |
||
48 | * 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. |
||
49 | * 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. |
||
50 | 1 | Petr Vondrovic | |
51 | h3. atribut inputmode - hodnoty |
||
52 | |||
53 | * 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. |
||
54 | * text: Specifikuje, že vstupní pole očekává standardní textový vstup.* |
||
55 | * tel: Specifikuje, že vstupní pole očekává telefonní číslo. |
||
56 | * url: Specifikuje, že vstupní pole očekává URL adresu. |
||
57 | * email: Specifikuje, že vstupní pole očekává e-mailovou adresu. |
||
58 | * numeric: Specifikuje, že vstupní pole očekává číselný vstup. |
||
59 | * decimal: Specifikuje, že vstupní pole očekává desetinné číslo. |
||
60 | * search: Specifikuje, že vstupní pole očekává hledací dotaz. |
||
61 | |||
62 | h2. Sdílené atributy |
||
63 | |||
64 | |Atribut|ELEMENTY| Uchovávat|Komentář| |
||
65 | |href|<a>, <link>, <area>, <base>, <form>, <script> | ANO | | |
||
66 | | download| <a>, <area>, <button>| ANO | ano- má-li hodnotu | |
||
67 | |target|<a>, <area>, <base>, <form> |ANO| k určení, kde má být otevřený odkaz, ať už je to nové okno, nová záložka nebo jiný rámec | |
||
68 | |ping|<a>, <area>, <form>|ANO| používá se ke sledování, které URL adresy byly vyvolány po kliknutí na odkaz| |
||
69 | 13 | Petr Vondrovic | |value|<button>, <input>, <option>, <textarea>, <data>, <li>, <meter>, <param> (deprecated), <progress>| ANO| k definici výchozí hodnoty nebo hodnoty prvku| |
70 | |name|<a>, <form>, <iframe>, <img>, <input>, <button>, <fieldset>, <frame>(deprecated), <map>, <meta>, <object>, <output>, <param> (deprecated), <select>, <slot>, <textarea>|ANO| lze použít k identifikaci| |
||
71 | |usemap|<img>, <object>| ANO|k odkazování na mapovou oblast v HTML obrázku | |
||
72 | |list|<input> |ANO | slouží k propojení tohoto textového vstupu s elementem <datalist>, který poskytuje seznam možných hodnot pro uživatele| |
||
73 | |max|<input>, <meter>, <progress>| ANO| | |
||
74 | |min|<input>, <meter> | ANO| | |
||
75 | |maxlength|<input>, <textarea> |ANO |maximální počet znaků| |
||
76 | |minlength|<input>, <textarea> | ANO|minimální počet znaků | |
||
77 | |multiple|<input>, <select>| ANO/DISKUZE|bez hodnoty | |
||
78 | |pattern|<input>, <textarea> | ANO| definování regulárního výrazu, který musí být splněn pro platnou hodnotu vstupního pole nebo textové oblasti| |
||
79 | |for|<label>, <output> | ANO| u značky <label> k indikaci, které vstupní pole (<input>, <select> nebo <textarea>) je s touto značkou spojeno| |
||
80 | |integrity|<link>, <script> |ANO|k poskytnutí kontrolního součtu (hash) obsahu externího souboru (např. skriptu JavaScript nebo CSS souboru) | |
||
81 | |media|<link>, <style>, <source>| ANO/DISKUZE| pro specifikaci mediálního dotazu, který určuje, pro jaké médium jsou určeny styly| |
||
82 | |checked|<input>, <menuitem> (deprecated) | ANO/DISKUZE|úkol zobrazovat stav zaškrtnutí (checked)| |
||
83 | |onafterprint|<body>, <iframe>, <div>, <span>| DISKUZE| součástí rozhraní pro tisk v prohlížečích a je spíše používán v JavaScriptu, definuje skript, který se má spustit, když uživatel dokončí tisk stránky nebo přepne zpět do normálního režimu prohlížeče po tisku| |
||
84 | |onbeforeprint|<body>, <iframe>, <div>, <span>| DISKUZE| událostí v JavaScriptu, která se spouští před tiskem stránky| |
||
85 | |onbeforeunload|<body>| DISKUZE|událostí v JavaScriptu, která se spouští předtím, než uživatel opustí stránku | |
||
86 | |onblur|<body>, <input>, <textarea>, <select>|NE/DISKUZE| událostí v JavaScriptu, která se spouští, když prvek ztratí fokus, například spustí se funkce| |
||
87 | |onerror|<body>, <img>,<script>, <link>, <audio>, <video>| DISKUZE | událostí v JavaScriptu, která se spouští, když nastane chyba při načítání externího prostředku, jako je obrázek, skript nebo jiný zdroj.| |
||
88 | |onfocus|<body>, <input>, <textarea>, <select>, <a>, <button>, <label>, <iframe>| DISKUZE| událostí v JavaScriptu, která se spouští, když se prvek dostane do fokus| |
||
89 | |onhashchange|<body>| ANO/DISKUZE| událostí v JavaScriptu, která se spouští, když se změní fragment identifikátoru URL (část URL za znakem #). Tato událost je užitečná pro sledování změn v URL a reagování na ně dynamicky.| |
||
90 | |onlanguagechange|<body>| NE| | |
||
91 | |onload|<body>, <img>, <script>, <link>, <iframe>| DISKUZE| událostí v JavaScriptu, která se spouští, když se načte určitý HTML element nebo celá stránka.| |
||
92 | |onmessage|<body>, <iframe>, <window>, <worker>| DISKUZE|událostí v JavaScriptu, která se spouští, když se přijme zpráva pomocí rozhraní komunikace s mezerou (anglicky "message channel"), běžně komunikace mezi okny | |
||
93 | |onoffline|<body>| DISKUZE|událostí v JavaScriptu, která se spouští, když prohlížeč ztratí připojení k internetu| |
||
94 | |ononline|<body>|DISKUZE | událostí v JavaScriptu, která se spouští, když prohlížeč opět získá připojení k internetu poté, co byl předchozí stav offline| |
||
95 | |onpopstate|<body>| DISKUZE| událostí v JavaScriptu, která se spouští, když uživatel přejde na jiný stav historie prohlížeče pomocí tlačítka zpět/znovu nebo metody | |
||
96 | |onredo|<body>|NE |není běžně používaným atributem v HTML elementech. Tento atribut by byl použit pro zachycení události, kdy uživatel provádí akci zpět (undo) v prohlížeči | |
||
97 | |onresize|<body>| DISKUZE| událostí v JavaScriptu, která se spouští, když se velikost okna prohlížeče nebo velikost prvku na stránce změní| |
||
98 | |onstorage|<body>| DISKUZE|událostí v JavaScriptu, která se spouští, když dojde k změně v datovém úložišti (localStorage nebo sessionStorage) v rámci konkrétního dokumentu | |
||
99 | |onundo|<body>| NE|neexistuje v HTML nebo JavaScriptu jako standardní událost | |
||
100 | |onunload|<body>| DISKUZE|událostí v JavaScriptu, která se spouští, když uživatel opustí aktuální stránku | |
||
101 | 1 | Petr Vondrovic | |hreflang|<a>, <link>|NE| označuje jazyk nebo region cílového dokumentu nebo odkazu| |
102 | |referrerpolicy|<a>, <area>, <img> <iframe>, <link>, <script>, <portal>|DISKUZE|jakým způsobem má být předáván tzv. "referrer" (informace o tom, odkud uživatel přišel) při načítání externího zdroje, jako jsou obrázky, skripty, styly nebo odkazy | |
||
103 | 5 | Petr Vondrovic | |rel| <a>, <link>, <area>, <base>, <form>|NE| definici vztahů mezi aktuálním dokumentem a odkazovaným dokumentem nebo zdrojem| |
104 | |type|<button>, <input>, <a>, <script>, <style>, <source>, <embed>, <li>, <link>, <object>, <ol>, <param> (deprecated), <ul>, <menuitem> (deprecated) |NE| používá se k určení typu obsahu nebo skriptu, který je obsažen v daném elementu| |
||
105 | 11 | Petr Vondrovic | |charset|<meta>, <a>, <script> | DISKUZE|kódování v použitém dokumentu, odkazu, ...| |
106 | 5 | Petr Vondrovic | |coords|<area>, <a> | NE| definuje jednu oblast v rámci obrázkové mapy, která může být odkazem na jiný dokument nebo akcí.| |
107 | |rev|<a> <link> | NE| deprecated, specifikuje revese link, opak rel | |
||
108 | |shape|<a>, <area>| NE|určuje tvar oblasti, na kterou se odkazuje | |
||
109 | |alt|<area>, <img>, <input> |NE/DISKUZE| alternativní textový popisek obsahu prvku pro uživatele| |
||
110 | | tabindex|<area>, <select>, <textarea>, <button> | DISKUZE| umožňuje určit pořadí, v jakém jsou prvky na stránce procházeny pomocí klávesnice (pomocí kláves TAB nebo jiných klávesových zkratek) | |
||
111 | |autoplay |<audio>, <video>| NE |bez hodnoty, mediální obsah se přehrává automaticky po načtení stránky| |
||
112 | |controls|<audio>, <video>|NE|bez hodnoty, zobrazení standartních ovládajích prvků (tlačítka přehrávání, regulýtor hlasitosti atd.)| |
||
113 | |controlslist|<audio>, <video> | DISKUZE|pro řízení, jaké ovládací prvky se zobrazí v uživatelském rozhraní přehrávače | |
||
114 | |crossorigin|<audio>, <video>, <img>, <script>, <link>, <script> |NE |pro zajištění bezpečného a správného načítání obsahu z různých zdrojů | |
||
115 | |disableremoteplayback|<audio>, <video>| NE|bez hodnoty, zakázání přehrávání na vzdálených zařízeních pomocí ovládacích prvků| |
||
116 | |loop|<audio>, <video>, <marquee> (deprecated)|NE|bez hodnoty, přehrávaný obsah se automaticky opakuje | |
||
117 | |muted|<audio>, <video>|NE|bez hodnoty, zvuk je ve výchozím stavu ztlumený| |
||
118 | |preload|<audio>, <video> |NE|určení zda by se měl multimediální obsah načíst ihned po načtení stránky nebo za vyžádání| |
||
119 | |src|<audio>, <video>, <img>, <iframe>, <script>, <embed>, <source>, <frame>(deprecated), <input>, <portal>, <track> | DISKUZE| určení zdroje obsahu, který má být zobrazen nebo načten| |
||
120 | |dir|<bdo>, <html>, <input>, <textarea>, <iframe>, <div>, <span>, <p>|NE|k určení směru textu pro obsah daného elementu. Může být užitečný pro určení směru textu v různých jazycích, které používají odlišné směry psaní (zleva doprava nebo zprava doleva)| |
||
121 | |cite|<blockquote>, <q>, <del>, <ins>|NE | k poskytnutí odkazu na zdroj citace| |
||
122 | 1 | Petr Vondrovic | |text|<body>| NE| není standartním atributem HTML| |
123 | 12 | Petr Vondrovic | |clear|<br>, <hr> |NE |bez hodnoty, v minulosti v zastaralých prvcích, vynucení řádku, horizontální čáry| |
124 | 5 | Petr Vondrovic | |disabled|<button>, <input>, <select>, <textarea>, <optgroup>, <option>, <fieldset>, <link>, <optgroup>, <menuitem> (deprecated)| NE/DISKUZE| používaným atributem v HTML elementech a slouží k deaktivaci (zablokování) interakce s daným prvkem| |
125 | 9 | Petr Vondrovic | |form|<button>, <input>, <select>, <textarea>, <fieldset>, <meter>, <object>, <output>|NE/DISKUZE| k označení, do kterého formuláře prvek patří| |
126 | 1 | Petr Vondrovic | |formaction|<button>, <input>| NE| obvykle používá s tlačítky typu submit nebo image v rámci formulářů a určuje URL adresu, na kterou se má formulář odeslat| |
127 | 6 | Petr Vondrovic | |formenctype |<button>, <input>| NE|k určení kódování dat odeslaných formulářem, když je odesílán pomocí metody POST | |
128 | |formmethod|<button>, <input>| NE|k určení metody HTTP, která se má použít při odesílání formuláře | |
||
129 | |formonvalidate|<button>, <input>| NE|k určení, zda se mají data formuláře odeslat, i když nejsou platná | |
||
130 | 10 | Petr Vondrovic | |formtarget|<button>, <input>| NE/DISKUZE| k určení cílového okna nebo rámce, do kterého se má odeslat formulář po jeho odeslání, ovlivní kam se formulář po odeslání otevře| |
131 | |popovertarget|<button>, <input>| NE|není HTML standart| |
||
132 | 6 | Petr Vondrovic | |popovertargetaction|<button>, <input>| NE| není HTML standart| |
133 | 11 | Petr Vondrovic | |height|<canvas>, <img>, <iframe>, <embed>, <input>, <object>, <source>, <th>, <video>, <marquee> (deprecated)| NE| k určení výšky elementu | |
134 | 1 | Petr Vondrovic | |width|<canvas>, <img>, <iframe>, <embed>, <col>, <colgroup>, <hr>, <input>, <object>, <source>,(pre), <table>, <th>, <video>, <marquee> (deprecated)|NE|k určení šířky elementu | |
135 | |span|<col>, <colgroup> | NE| počet po sobě jdoucích sloupců, které prvek <col> zahrnuje | |
||
136 | |moz-opaque (deprecated)|<canvas> | NE|specifický pro Mozilla Firefox | |
||
137 | |datetime|<del>, <time>, <ins>, <meter> | DISKUZE| pro stanovení data a času a je běžně spojen s elementy, které obsahují taková data| |
||
138 | 11 | Petr Vondrovic | |open|<details>, <dialogue> | NE|bez hodnoty | |
139 | 7 | Petr Vondrovic | |compact (deprecated)|<dir> (deprecated), <menu>, <ul>| NE|bez hodnoty | |
140 | 11 | Petr Vondrovic | |color (deprecated)|<font> (deprecated>, <hr> | NE| | |
141 | |face (deprecated)|<font> (deprecated> | NE| seznam jmen fontů| |
||
142 | 1 | Petr Vondrovic | |size (deprecated)|<font> (deprecated>, <hr>, <input> | NE| velikost fontu| |
143 | |accept-charset|<form> | DISKUZE| určuje sadu znaků, která má být použita kódováním dat, která jsou odesílána pomocí formuláře| |
||
144 | |action|<form> | NE| Určuje cílovou adresu, kam budou data z formuláře odeslána po jeho odeslání| |
||
145 | |autocomplete |<form>, <input>, <select>, <textarea>, <form> | DISKUZE |Tento atribut určuje, zda má být pro konkrétní pole formuláře povoleno automatické doplňování (automatické vyplňování) datových hodnot pro toto pole | |
||
146 | 8 | Petr Vondrovic | |enctype|<form> | NE|určuje, jaká metoda kódování (encoding type) se použije při odesílání dat formuláře na server | |
147 | 1 | Petr Vondrovic | |method|<form> | NE | určuje HTTP metodu, která se použije při odesílání dat formuláře| |
148 | |novalidate|<form> |NE |Tento atribut indikuje, že data odeslaná formulářem nebudou validována prohlížečem před odesláním | |
||
149 | |cols|<frameset> (deprecated), (pre), <textarea> | NE| | |
||
150 | |rows|<frameset> (deprecated), <textarea> | NE| | |
||
151 | |noresize (deprecated)|<frame>(deprecated)|NE | | |
||
152 | 8 | Petr Vondrovic | |scrolling (deprecated)|<frame>(deprecated), <iframe>|NE | definuje existenci strol baru| |
153 | 1 | Petr Vondrovic | |marginheight (deprecated)|<frame>(deprecated)|NE | | |
154 | |margwidth (deprecated)|<frame>(deprecated)|NE | | |
||
155 | |frameborder (deprecated)|<frame>(deprecated), <iframe>|NE | umožňuje specifikovat hranice frame| |
||
156 | |profile (deprecated)|<head> | NE|Identifikátory URI jednoho nebo více profilů metadat oddělené mezerou | |
||
157 | | noshade (deprecated) |<hr> | NE| Nastaví pravidlo bez stínování| |
||
158 | | manifest (deprecated)|<html> | NE| | |
||
159 | 8 | Petr Vondrovic | | version (deprecated)|<html> | NE | | |
160 | 1 | Petr Vondrovic | | xmlns|<html>|NE | atribut, který se používá v XML a XML-like jazykových dokumentech (včetně XHTML), aby označil jmenný prostor (namespace) pro elementy a atributy v daném dokumentu| |
161 | 8 | Petr Vondrovic | |allow |<iframe>, <object>, <embed> | DISKUZE| specifikaci oprávnění nebo schválení určitých funkcí nebo akcí v rámci těchto prvků. Například, pokud používáte iframe pro zobrazení obsahu z jiného zdroje, atribut allow může určovat, které funkce jsou povoleny v rámci tohoto iframe| |
162 | 10 | Petr Vondrovic | |allowfullscreen |<iframe> |NE |bez hodnoty, indikuje, zda má být povoleno zobrazení obsahu v režimu celé obrazovky| |
163 | 1 | Petr Vondrovic | |allowpaymentrequest (deprecated) |<iframe> | NE| bez hodnoty, povoluje API Payment Request| |
164 | |credentialless |<iframe> | NE| Nastavením na true se <iframe> stane bez pověření, což znamená, že jeho obsah bude načten v novém, pomíjivém kontextu.| |
||
165 | 10 | Petr Vondrovic | |csp |<iframe> | NE| (Context Security Policy) Zásady zabezpečení obsahu vynucené pro vložený prostředek | |
166 | 8 | Petr Vondrovic | |loading|<iframe>, <img>, <script>, <link> | DISKUZE| poskytuje informace o tom, jak by měl být zdroj načítán| |
167 | 11 | Petr Vondrovic | |sandbox|<iframe> | NE|vytvoření izolovaného prostředí pro zobrazení vnějšího obsahu (například jiné webové stránky) v rámci hlavní stránky | |
168 | |srcdoc|<iframe> | DISKUZE |definici HTML obsahu, který má být zobrazen v rámci tohoto iframe. Tento atribut poskytuje možnost vložit obsah přímo do atributu srcdoc, aniž by bylo nutné odkazovat na externí zdroj pomocí atributu src. | |
||
169 | 1 | Petr Vondrovic | |decoding|<img> |NE|slouží k určení způsobu, jakým má být dekódován obrázkový soubor během zpracování. | |
170 | |elementtiming|<img> | NE|označí obrázek pro pozorování pomocí PerformanceElementTiming | |
||
171 | 12 | Petr Vondrovic | |fetchpriority|<img>, <link>, <script>| NE|Poskytuje nápovědu o relativní prioritě, která se má použít při načítání obrázku | |
172 | 11 | Petr Vondrovic | |ismap|<img> | DISKUZE |označuje, že obrazový obrázek má být použit jako mapa obrazu (image map)| |
173 | 8 | Petr Vondrovic | |sizes|<img>, <link>, <source>| NE|definování různých velikostí obrázků pro responsivní design pomocí techniky "srcset" a "sizes". Tento atribut umožňuje prohlížeči určit, jaký bude šířka daného obrázku vzhledem k aktuálnímu oknu prohlížeče nebo zařízení | |
174 | 10 | Petr Vondrovic | |srcset|<img>, <source>|NE |poskytnutí různých verzí obrázku v závislosti na velikosti zobrazení zařízení| |
175 | 1 | Petr Vondrovic | |border (deprecated)|<img>, <object>, <table> |NE | | |
176 | 11 | Petr Vondrovic | |longdesc (deprecated)|<img>, <iframe> |NE | k poskytnutí odkazu na rozšířený popis obsahu určitého prvku, například obrázku nebo rámování, pro uživatele, kteří potřebují další informace| |
177 | |hspace (deprecated)|<img>, <marquee> (deprecated) |NE | | |
||
178 | 10 | Petr Vondrovic | |vspace (deprecated)|<img>, <marquee> (deprecated) |NE |Nastaví svislý okraj v pixelech nebo procentuální hodnotu.| |
179 | 9 | Petr Vondrovic | |accept|<input>, <form>| DISKUZE| ne všude stejné využití, může například omezení typů souborů| |
180 | 1 | Petr Vondrovic | |capture|<input> | NE|v rámci elementu <input> s typem "file" (tedy <input type="file">) a slouží k určení, zda by měl být obsah souboru zachycen pomocí kamery nebo jiného zařízení na zařízení uživatele, jako jsou mobilní telefony nebo počítače s webovými kamerami | |
181 | 9 | Petr Vondrovic | |dirname|<input>, <textarea> | NE|směr textu v rámci daného vstupního pole nebo textové oblasti | |
182 | 1 | Petr Vondrovic | |placeholder|<input>, <textarea> | NE| | |
183 | |readonly|<input>, <textarea> |NE| | |
||
184 | |required|<input>, <textarea>, <select> | NE| | |
||
185 | |step|<input> | ANO/DISKUZE| | |
||
186 | 12 | Petr Vondrovic | |as|<link> |NE|používán spolu s atributem rel, kde rel specifikuje vztah mezi zdrojem a dokumentem, a as definuje typ obsahu tohoto zdroje | |
187 | 10 | Petr Vondrovic | |blocking|<link>, <script> | NE| | |
188 | 11 | Petr Vondrovic | |imagesizes|<link> | NE|| |
189 | 10 | Petr Vondrovic | |imagesrcset|<link | NE|pro rel="preload" and as="image"| |
190 | 13 | Petr Vondrovic | |content|(meta) | DISKUZE|poskytování metainformací o dokumentu HTML. | |
191 | |http-equiv|(meta) | NE|umožňuje specifikovat HTTP hlavičku, která má být poslána prohlížeči nebo serveru. Tento atribut je obvykle používán pro nastavení různých HTTP hlaviček, které ovlivňují chování prohlížeče nebo serveru, jako je například definice znakové sady, přesměrování na jinou stránku nebo zakázání indexace stránky vyhledávači | |
||
192 | |low|(meter) |DISKUZE|minimální hodnoty, kterou má element <meter> reprezentovat | |
||
193 | |high|(meter) |DISKUZE|maximální hodnota, kterou má element <meter> reprezentovat| |
||
194 | |optimum|(meter) | DISKUZE| definice optimální hodnoty pro měření | |
||
195 | |data|<object> |DISKUZE|umožňují definovat zdrojový soubor nebo datový zdroj pro objektový prvek v HTML. Tento atribut specifikuje adresu URL, ze které má prohlížeč načíst zdrojový soubor objektu| |
||
196 | |reversed|<ol> |NE| | |
||
197 | |start|<ol> |NE|umožňuje specifikovat počáteční číslování seznamu | |
||
198 | |label|<optgroup>, <option>, <track>, <menuitem> (deprecated)|NE|specifies the title of the text, Název textové stopy (text track) používá prohlížeč při vypisování dostupných textových stop. | |
||
199 | |selected|<option> |NE|označuje výchozí (přednastavenou) položku v seznamu, která bude vybrána, když je seznam zobrazen| |
||
200 | 11 | Petr Vondrovic | |wrap|(pre), textarea |NE|určuje, zda by měl text v textové oblasti být zalamován - hodnoty soft, hard| |
201 | 13 | Petr Vondrovic | |async|<script> |NE|jedním z atributů, které určují, jak bude prohlížeč zpracovávat daný skriptovací soubor. Když je atribut async přítomen, indikuje to, že prohlížeč by měl stahovat a provádět skript asynchronně, což znamená, že prohlížeč nebude čekat na dokončení stahování a zpracování skriptu předtím, než bude pokračovat ve zpracování zbytku dokumentu | |
202 | |defer|<script> |NE|ovlivňuje chování prohlížeče při zpracování skriptů. Když je atribut defer přítomen, indikuje to, že prohlížeč by měl stahovat skript asynchronně, ale provádět ho až po dokončení zpracování HTML obsahu dokumentu. | |
||
203 | |nomodule|<script> |NE|slouží k označení skriptu, který má být ignorován prohlížeči, pokud prohlížeč podporuje moduly JavaScript | |
||
204 | |size|<select>|NE|Pokud je ovládací prvek prezentován jako rolovací seznam (např. když je zadáno více), tento atribut představuje počet řádků v seznamu, které by měly být viditelné najednou. | |
||
205 | 1 | Petr Vondrovic | |shadowrootmode|<template> |NE|Vytvoří kořen stínu pro nadřazený prvek. | |
206 | 13 | Petr Vondrovic | |default|<track>, <menuitem> (deprecated) |NE| |
207 | Atribut default v elementu <track> se používá k označení textové stopy (např. titulky, titulky pro neslyšící) jako výchozí. | |
||
208 | |kind|<track> |NE|Atribut kind v elementu <track> se používá ve spojení s textovou stopou (např. titulky, titulky pro neslyšící) v rámci elementu <audio> nebo <video> pro specifikaci typu textové stopy. | |
||
209 | 11 | Petr Vondrovic | |behavior|<marquee> (deprecated) |NE|Nastavuje způsob posouvání textu v rámci výřezu| |
210 | |direction|<marquee> (deprecated) |NE|nasatví směr scrollingu | |
||
211 | |scrollamount|<marquee> (deprecated) |NE|Nastaví míru posouvání v každém intervalu v pixelech. | |
||
212 | 1 | Petr Vondrovic | |scrolldelay|<marquee> (deprecated) |NE|Nastavuje interval mezi jednotlivými posuny v milisekundách | |
213 | 10 | Petr Vondrovic | |truespeed|<marquee> (deprecated) |NE | Ve výchozím nastavení jsou hodnoty scrolldelay nižší než 60 ignorovány. Pokud je přítomna truespeed, tyto hodnoty nejsou ignorovány| |
214 | 13 | Petr Vondrovic | |command|<menuitem> (deprecated) |NE | | |
215 | |icon|<menuitem> (deprecated) |NE| | |
||
216 | 1 | Petr Vondrovic | |radiogroup|<menuitem> (deprecated) |NE| | |
217 | |||
218 | h2. Deprecated atributy |
||
219 | |||
220 | |Atribut|ELEMENTY| Uchovávat|Komentář| |
||
221 | 15 | Petr Vondrovic | |headers|<td>, <th> <th> |ANO | |
222 | 1 | Petr Vondrovic | |align (deprecated)|<caption>, <col>, <colgroup> <img>, <table>, <div>, <iframe>, <hr>, <legend>, <table>, <tbody>, <tfoot>, <th>, <tr>, <thead>| NE| | |
223 | |char (deprecated) |<col>, <colgroup>, <tbody>, <tfoot>, <th>, <tr> <thead>| NE| | |
||
224 | |charoff (deprecated) |<col>, <colgroup>, <table>, <tr>, <td>, <th>, <tbody>, <tfoot>, <thead>|NE | kdysi používal v kontextu HTML tabulek pro určení odsazení znaků| |
||
225 | |valign (deprecated) |<col>, <colgroup>, <td>, <img>, <tbody>, <tfoot>, <th>, <tr>, <thead>|NE|používán k určení svislého zarovnání obsahu uvnitř buňky tabulky | |
||
226 | 14 | Petr Vondrovic | |alink (deprecated)|<body>| NE | Barva textu pro hypertextové odkazy, když je vybrána| |
227 | |background (deprecated)|<body>| NE| starších verzích HTML a byl spojen s nastavením pozadí pro různé prvky | |
||
228 | |bgcolor (deprecated)|<body>, <table>, <tr>, <td>, <th>, <col>, <colgroup>, <tfoot>, <marquee> (deprecated)| NE| dnes už není doporučen k používaní | |
||
229 | |bottommargin (deprecated)|<body>, <div>, <p>, <span>| NE| | |
||
230 | |leftmargin (deprecated)|<body>, <div>, <p>, <span>| NE| | |
||
231 | |topmargin(deprecated)|<body>, <div>, <p>, <span>| NE| | |
||
232 | |rightmargin(deprecated)|<body>, <div>, <p>, <span>| NE| | |
||
233 | |link(deprecated)|<body>|NE|barva nenavštívených odkazů| |
||
234 | |vlink (deprecated)|<body>| NE| historicky k určení barvy navštívených odkazů| |
||
235 | 13 | Petr Vondrovic | |archive |<object> |NE |určuje seznam URL adres archivních souborů (zip nebo jar), které mají být načteny, pokud je vložený objektu interaktivní | |
236 | |classid|<object> |NE/DISKUZE|součástí starších verzí HTML a sloužil k určení identifikátoru třídy (Class ID) pro ovládací prvek ActiveX. Ovládací prvky ActiveX byly technologií od společnosti Microsoft, která umožňovala vkládání interaktivního obsahu do webových stránek, zejména ve starších verzích Internet Exploreru | |
||
237 | |codebase|<object> |NE|součástí starších verzí HTML a sloužil k určení URL adresy, ze které měl prohlížeč stáhnout spustitelný kód pro vložený objekt | |
||
238 | |codetype|<object> |NE|součástí starších verzí HTML a sloužil k určení typu obsahu (např. skriptovacího jazyka), který má být spuštěn vloženým objektem. | |
||
239 | |declare |<object> |NE|bez hodnoty, používán k označení objektu jako tzv. deklarativního objektu. To znamená, že tento objekt bude deklarován, ale jeho obsah nebude automaticky načten a zobrazen, dokud nebude explicitně aktivován pomocí JavaScriptu nebo jiného skriptovacího jazyka.| |
||
240 | |standby|<object> |NE|dříve používán pro zobrazení zprávy nebo textu, který měl být zobrazen v případě, že objekt nebyl možné zobrazit | |
||
241 | |valuetype|<param> (deprecated)|NE|dříve používal k určení typu hodnoty, která byla předávána parametru objektu vloženého pomocí prvku <object>. Tento atribut byl důležitý především pro starší verze HTML, které podporovaly technologii objektových modelů (například ActiveX objekty). | |
||
242 | 11 | Petr Vondrovic | |language|<script> |NE| | |
243 | |summary|<table> |NE|alternativní text shrnující obsah tabulky| |
||
244 | |frame|<table> |NE| |
||
245 | Definuje, která strana frame obklopujícího tabulku musí být zobrazena| |
||
246 | |rules|<table>|NE|Určuje, kde se v tabulce zobrazí pravidla (hranice).| |
||
247 | |cellpadding|<table>|NE| |
||
248 | Definuje prostor mezi obsahem buňky a jejím okrajem, ať už je zobrazen nebo ne| |
||
249 | |cellspacing|<table>|NE| |
||
250 | 10 | Petr Vondrovic | Definuje velikost mezery mezi dvěma buňkami v procentech nebo pixelech| |
251 | 1 | Petr Vondrovic | |colspan|<td>, <th> |NE|kolik sloupců datová buňka zabírá nebo přesahuje| |
252 | 9 | Petr Vondrovic | |rowspan|<td> |NE|kolik řádků datová buňka zahrnuje nebo rozšiřuje | |
253 | 10 | Petr Vondrovic | Obsahuje seznam řetězců oddělených mezerami, z nichž každý odpovídá atributu id prvků <th>, které poskytují nadpisy pro tuto buňku tabulky | |
254 | |scope|<td>, <th>|NE|Definuje buňky, kterých se týká prvek záhlaví (definovaný v <th>).| |
||
255 | |autocorrect|<textarea>|NE|Řetězec, který označuje, zda se má aktivovat automatická oprava pravopisu a zpracování nahrazování textu, když uživatel upravuje tento textarea.| |
||
256 | 11 | Petr Vondrovic | |abbr|<th> |NE|poskytuje zkratku nebo popis obsahu | |
257 | |axis|<th> |NE |poskytnout informaci o hierarchii sloupců nebo řádků v tabulce| |
||
258 | |srclang|<track> |NE| | |
||
259 | |disablepictureinpicture|<video> |NE|Zabrání prohlížeči navrhovat kontextovou nabídku Obraz v obraze nebo v některých případech automaticky vyžadovat obraz v obraze.| |
||
260 | 9 | Petr Vondrovic | |playsinline|<video> |NE|Booleovský atribut označující, že video se má přehrát „inline“, tedy v oblasti přehrávání prvku.| |
261 | |poster|<video> |DISKUZE|Adresa URL obrázku, který se má zobrazit při stahování videa | |
||
262 | |||
263 | 1 | Petr Vondrovic | |
264 | h2. Podrobnější popis sdílených atributů |
||
265 | |||
266 | 9 | Petr Vondrovic | * target - kde se užité URL zobrazí - možnosti: |
267 | _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) |
||
268 | * 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. |
||
269 | Příklad: <a href="example.zip" download>Download Example</a> <a download="filename"> - specifikuje stahovaný soubor |
||
270 | * controlslist hodnoty: |
||
271 | # nodownload: Zakazuje uživatelům možnost stahování média pomocí přehrávače. |
||
272 | # nofullscreen: Zakazuje uživatelům možnost přepnutí přehrávače do režimu celé obrazovky. |
||
273 | # noremoteplayback: Zakazuje uživatelům možnost přehrávání média na jiných zařízeních pomocí ovládacích prvků. |
||
274 | # noremoteplayback: Zakazuje uživatelům možnost ovládání přehrávání na jiných zařízeních pomocí ovládacích prvků. |
||
275 | # noplaybackrate: Zakazuje uživatelům možnost nastavení rychlosti přehrávání média. |
||
276 | 1 | Petr Vondrovic | # noduration: Zakazuje uživatelům možnost zobrazení celkové délky média. |
277 | # nocontextmenu: Zakazuje zobrazení kontextového menu při kliknutí pravým tlačítkem myši na přehrávači. |
||
278 | 7 | Petr Vondrovic | |
279 | * loading |
||
280 | # lazy: Zdroj bude načítán až tehdy, když bude ve viewportu (viditelné oblasti) stránky. |
||
281 | 1 | Petr Vondrovic | # eager: Zdroj bude ihned načten, jakmile bude stránka načtena. |
282 | 10 | Petr Vondrovic | # auto: Prohlížeč automaticky určí, zda zdroj bude načten okamžitě nebo zpožděně. |
283 | 1 | Petr Vondrovic | |
284 | 10 | Petr Vondrovic | |
285 | h2. Elementy s pouze globálními atributy |
||
286 | |||
287 | <abbr>, <acronym> (deprecated) - místo toho použít <abbr>, <address>, <article>, <aside> |
||
288 | 11 | Petr Vondrovic | <b>, <bdi>, <big> (deprecated), <cite>, <datalist>, <dd>, <dl>, <dt> |
289 | <em>, <figcaption>, <figure>, <footer>, <h1> - <h6>, <header>, <hgroup>,<i>, (kbd), <main>, <mark>, <menu> |
||
290 | 12 | Petr Vondrovic | <nav>, <nobr> (deprecated), <noembed> (deprecated), <noframes> (deprecated), <noscript>, <picture>, <plaintext> (deprecated), <rb> (deprecated), <rp>, <rt>, <rtc> (deprecated), <ruby> |
291 | 10 | Petr Vondrovic | <s>, <samp>, <search>, <section>, <small>, <span>, <strike> (deprecated), <strong>, <sub>, <summary>, <sup>, <title> |
292 | 11 | Petr Vondrovic | <tt> (deprecated), <u>, <var>, <wbr>, <xmp> (deprecated) |