{"id":2972,"date":"2022-10-04T08:40:30","date_gmt":"2022-10-04T08:40:30","guid":{"rendered":"http:\/\/the-codest.localhost\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/"},"modified":"2026-03-11T05:54:57","modified_gmt":"2026-03-11T05:54:57","slug":"3-uzitecne-html-znacky-o-kterych-jste-mozna-ani-nevedeli-ze-existuji","status":"publish","type":"post","link":"https:\/\/thecodest.co\/cs\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/","title":{"rendered":"3 u\u017eite\u010dn\u00e9 zna\u010dky HTML, o kter\u00fdch jste mo\u017en\u00e1 ani nev\u011bd\u011bli, \u017ee existuj\u00ed"},"content":{"rendered":"<p>Front-end v\u00fdvoj\u00e1\u0159i mus\u00ed b\u00fdt dob\u0159e obezn\u00e1meni s <strong>Zna\u010dky HTML<\/strong> proto\u017ee to je jejich ka\u017edodenn\u00ed p\u0159irozen\u00e9 prost\u0159ed\u00ed. Vsad\u00edm se, \u017ee v\u0161ichni zn\u00e1te z\u00e1kladn\u00ed zna\u010dky, jako nap\u0159. <code><header>, <section>, <footer><\/code> a tak d\u00e1le. Ale v\u011bd\u011bli jste nap\u0159\u00edklad, \u017ee m\u016f\u017eete navrhnout okam\u017eik p\u0159eru\u0161en\u00ed slova pomoc\u00ed pouh\u00e9ho <strong>HTML<\/strong>, bez CSS?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WBR<\/h2>\n\n\n\n<p>P\u0159edpokl\u00e1dejme, \u017ee pracujete na n\u011bjak\u00e9 webov\u00e9 str\u00e1nce nebo aplikaci pro n\u011bmeck\u00e9ho klienta. Jak v\u00edte, n\u011bmeck\u00e1 slova mohou b\u00fdt velmi dlouh\u00e1. M\u00e1te tedy n\u00e1vrh s n\u011bjak\u00fdm textov\u00fdm obsahem, kter\u00fd mus\u00edte reprodukovat v jazyce <a href=\"https:\/\/thecodest.co\/cs\/dictionary\/what-is-code-refactoring\/\">k\u00f3d<\/a> a tento obsah se mus\u00ed zlomit ve velmi specifick\u00fdch okam\u017eic\u00edch. Zde p\u0159ich\u00e1z\u00ed na \u0159adu <code><wbr><\/code> tag, kter\u00fd v\u00e1m pom\u016f\u017ee.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">Geburtstagskuchen<\/code><\/pre>\n\n\n\n<p>A je to! S tak jednoduchou zna\u010dkou m\u016f\u017eete manipulovat s obsahem textu podle sv\u00fdch p\u0159edstav.<\/p>\n\n\n\n<p>Jak je to ale s podporou prohl\u00ed\u017ee\u010de? No, up\u0159\u00edmn\u011b \u0159e\u010deno, je docela dobr\u00e1. V\u011bt\u0161ina prohl\u00ed\u017ee\u010d\u016f t\u00e9to zna\u010dce rozum\u00ed, ale Opera na Androidu a Safari na iOS mohou m\u00edt probl\u00e9my.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/app\/uploads\/2024\/05\/1.webp\" alt=\"tabulka kompatibility wbr\" title=\"kompatibilita s wbr \"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">METER<\/h2>\n\n\n\n<p>P\u0159edstavte si, \u017ee vytv\u00e1\u0159\u00edte aplikaci pro spr\u00e1vu diskov\u00e9ho \u00falo\u017ei\u0161t\u011b. Pot\u0159ebujete v u\u017eivatelsk\u00e9m rozhran\u00ed n\u011bjak zobrazit, kolik \u00falo\u017ei\u0161t\u011b je je\u0161t\u011b k dispozici, a opravdu chcete, aby bylo co nejp\u0159\u00edstupn\u011bj\u0161\u00ed. To je pr\u00e1v\u011b ide\u00e1ln\u00ed p\u0159\u00edpad u\u017eit\u00ed pro aplikaci <code>&lt;meter&gt;<\/code> tag. Pouze v\u00e1m zobraz\u00ed hodnotu v definovan\u00e9m rozsahu. Dal\u0161\u00ed skv\u011blou vlastnost\u00ed tohoto tagu jsou jeho atributy:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>low \u2192 pokud je aktu\u00e1ln\u00ed hodnota ni\u017e\u0161\u00ed ne\u017e nastaven\u00e1 n\u00edzk\u00e1 hodnota, ukazatel m\u011b\u0159i\u010de z\u010derven\u00e1;<\/li>\n\n\n\n<li>optim\u00e1ln\u00ed \u2192 pokud jsou aktu\u00e1ln\u00ed hodnoty vy\u0161\u0161\u00ed ne\u017e optim\u00e1ln\u00ed hodnota atributu, ukazatel se rozsv\u00edt\u00ed zelen\u011b;<\/li>\n\n\n\n<li>high \u2192 pokud je vysok\u00e1 hodnota ni\u017e\u0161\u00ed ne\u017e maxim\u00e1ln\u00ed a vy\u0161\u0161\u00ed ne\u017e optim\u00e1ln\u00ed hodnota, bude sloupec m\u011b\u0159i\u010de oran\u017eov\u00fd. V opa\u010dn\u00e9m p\u0159\u00edpad\u011b bude zelen\u00fd.<\/li>\n<\/ul>\n\n\n\n<p>Mo\u017en\u00e1 zn\u00e1te i podobnou zna\u010dku, kterou je progress. Jak\u00fd je mezi nimi vlastn\u011b rozd\u00edl? Tag progress by se m\u011bl pou\u017e\u00edvat pro prob\u00edhaj\u00edc\u00ed \u00fakoly. Jin\u00fdmi slovy, zna\u010dku progress pou\u017e\u00edvejte, kdy\u017e se zab\u00fdv\u00e1te konkr\u00e9tn\u00edm \u00fakolem. U tagu meter by se m\u011bl pou\u017e\u00edvat pro zobrazen\u00ed vyu\u017eit\u00ed disku nebo pam\u011bti. Dal\u0161\u00edm rozd\u00edlem je, \u017ee tag meter nen\u00ed podporov\u00e1n prohl\u00ed\u017ee\u010dem IE, a to je vlastn\u011b jedin\u00e1 nev\u00fdhoda tohoto tagu.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/app\/uploads\/2024\/05\/2.webp\" alt=\"m\u011b\u0159i\u010d kompatibility m\u011b\u0159i\u010d \" title=\"kompatibilita m\u011b\u0159i\u010de\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">DEL a INS<\/h2>\n\n\n\n<p>P\u0159em\u00fd\u0161leli jste n\u011bkdy o tom, jak vytvo\u0159it dostupn\u00fd indik\u00e1tor smazan\u00fdch a p\u0159idan\u00fdch \u010d\u00e1st\u00ed obsahu (rozd\u00edl v GitHubu nebo e-mailov\u00e9 upozorn\u011bn\u00ed z Jiry, kdy\u017e byl tiket aktualizov\u00e1n)? Sta\u010d\u00ed smazan\u00fd obsah obalit p\u0159\u00edkazem<code><del><\/code>tag. Nap\u0159\u00edklad: <code>&lt;del&gt;&lt;p&gt;Pr&aacute;v\u011b odstran\u011bn&yacute; obsah&lt;\/p&gt;&lt;\/del&gt;<\/code>. Chcete-li zobrazit pouze p\u0159idanou \u010d\u00e1st obsahu, m\u016f\u017eete pou\u017e\u00edt p\u0159\u00edkaz<code><ins><\/code> p\u0159esn\u011b stejn\u00fdm zp\u016fsobem. Tento tag nab\u00edz\u00ed tak\u00e9 dva atributy:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>cite \u2192 uri zdroje, kter\u00fd vysv\u011btluje, pro\u010d byla tato \u010d\u00e1st p\u0159id\u00e1na;<\/li>\n\n\n\n<li>datum \u2192 <a href=\"https:\/\/thecodest.co\/cs\/blog\/app-data-collection-security-risks-value-and-types-explored\/\">data<\/a> a \u010das zm\u011bny.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/app\/uploads\/2024\/05\/ins-compatibility.webp\" alt=\"tabulka kompatibility ins \" title=\"kompatibilita s ins\"\/><\/figure>\n\n\n\n<p>Existuje samoz\u0159ejm\u011b mnohem v\u00edce u\u017eite\u010dn\u00fdch <strong>zna\u010dky v jazyce HTML <\/strong>. V\u0159ele doporu\u010duji pou\u017e\u00edvat v\u0161echny, pokud je to mo\u017en\u00e9 a vhodn\u00e9. Va\u0161i klienti a u\u017eivatel\u00e9 aplikac\u00ed v\u00e1m za takov\u00fd p\u0159\u00edstup pod\u011bkuj\u00ed. Bu\u010fte v\u0161ak opatrn\u00ed, proto\u017ee n\u011bkter\u00e9 zna\u010dky mohou b\u00fdt zastaral\u00e9. V\u017edy se m\u016f\u017eete ujistit, \u017ee m\u00e9n\u011b b\u011b\u017en\u00e1 zna\u010dka, kterou chcete pou\u017e\u00edt, je st\u00e1le platn\u00e1 a m\u00e1 dobrou podporu v syst\u00e9mu <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\">Dokumentace MDN<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"_wp_link_placeholder\"><img loading=\"lazy\" decoding=\"async\" width=\"1283\" height=\"460\" src=\"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/interested_in_cooperation_.png\" alt=\"\" class=\"wp-image-4927\" srcset=\"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/interested_in_cooperation_.png 1283w, https:\/\/thecodest.co\/app\/uploads\/2024\/05\/interested_in_cooperation_-300x108.png 300w, https:\/\/thecodest.co\/app\/uploads\/2024\/05\/interested_in_cooperation_-1024x367.png 1024w, https:\/\/thecodest.co\/app\/uploads\/2024\/05\/interested_in_cooperation_-768x275.png 768w, https:\/\/thecodest.co\/app\/uploads\/2024\/05\/interested_in_cooperation_-18x6.png 18w, https:\/\/thecodest.co\/app\/uploads\/2024\/05\/interested_in_cooperation_-67x24.png 67w\" sizes=\"auto, (max-width: 1283px) 100vw, 1283px\" \/><\/a><\/figure>","protected":false},"excerpt":{"rendered":"<p>V dne\u0161n\u00ed dob\u011b je p\u0159\u00edstupnost (A11y) kl\u00ed\u010dov\u00e1 ve v\u0161ech f\u00e1z\u00edch vytv\u00e1\u0159en\u00ed vlastn\u00edch softwarov\u00fdch produkt\u016f. Po\u010d\u00ednaje \u010d\u00e1st\u00ed n\u00e1vrhu UX\/UI, p\u0159esahuje do pokro\u010dil\u00fdch \u00farovn\u00ed tvorby funkc\u00ed v k\u00f3du. Poskytuje spoustu v\u00fdhod pro v\u00fdvoj\u00e1\u0159e, kte\u0159\u00ed pracuj\u00ed na zvy\u0161ov\u00e1n\u00ed DX, ale p\u0159edev\u0161\u00edm pro koncov\u00e9 u\u017eivatele. Jednou z t\u011bchto a11y \u010d\u00e1st\u00ed v HTML jsou s\u00e9mantick\u00e9 zna\u010dky a pr\u00e1v\u011b o nich bych se zde r\u00e1d zm\u00ednil.<\/p>","protected":false},"author":2,"featured_media":2973,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-2972","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>3 Useful HTML Tags You Might Not Know Even Existed - The Codest<\/title>\n<meta name=\"description\" content=\"Nowadays, accessibility (A11y) is crucial on all stages of building custom software products.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thecodest.co\/cs\/blog\/3-uzitecne-html-znacky-o-kterych-jste-mozna-ani-nevedeli-ze-existuji\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3 Useful HTML Tags You Might Not Know Even Existed\" \/>\n<meta property=\"og:description\" content=\"Nowadays, accessibility (A11y) is crucial on all stages of building custom software products.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thecodest.co\/cs\/blog\/3-uzitecne-html-znacky-o-kterych-jste-mozna-ani-nevedeli-ze-existuji\/\" \/>\n<meta property=\"og:site_name\" content=\"The Codest\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-04T08:40:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-11T05:54:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/3_useful_html_tags_you_might_not_know_even_existed.png\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"thecodest\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"thecodest\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/\"},\"author\":{\"name\":\"thecodest\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\"},\"headline\":\"3 Useful HTML Tags You Might Not Know Even Existed\",\"datePublished\":\"2022-10-04T08:40:30+00:00\",\"dateModified\":\"2026-03-11T05:54:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/\"},\"wordCount\":526,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/3_useful_html_tags_you_might_not_know_even_existed.png\",\"articleSection\":[\"Software Development\"],\"inLanguage\":\"cs-CZ\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/\",\"name\":\"3 Useful HTML Tags You Might Not Know Even Existed - The Codest\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/3_useful_html_tags_you_might_not_know_even_existed.png\",\"datePublished\":\"2022-10-04T08:40:30+00:00\",\"dateModified\":\"2026-03-11T05:54:57+00:00\",\"description\":\"Nowadays, accessibility (A11y) is crucial on all stages of building custom software products.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/#breadcrumb\"},\"inLanguage\":\"cs-CZ\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs-CZ\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/3_useful_html_tags_you_might_not_know_even_existed.png\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/3_useful_html_tags_you_might_not_know_even_existed.png\",\"width\":960,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/3-useful-html-tags-you-might-not-know-even-existed\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thecodest.co\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3 Useful HTML Tags You Might Not Know Even Existed\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"name\":\"The Codest\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thecodest.co\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs-CZ\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\",\"name\":\"The Codest\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs-CZ\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/03\\\/thecodest-logo.svg\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/03\\\/thecodest-logo.svg\",\"width\":144,\"height\":36,\"caption\":\"The Codest\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/pl.linkedin.com\\\/company\\\/codest\",\"https:\\\/\\\/clutch.co\\\/profile\\\/codest\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\",\"name\":\"thecodest\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs-CZ\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"caption\":\"thecodest\"},\"url\":\"https:\\\/\\\/thecodest.co\\\/cs\\\/author\\\/thecodest\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"3 u\u017eite\u010dn\u00e9 zna\u010dky HTML, o kter\u00fdch jste mo\u017en\u00e1 ani nev\u011bd\u011bli, \u017ee existuj\u00ed - The Codest","description":"V dne\u0161n\u00ed dob\u011b je p\u0159\u00edstupnost (A11y) kl\u00ed\u010dov\u00e1 ve v\u0161ech f\u00e1z\u00edch vytv\u00e1\u0159en\u00ed vlastn\u00edch softwarov\u00fdch produkt\u016f.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thecodest.co\/cs\/blog\/3-uzitecne-html-znacky-o-kterych-jste-mozna-ani-nevedeli-ze-existuji\/","og_locale":"cs_CZ","og_type":"article","og_title":"3 Useful HTML Tags You Might Not Know Even Existed","og_description":"Nowadays, accessibility (A11y) is crucial on all stages of building custom software products.","og_url":"https:\/\/thecodest.co\/cs\/blog\/3-uzitecne-html-znacky-o-kterych-jste-mozna-ani-nevedeli-ze-existuji\/","og_site_name":"The Codest","article_published_time":"2022-10-04T08:40:30+00:00","article_modified_time":"2026-03-11T05:54:57+00:00","og_image":[{"width":960,"height":540,"url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/3_useful_html_tags_you_might_not_know_even_existed.png","type":"image\/png"}],"author":"thecodest","twitter_card":"summary_large_image","twitter_misc":{"Written by":"thecodest","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/#article","isPartOf":{"@id":"https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/"},"author":{"name":"thecodest","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76"},"headline":"3 Useful HTML Tags You Might Not Know Even Existed","datePublished":"2022-10-04T08:40:30+00:00","dateModified":"2026-03-11T05:54:57+00:00","mainEntityOfPage":{"@id":"https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/"},"wordCount":526,"commentCount":0,"publisher":{"@id":"https:\/\/thecodest.co\/#organization"},"image":{"@id":"https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/3_useful_html_tags_you_might_not_know_even_existed.png","articleSection":["Software Development"],"inLanguage":"cs-CZ","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/","url":"https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/","name":"3 u\u017eite\u010dn\u00e9 zna\u010dky HTML, o kter\u00fdch jste mo\u017en\u00e1 ani nev\u011bd\u011bli, \u017ee existuj\u00ed - The Codest","isPartOf":{"@id":"https:\/\/thecodest.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/#primaryimage"},"image":{"@id":"https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/3_useful_html_tags_you_might_not_know_even_existed.png","datePublished":"2022-10-04T08:40:30+00:00","dateModified":"2026-03-11T05:54:57+00:00","description":"V dne\u0161n\u00ed dob\u011b je p\u0159\u00edstupnost (A11y) kl\u00ed\u010dov\u00e1 ve v\u0161ech f\u00e1z\u00edch vytv\u00e1\u0159en\u00ed vlastn\u00edch softwarov\u00fdch produkt\u016f.","breadcrumb":{"@id":"https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/#breadcrumb"},"inLanguage":"cs-CZ","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/"]}]},{"@type":"ImageObject","inLanguage":"cs-CZ","@id":"https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/#primaryimage","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/3_useful_html_tags_you_might_not_know_even_existed.png","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/3_useful_html_tags_you_might_not_know_even_existed.png","width":960,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/thecodest.co\/blog\/3-useful-html-tags-you-might-not-know-even-existed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thecodest.co\/"},{"@type":"ListItem","position":2,"name":"3 Useful HTML Tags You Might Not Know Even Existed"}]},{"@type":"WebSite","@id":"https:\/\/thecodest.co\/#website","url":"https:\/\/thecodest.co\/","name":"The Codest","description":"","publisher":{"@id":"https:\/\/thecodest.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thecodest.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs-CZ"},{"@type":"Organization","@id":"https:\/\/thecodest.co\/#organization","name":"The Codest","url":"https:\/\/thecodest.co\/","logo":{"@type":"ImageObject","inLanguage":"cs-CZ","@id":"https:\/\/thecodest.co\/#\/schema\/logo\/image\/","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/03\/thecodest-logo.svg","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/03\/thecodest-logo.svg","width":144,"height":36,"caption":"The Codest"},"image":{"@id":"https:\/\/thecodest.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/pl.linkedin.com\/company\/codest","https:\/\/clutch.co\/profile\/codest"]},{"@type":"Person","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76","name":"thecodest","image":{"@type":"ImageObject","inLanguage":"cs-CZ","@id":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","caption":"thecodest"},"url":"https:\/\/thecodest.co\/cs\/author\/thecodest\/"}]}},"_links":{"self":[{"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/posts\/2972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/comments?post=2972"}],"version-history":[{"count":13,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/posts\/2972\/revisions"}],"predecessor-version":[{"id":8521,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/posts\/2972\/revisions\/8521"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/media\/2973"}],"wp:attachment":[{"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/media?parent=2972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/categories?post=2972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecodest.co\/cs\/wp-json\/wp\/v2\/tags?post=2972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}