{"id":250290,"date":"2025-02-23T12:25:51","date_gmt":"2025-02-23T11:25:51","guid":{"rendered":"https:\/\/glosarix.com\/glossary\/markup\/"},"modified":"2025-02-23T12:25:51","modified_gmt":"2025-02-23T11:25:51","slug":"markup","status":"publish","type":"glossary","link":"https:\/\/glosarix.com\/en\/glossary\/markup\/","title":{"rendered":"Markup"},"content":{"rendered":"<p>Descripci\u00f3n: El &#8216;markup&#8217; se refiere al texto escrito en un lenguaje de marcado, como HTML, que define la estructura de una p\u00e1gina web. Este lenguaje utiliza etiquetas para organizar y presentar contenido, permitiendo que los navegadores interpreten y muestren la informaci\u00f3n de manera adecuada. Las etiquetas de &#8216;markup&#8217; pueden incluir elementos como encabezados, p\u00e1rrafos, listas, enlaces y multimedia, entre otros. La capacidad de &#8216;markup&#8217; para separar el contenido de la presentaci\u00f3n es fundamental en el desarrollo web moderno, ya que permite a los desarrolladores crear interfaces de usuario m\u00e1s limpias y eficientes. Adem\u00e1s, el &#8216;markup&#8217; es esencial para la accesibilidad, ya que proporciona a las tecnolog\u00edas de asistencia la informaci\u00f3n necesaria para interpretar el contenido de manera efectiva. En el contexto de bibliotecas y frameworks de JavaScript, el &#8216;markup&#8217; se utiliza en combinaci\u00f3n con extensiones de sintaxis que permiten escribir &#8216;markup&#8217; en un formato similar a HTML dentro del c\u00f3digo JavaScript. Esto facilita la creaci\u00f3n de componentes de interfaz de usuario de manera m\u00e1s intuitiva y legible, mejorando la experiencia de desarrollo y la mantenibilidad del c\u00f3digo.<\/p>\n<p>Historia: El concepto de &#8216;markup&#8217; se origin\u00f3 con el desarrollo de lenguajes de marcado en la d\u00e9cada de 1960, siendo el m\u00e1s notable el SGML (Standard Generalized Markup Language) introducido en 1986. HTML (HyperText Markup Language), que se basa en SGML, fue creado por Tim Berners-Lee en 1991 para estructurar documentos en la web. A lo largo de los a\u00f1os, HTML ha evolucionado, dando lugar a versiones m\u00e1s avanzadas como HTML5, que incluye nuevas caracter\u00edsticas para multimedia y aplicaciones web.<\/p>\n<p>Usos: El &#8216;markup&#8217; se utiliza principalmente en el desarrollo web para estructurar contenido en p\u00e1ginas HTML. Tambi\u00e9n se aplica en la creaci\u00f3n de documentos XML y en la generaci\u00f3n de contenido din\u00e1mico mediante lenguajes de programaci\u00f3n como JavaScript. En el contexto de bibliotecas y frameworks de JavaScript, el &#8216;markup&#8217; se utiliza para definir la estructura de los componentes de la interfaz de usuario, facilitando la creaci\u00f3n de aplicaciones web interactivas.<\/p>\n<p>Ejemplos: Un ejemplo de &#8216;markup&#8217; en HTML ser\u00eda: <\/p>\n<h1>T\u00edtulo Principal<\/h1>\n<p>Este es un p\u00e1rrafo de texto.<\/p>\n<p>. En un componente de JavaScript, podr\u00eda verse as\u00ed: const MiComponente = () => { return <\/p>\n<div>\n<h1>T\u00edtulo Principal<\/h1>\n<p>Este es un p\u00e1rrafo de texto.<\/p>\n<\/div>\n<p>; };<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descripci\u00f3n: El &#8216;markup&#8217; se refiere al texto escrito en un lenguaje de marcado, como HTML, que define la estructura de una p\u00e1gina web. Este lenguaje utiliza etiquetas para organizar y presentar contenido, permitiendo que los navegadores interpreten y muestren la informaci\u00f3n de manera adecuada. Las etiquetas de &#8216;markup&#8217; pueden incluir elementos como encabezados, p\u00e1rrafos, listas, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"glossary-categories":[12067],"glossary-tags":[13023],"glossary-languages":[],"class_list":["post-250290","glossary","type-glossary","status-publish","hentry","glossary-categories-react","glossary-tags-react"],"post_title":"Markup","post_content":"Descripci\u00f3n: El 'markup' se refiere al texto escrito en un lenguaje de marcado, como HTML, que define la estructura de una p\u00e1gina web. Este lenguaje utiliza etiquetas para organizar y presentar contenido, permitiendo que los navegadores interpreten y muestren la informaci\u00f3n de manera adecuada. Las etiquetas de 'markup' pueden incluir elementos como encabezados, p\u00e1rrafos, listas, enlaces y multimedia, entre otros. La capacidad de 'markup' para separar el contenido de la presentaci\u00f3n es fundamental en el desarrollo web moderno, ya que permite a los desarrolladores crear interfaces de usuario m\u00e1s limpias y eficientes. Adem\u00e1s, el 'markup' es esencial para la accesibilidad, ya que proporciona a las tecnolog\u00edas de asistencia la informaci\u00f3n necesaria para interpretar el contenido de manera efectiva. En el contexto de bibliotecas y frameworks de JavaScript, el 'markup' se utiliza en combinaci\u00f3n con extensiones de sintaxis que permiten escribir 'markup' en un formato similar a HTML dentro del c\u00f3digo JavaScript. Esto facilita la creaci\u00f3n de componentes de interfaz de usuario de manera m\u00e1s intuitiva y legible, mejorando la experiencia de desarrollo y la mantenibilidad del c\u00f3digo.\n\nHistoria: El concepto de 'markup' se origin\u00f3 con el desarrollo de lenguajes de marcado en la d\u00e9cada de 1960, siendo el m\u00e1s notable el SGML (Standard Generalized Markup Language) introducido en 1986. HTML (HyperText Markup Language), que se basa en SGML, fue creado por Tim Berners-Lee en 1991 para estructurar documentos en la web. A lo largo de los a\u00f1os, HTML ha evolucionado, dando lugar a versiones m\u00e1s avanzadas como HTML5, que incluye nuevas caracter\u00edsticas para multimedia y aplicaciones web.\n\nUsos: El 'markup' se utiliza principalmente en el desarrollo web para estructurar contenido en p\u00e1ginas HTML. Tambi\u00e9n se aplica en la creaci\u00f3n de documentos XML y en la generaci\u00f3n de contenido din\u00e1mico mediante lenguajes de programaci\u00f3n como JavaScript. En el contexto de bibliotecas y frameworks de JavaScript, el 'markup' se utiliza para definir la estructura de los componentes de la interfaz de usuario, facilitando la creaci\u00f3n de aplicaciones web interactivas.\n\nEjemplos: Un ejemplo de 'markup' en HTML ser\u00eda: <h1>T\u00edtulo Principal<\/h1><p>Este es un p\u00e1rrafo de texto.<\/p>. En un componente de JavaScript, podr\u00eda verse as\u00ed: const MiComponente = () => { return <div><h1>T\u00edtulo Principal<\/h1><p>Este es un p\u00e1rrafo de texto.<\/p><\/div>; };","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>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\/markup\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Markup - Glosarix\" \/>\n<meta property=\"og:description\" content=\"Descripci\u00f3n: El &#8216;markup&#8217; se refiere al texto escrito en un lenguaje de marcado, como HTML, que define la estructura de una p\u00e1gina web. Este lenguaje utiliza etiquetas para organizar y presentar contenido, permitiendo que los navegadores interpreten y muestren la informaci\u00f3n de manera adecuada. Las etiquetas de &#8216;markup&#8217; pueden incluir elementos como encabezados, p\u00e1rrafos, listas, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/glosarix.com\/en\/glossary\/markup\/\" \/>\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\/markup\/\",\"url\":\"https:\/\/glosarix.com\/en\/glossary\/markup\/\",\"name\":\"Markup - Glosarix\",\"isPartOf\":{\"@id\":\"https:\/\/glosarix.com\/en\/#website\"},\"datePublished\":\"2025-02-23T11:25:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/glosarix.com\/en\/glossary\/markup\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/glosarix.com\/en\/glossary\/markup\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/glosarix.com\/en\/glossary\/markup\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/glosarix.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"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":"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\/markup\/","og_locale":"en_US","og_type":"article","og_title":"Markup - Glosarix","og_description":"Descripci\u00f3n: El &#8216;markup&#8217; se refiere al texto escrito en un lenguaje de marcado, como HTML, que define la estructura de una p\u00e1gina web. Este lenguaje utiliza etiquetas para organizar y presentar contenido, permitiendo que los navegadores interpreten y muestren la informaci\u00f3n de manera adecuada. Las etiquetas de &#8216;markup&#8217; pueden incluir elementos como encabezados, p\u00e1rrafos, listas, [&hellip;]","og_url":"https:\/\/glosarix.com\/en\/glossary\/markup\/","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\/markup\/","url":"https:\/\/glosarix.com\/en\/glossary\/markup\/","name":"Markup - Glosarix","isPartOf":{"@id":"https:\/\/glosarix.com\/en\/#website"},"datePublished":"2025-02-23T11:25:51+00:00","breadcrumb":{"@id":"https:\/\/glosarix.com\/en\/glossary\/markup\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/glosarix.com\/en\/glossary\/markup\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/glosarix.com\/en\/glossary\/markup\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/glosarix.com\/en\/"},{"@type":"ListItem","position":2,"name":"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\/250290","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=250290"}],"version-history":[{"count":0,"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/glossary\/250290\/revisions"}],"wp:attachment":[{"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/media?parent=250290"}],"wp:term":[{"taxonomy":"glossary-categories","embeddable":true,"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/glossary-categories?post=250290"},{"taxonomy":"glossary-tags","embeddable":true,"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/glossary-tags?post=250290"},{"taxonomy":"glossary-languages","embeddable":true,"href":"https:\/\/glosarix.com\/en\/wp-json\/wp\/v2\/glossary-languages?post=250290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}