{"id":1426,"date":"2024-05-22T17:43:48","date_gmt":"2024-05-22T17:43:48","guid":{"rendered":"https:\/\/orpot.com\/blog\/?p=1426"},"modified":"2024-05-22T17:43:48","modified_gmt":"2024-05-22T17:43:48","slug":"html-atributos","status":"publish","type":"post","link":"https:\/\/orpot.com\/blog\/html-atributos\/","title":{"rendered":"HTML : Atributos"},"content":{"rendered":"<header class=\"article-header\"><\/header>\n<article class=\"article-content\">La etiqueta de apertura de un elemento puede tener fragmentos de informaci\u00f3n especial que podemos adjuntar, llamados atributos.<\/p>\n<p>Los atributos tienen la sintaxis key=\u00bbvalue\u00bb:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;p class=\"a-class\"&gt;Un p\u00e1rrafo de texto&lt;\/p&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>Tambi\u00e9n puedes usar comillas simples, pero usar comillas dobles en HTML es una buena convenci\u00f3n.<\/p>\n<p>Podemos tener muchos de ellos:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;p class=\"a-class\" id=\"an-id\"&gt;Un p\u00e1rrafo de texto&lt;\/p&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>Y algunos atributos son booleanos, lo que significa que solo necesitas la clave, por ejemplo, mira el atributo defer en la etiqueta script:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;script defer src=\"archivo.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>Los atributos class e id son dos de los m\u00e1s comunes que encontrar\u00e1s.<\/p>\n<p>Tienen un significado especial y son \u00fatiles tanto en CSS como en JavaScript.<\/p>\n<p>La diferencia entre los dos es que un id es \u00fanico en el contexto de una p\u00e1gina web; no se puede duplicar.<\/p>\n<p>Las clases, por otro lado, pueden aparecer varias veces en m\u00faltiples elementos.<\/p>\n<p>Adem\u00e1s, un id es solo un valor. La clase puede contener varios valores, separados por un espacio:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;p class=\"a-class otra-clase\"&gt;\r\n\u00a0 Un p\u00e1rrafo de texto\r\n&lt;\/p&gt;<\/pre>\n<p>Es com\u00fan usar el guion &#8211; para separar palabras en un valor de clase, pero es solo una convenci\u00f3n.<\/p>\n<p>Esos son solo dos de los posibles atributos que puedes tener.<\/p>\n<p>Algunos atributos se usan solo para una etiqueta, altamente especializados. Otros tienen aplicaciones m\u00e1s amplias, como id y class que acabas de ver.<\/p>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>La etiqueta de apertura de un elemento puede tener fragmentos de informaci\u00f3n especial que podemos&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[178,180],"tags":[],"_links":{"self":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1426"}],"collection":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/comments?post=1426"}],"version-history":[{"count":1,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1426\/revisions"}],"predecessor-version":[{"id":1427,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1426\/revisions\/1427"}],"wp:attachment":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media?parent=1426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/categories?post=1426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/tags?post=1426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}