{"id":302597,"date":"2025-01-04T19:19:24","date_gmt":"2025-01-04T18:19:24","guid":{"rendered":"https:\/\/glosarix.com\/glossary\/semantic-markup-en\/"},"modified":"2025-01-04T19:19:24","modified_gmt":"2025-01-04T18:19:24","slug":"semantic-markup-en","status":"publish","type":"glossary","link":"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/","title":{"rendered":"Semantic Markup"},"content":{"rendered":"<p>Description: Semantic markup refers to the use of HTML tags that not only structure the content of a web page but also provide meaning to that content. Unlike traditional markup, which focuses on visual presentation, semantic markup aims to enhance the understanding of content by search engines and other automated systems. This is achieved through the use of HTML elements that describe the purpose of the content, such as <\/p>\n<header>, <\/p>\n<article>, <\/p>\n<section>, <\/p>\n<footer>, among others. By employing these tags, developers can create web pages that are more accessible and provide a better user experience. Additionally, semantic markup facilitates content indexing by search engines, which can improve a site&#8217;s SEO (search engine optimization). In summary, semantic markup is an essential practice in modern web development, as it not only enhances accessibility and usability but also contributes to better organization and presentation of content on the web.<\/p>\n<p>History: The concept of semantic markup began to gain relevance with the introduction of HTML5 in 2008, which incorporated new tags specifically designed to enhance the semantics of web content. Before this, developers primarily used tags like <\/p>\n<div> and <span>, which did not provide information about the meaning of the content. With HTML5, elements such as <\/p>\n<article>, <\/p>\n<section>, <\/p>\n<header>, and <\/p>\n<footer> were introduced, allowing developers to structure content more meaningfully. This evolution was driven by the need to create more accessible and understandable websites for both users and search engines.<\/p>\n<p>Uses: Semantic markup is primarily used in web development to enhance content accessibility and indexing. By using semantic tags, developers can help search engines better understand the content of a page, which can result in improved ranking in search results. Additionally, semantic markup is essential for creating accessible web applications, as it allows assistive technologies, such as screen readers, to correctly interpret the structure and meaning of the content.<\/p>\n<p>Examples: A practical example of semantic markup is the use of the <\/p>\n<article> tag to define a blog post, which allows search engines to identify it as standalone content. Another example is the use of <\/p>\n<nav> to define a navigation menu, helping users and search engines understand the site&#8217;s structure. The <\/p>\n<aside> tag can also be used for related or supplementary content, such as a sidebar with links or additional information.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Description: Semantic markup refers to the use of HTML tags that not only structure the content of a web page but also provide meaning to that content. Unlike traditional markup, which focuses on visual presentation, semantic markup aims to enhance the understanding of content by search engines and other automated systems. This is achieved through [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"glossary-categories":[],"glossary-tags":[],"glossary-languages":[],"class_list":["post-302597","glossary","type-glossary","status-publish","hentry"],"post_title":"Semantic Markup ","post_content":"Description: Semantic markup refers to the use of HTML tags that not only structure the content of a web page but also provide meaning to that content. Unlike traditional markup, which focuses on visual presentation, semantic markup aims to enhance the understanding of content by search engines and other automated systems. This is achieved through the use of HTML elements that describe the purpose of the content, such as <header>, <article>, <section>, <footer>, among others. By employing these tags, developers can create web pages that are more accessible and provide a better user experience. Additionally, semantic markup facilitates content indexing by search engines, which can improve a site's SEO (search engine optimization). In summary, semantic markup is an essential practice in modern web development, as it not only enhances accessibility and usability but also contributes to better organization and presentation of content on the web.\n\nHistory: The concept of semantic markup began to gain relevance with the introduction of HTML5 in 2008, which incorporated new tags specifically designed to enhance the semantics of web content. Before this, developers primarily used tags like <div> and <span>, which did not provide information about the meaning of the content. With HTML5, elements such as <article>, <section>, <header>, and <footer> were introduced, allowing developers to structure content more meaningfully. This evolution was driven by the need to create more accessible and understandable websites for both users and search engines.\n\nUses: Semantic markup is primarily used in web development to enhance content accessibility and indexing. By using semantic tags, developers can help search engines better understand the content of a page, which can result in improved ranking in search results. Additionally, semantic markup is essential for creating accessible web applications, as it allows assistive technologies, such as screen readers, to correctly interpret the structure and meaning of the content.\n\nExamples: A practical example of semantic markup is the use of the <article> tag to define a blog post, which allows search engines to identify it as standalone content. Another example is the use of <nav> to define a navigation menu, helping users and search engines understand the site's structure. The <aside> tag can also be used for related or supplementary content, such as a sidebar with links or additional information.","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Semantic Markup - Glosarix<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Semantic Markup - Glosarix\" \/>\n<meta property=\"og:description\" content=\"Description: Semantic markup refers to the use of HTML tags that not only structure the content of a web page but also provide meaning to that content. Unlike traditional markup, which focuses on visual presentation, semantic markup aims to enhance the understanding of content by search engines and other automated systems. This is achieved through [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/\" \/>\n<meta property=\"og:site_name\" content=\"Glosarix\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@GlosarixOficial\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/\",\"url\":\"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/\",\"name\":\"Semantic Markup - Glosarix\",\"isPartOf\":{\"@id\":\"https:\/\/glosarix.com\/en\/#website\"},\"datePublished\":\"2025-01-04T18:19:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/glosarix.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Semantic Markup\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/glosarix.com\/en\/#website\",\"url\":\"https:\/\/glosarix.com\/en\/\",\"name\":\"Glosarix\",\"description\":\"T\u00e9rminos tecnol\u00f3gicos - Glosarix\",\"publisher\":{\"@id\":\"https:\/\/glosarix.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/glosarix.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/glosarix.com\/en\/#organization\",\"name\":\"Glosarix\",\"url\":\"https:\/\/glosarix.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/glosarix.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/glosarix.com\/wp-content\/uploads\/2025\/04\/Glosarix-logo-192x192-1.png.webp\",\"contentUrl\":\"https:\/\/glosarix.com\/wp-content\/uploads\/2025\/04\/Glosarix-logo-192x192-1.png.webp\",\"width\":192,\"height\":192,\"caption\":\"Glosarix\"},\"image\":{\"@id\":\"https:\/\/glosarix.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/GlosarixOficial\",\"https:\/\/www.instagram.com\/glosarixoficial\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Semantic Markup - Glosarix","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:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/","og_locale":"en_US","og_type":"article","og_title":"Semantic Markup - Glosarix","og_description":"Description: Semantic markup refers to the use of HTML tags that not only structure the content of a web page but also provide meaning to that content. Unlike traditional markup, which focuses on visual presentation, semantic markup aims to enhance the understanding of content by search engines and other automated systems. This is achieved through [&hellip;]","og_url":"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/","og_site_name":"Glosarix","twitter_card":"summary_large_image","twitter_site":"@GlosarixOficial","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/","url":"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/","name":"Semantic Markup - Glosarix","isPartOf":{"@id":"https:\/\/glosarix.com\/en\/#website"},"datePublished":"2025-01-04T18:19:24+00:00","breadcrumb":{"@id":"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/glosarix.com\/en\/glossary\/semantic-markup-en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/glosarix.com\/en\/"},{"@type":"ListItem","position":2,"name":"Semantic Markup"}]},{"@type":"WebSite","@id":"https:\/\/glosarix.com\/en\/#website","url":"https:\/\/glosarix.com\/en\/","name":"Glosarix","description":"T\u00e9rminos tecnol\u00f3gicos - Glosarix","publisher":{"@id":"https:\/\/glosarix.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/glosarix.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/glosarix.com\/en\/#organization","name":"Glosarix","url":"https:\/\/glosarix.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/glosarix.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/glosarix.com\/wp-content\/uploads\/2025\/04\/Glosarix-logo-192x192-1.png.webp","contentUrl":"https:\/\/glosarix.com\/wp-content\/uploads\/2025\/04\/Glosarix-logo-192x192-1.png.webp","width":192,"height":192,"caption":"Glosarix"},"image":{"@id":"https:\/\/glosarix.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/GlosarixOficial","https:\/\/www.instagram.com\/glosarixoficial\/"]}]}},"_links":{"self":[{"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/glossary\/302597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/comments?post=302597"}],"version-history":[{"count":0,"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/glossary\/302597\/revisions"}],"wp:attachment":[{"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/media?parent=302597"}],"wp:term":[{"taxonomy":"glossary-categories","embeddable":true,"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/glossary-categories?post=302597"},{"taxonomy":"glossary-tags","embeddable":true,"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/glossary-tags?post=302597"},{"taxonomy":"glossary-languages","embeddable":true,"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/glossary-languages?post=302597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}