{"id":5258,"date":"2021-06-15T09:50:00","date_gmt":"2021-06-15T07:50:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=5258"},"modified":"2024-04-25T18:13:24","modified_gmt":"2024-04-25T16:13:24","slug":"atributos-html","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/atributos-html\/","title":{"rendered":"Atributos HTML"},"content":{"rendered":"\n<p>Si eres desarrollador web, es bueno que conozcas que atributos tiene cada una de las etiquetas HTML5. \u00bfQuieres saber que atributos existen para cada una? En las pr\u00f3ximas l\u00edneas te cuento todo sobre los atributos HTML5. \u00a1Comenzamos!<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es un atributo HTML?<\/h2>\n\n\n\n<p>Antes de entrar en materia, y que veas todos los atributos HTML que ahora mismo existen, quiero explicarte que son exactamente. Un atributo HTML es un valor o propiedad que a\u00f1ades a una etiqueta HTML. Este otorgar\u00e1 una propiedad o comportamiento espec\u00edfico a la propia etiqueta, por lo que es muy importante que los conozcas todos. A menos que te guardes esta p\u00e1gina en favoritos para usarla cuando lo necesites ;). <\/p>\n\n\n\n<p>Para a\u00f1adir el atributo, bastar\u00e1 con que lo introduzcas en la propia etiqueta de inicio del elemento HTML en cuesti\u00f3n. Un ejemplo ser\u00eda el siguiente, donde vamos a a\u00f1adir el atributo \u00abid\u00bb a una etiqueta &lt;div&gt;: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=\"nombre\"&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p>C\u00f3mo te habr\u00e1s fijado el atributo se a\u00f1ade dentro de la etiqueta HTML inicial. Tambi\u00e9n ver\u00e1s que aunque el atributo es \u00abid\u00bb, este contiene un valor que le hemos asignado, en este caso \u00abnombre\u00bb. <\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Si tienes alguna duda sobre que etiquetas HTML existen, hace un tiempo prepar\u00e9 un <a href=\"https:\/\/carontestudio.com\/blog\/listado-de-etiquetas-html\/\">listado de etiquetas HTML5<\/a> complet\u00edsimo, que sin duda podr\u00e1 ayudarte en tus proyectos. <\/p>\n<\/blockquote>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Tipos de atributos HTML<\/h2>\n\n\n\n<p>Existen diferentes tipos de atributos para las etiquetas. Algunos son de \u00e1mbito global, mientras que otros son m\u00e1s espec\u00edficos y solo son v\u00e1lidos para algunas etiquetas HTML. En general podemos ordenarlos de la siguiente manera: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Atributos requeridos:<\/strong> son atributos necesarios para la etiqueta HTML. Sin ellos, la etiqueta por si sola no tendr\u00e1 el comportamiento esperado. <\/li>\n\n\n\n<li><strong>Atributos opcionales<\/strong>: en este caso, estos atributos son utilizados para modificar la funcionalidad por defecto de la etiqueta HTML. <\/li>\n\n\n\n<li><strong>Atributos globales<\/strong>: son atributos de \u00e1mbito general que pueden ser utilizados en casi cualquier etiqueta HTML. <\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"731\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/atributos-html-1-1024x731.jpg\" alt=\"Imagen de teclas con las letras de HTML. \" class=\"wp-image-5305\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/atributos-html-1-1024x731.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/atributos-html-1-300x214.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/atributos-html-1-768x548.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/atributos-html-1.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Existe otro tipo de atributo llamado: <strong>atributo de eventos<\/strong>. Este tipo de atributos son utilizados para hacer que las etiquetas HTML, o mejor dicho su \u00abfuncionamiento\u00bb, sean ejecutados siempre que se cumplan unas circunstancias concretas determinadas con el propio atributo. <\/p>\n\n\n\n<p>En esta ocasi\u00f3n voy a dejar para otra entrada estos atributos, ya que considero que merece una entrada especifica para ellos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Listado de atributos HTML5<\/h2>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><thead><tr><th>Atributo<\/th><th>Etiqueta HTML5<\/th><th>Descripci\u00f3n<\/th><\/tr><\/thead><tbody><tr><td>accept<\/td><td>&lt;form&gt;, &lt;input&gt;<\/td><td>Tipos de archivos aceptados por el servidor. Puedes definirlos con valores separados por comas, por ejemplo: .doc, .ods, .txt, etc. O tambi\u00e9n puedes indicarle un conjunto de tipos de archivos, como por ejemplo: \u00abvideo\/*\u00bb o \u00abaudio\/*\u00bb <\/td><\/tr><tr><td>accept-charset<\/td><td>&lt;form&gt;<\/td><td>Define una lista de caracteres soportados en el formulario. Por ejemplo: accept-charset=\u00bbISO-8859-1&#8243;<\/td><\/tr><tr><td>accesskey<\/td><td>Atributo Global<\/td><td>Podr\u00e1s configurar un bot\u00f3n de tu teclado para que se ejecute acci\u00f3n en la p\u00e1gina web. Por ejemplo, un enlace hacia la p\u00e1gina de contacto o la home.<\/td><\/tr><tr><td>action<\/td><td>&lt;form&gt;<\/td><td>El atributo especifica la URL d\u00f3nde se enviar\u00e1n los datos recogidos en el formulario, a menudo un archivo .php dentro del mismo servidor.<\/td><\/tr><tr><td>align<\/td><td>&lt;applet&gt;, &lt;caption&gt;, &lt;col&gt;, &lt;colgroup&gt;, &lt;hr&gt;, &lt;iframe&gt;, &lt;img&gt;, &lt;table&gt;, &lt;tbody&gt;, &lt;td&gt;, &lt;tfoot&gt; , &lt;th&gt;, &lt;thead&gt;, &lt;tr&gt;<\/td><td>Especifica el alineamiento horizontal del elemento. <br><em><em>Este atributo sigue funcionando pero no es aconsejable usarlo ya que est\u00e1 en desuso. Lo recomendable es usar reglas CSS en su lugar<\/em><\/em>.<\/td><\/tr><tr><td>alt<\/td><td>&lt;applet&gt;, &lt;area&gt;, &lt;img&gt;, &lt;input&gt;<\/td><td>Texto alternativo que se mostrar\u00e1 en el navegador en caso de que la imagen no se pueda mostrar. Muy importante de cara a accesibilidad.<\/td><\/tr><tr><td>async<\/td><td>&lt;script&gt;<\/td><td>Indica que el script debe ejecutarse de forma as\u00edncrona.<\/td><\/tr><tr><td>autocomplete<\/td><td>&lt;form&gt;, &lt;input&gt;<\/td><td>Indica si los controles en este formulario pueden tener por defecto sus valores completados autom\u00e1ticamente por el navegador.<\/td><\/tr><tr><td>autofocus<\/td><td>&lt;button&gt;, &lt;input&gt;, &lt;keygen&gt;, &lt;select&gt;, &lt;textarea&gt;<\/td><td>El elemento debe tener el foco autom\u00e1ticamente una vez se cargue la p\u00e1gina web.<\/td><\/tr><tr><td>autoplay<\/td><td>&lt;audio&gt;, &lt;video&gt;<\/td><td>Hace que el audio o video comience a reproducirse una vez se cargue la p\u00e1gina web.<\/td><\/tr><tr><td>bgcolor<\/td><td>&lt;body&gt;, &lt;col&gt;, &lt;colgroup&gt;, &lt;marquee&gt;, &lt;table&gt;, &lt;tbody&gt;, &lt;tfoot&gt;, &lt;td&gt;, &lt;th&gt;, &lt;tr&gt;<\/td><td>Te permite a\u00f1adir un color de fondo al elemento HTML. El color debe ser a\u00f1adido en el modo de <a href=\"https:\/\/carontestudio.com\/blog\/colores-html\/#Hexadecimal\">color hexadecimal<\/a>, por ejemplo #FF00AA. <br><em>Este atributo sigue funcionando pero no es aconsejable usarlo ya que est\u00e1 en desuso. Lo recomendable es usar reglas CSS en su lugar<\/em>.<\/td><\/tr><tr><td>border<\/td><td>&lt;img&gt;, &lt;object&gt;, &lt;table&gt;<\/td><td>Permite definir un borde al elemento HTML. <br><em>Este atributo sigue funcionando pero no es aconsejable usarlo ya que est\u00e1 en desuso. Lo recomendable es usar reglas CSS en su lugar<\/em>.<\/td><\/tr><tr><td>buffered<\/td><td>&lt;audio&gt;, &lt;video&gt;<\/td><td>Con este atributo podr\u00e1s definir un rango de tiempo del elemento multimedia que ser\u00e1 usado como buffer.<\/td><\/tr><tr><td>charset<\/td><td>&lt;meta&gt;, &lt;script&gt;<\/td><td>Atributo necesario par definir la codificaci\u00f3n de caracteres de la p\u00e1gina o del script.<\/td><\/tr><tr><td>checked<\/td><td>&lt;command&gt;, &lt;input&gt;<\/td><td>Usado para definir que un elemento HTML debe estar marcado por defecto al cargar la p\u00e1gina web.<\/td><\/tr><tr><td>cite<\/td><td>&lt;blockquote&gt;, &lt;del&gt;, &lt;ins&gt;, &lt;q&gt;<\/td><td>Contiene una URL que apunta a la fuente de la cita o cambio. <strong>Muy importante de cara a una correcta optimizaci\u00f3n SEO de la p\u00e1gina. <\/strong><\/td><\/tr><tr><td>class<\/td><td>Atributo Global<\/td><td>Otorga una clase creada en CSS a un elemento HTML. Se usa principalmente para aplicar estilos a elementos con propiedades en com\u00fan.<\/td><\/tr><tr><td>code<\/td><td>&lt;applet&gt;<\/td><td>Especifica la URL del archivo de tipo applet que ser\u00e1 cargado y ejecutado.<\/td><\/tr><tr><td>color<\/td><td>&lt;basefont&gt;, &lt;font&gt;, &lt;hr&gt;<\/td><td>Atributo usado para indicar el <a href=\"https:\/\/carontestudio.com\/blog\/colores-html\/\">color HTML<\/a> del texto de un elemento. <br><em>Este atributo sigue funcionando pero no es aconsejable usarlo ya que est\u00e1 en desuso. Lo recomendable es usar reglas CSS en su lugar<\/em>.<\/td><\/tr><tr><td>cols<\/td><td>&lt;textarea&gt;<\/td><td>Dentro de una etiqueta &lt;textarea&gt;, se usa para definir el n\u00famero de columnas que tendr\u00e1 el campo de texto.<\/td><\/tr><tr><td>colspan<\/td><td>&lt;td&gt;, &lt;th&gt;<\/td><td>Dentro de una tabla, define el n\u00famero de columnas que una celda debe ocupar.<\/td><\/tr><tr><td>content<\/td><td>&lt;meta&gt;<\/td><td>Un atributo que permite definir el contenido de la etiqueta HTML &lt;meta&gt; que acompa\u00f1a. <\/td><\/tr><tr><td>contenteditable<\/td><td>Atributo Global<\/td><td>Define si el contenido del elemento HTML podr\u00e1 ser editable o no.<\/td><\/tr><tr><td>contextmenu<\/td><td>Atributo Global<\/td><td>Define el ID del elemento &lt;menu&gt; que servira como men\u00fa de contexto para otro elemento.<\/td><\/tr><tr><td>controls<\/td><td>&lt;audio&gt;, &lt;video&gt;<\/td><td>Indica si el navegador debe mostrar los controles multimedia del reproductor integrado al usuario.<\/td><\/tr><tr><td>coords<\/td><td>&lt;area&gt;<\/td><td>Un conjunto de valores que especifican las coordenadas dentro de la etiqueta area.<\/td><\/tr><tr><td>data<\/td><td>&lt;object&gt;<\/td><td>Especifica la URL, absoluta o relativa del objeto o recurso.<\/td><\/tr><tr><td>data-*<\/td><td>Atributo Global<\/td><td>Permite asociar atributos presonalizados a un elemento HTML.<\/td><\/tr><tr><td>datetime<\/td><td>&lt;del&gt;, &lt;ins&gt;, &lt;time&gt;<\/td><td>Permite definir la fecha y hora asociadas con el elemento.<\/td><\/tr><tr><td>default<\/td><td>&lt;track&gt;<\/td><td>Con este atributo podr\u00e1s definir que por defecto, una pista por ejemplo de subt\u00edtulos est\u00e9 habilitada. Siempre y cuando las preferencias del usuario no indiquen algo diferente.<\/td><\/tr><tr><td>defer<\/td><td>&lt;script&gt;<\/td><td>Indica que el c\u00f3digo debe ser ejecutado despues de que la p\u00e1gina este cargada. <\/td><\/tr><tr><td>dir<\/td><td>Atributo Global<\/td><td>Con este atributo puedes definir la direcci\u00f3n del texto en un elemento HTML. Los valores permitidos son ltr (Izquierda-a-Derecha) o rtl (Derecha-a-Izquierda).<\/td><\/tr><tr><td>dirname<\/td><td>&lt;input&gt;, &lt;textarea&gt;<\/td><td>Similar a la anterior. Indica la direcci\u00f3n del texto asociada con el elemento al momento de enviar el formulario.<\/td><\/tr><tr><td>disabled<\/td><td>&lt;button&gt;, &lt;command&gt;, &lt;fieldset&gt;, &lt;input&gt;, &lt;keygen&gt;, &lt;optgroup&gt;, &lt;option&gt;, &lt;select&gt;, &lt;textarea&gt;<\/td><td>Permite que un elemento HTML est\u00e9 deshabilitado y el usuario no pueda interactuar con el. <\/td><\/tr><tr><td>download<\/td><td>&lt;a&gt;, &lt;area&gt;<\/td><td>Si este atributo se a\u00f1ade al elemento HTML, el recurso indicado podr\u00e1 descargarse al dispositivo del usuario.<\/td><\/tr><tr><td>draggable<\/td><td>Atributo Global<\/td><td>Define si el elemento puede ser arrastrado.<\/td><\/tr><tr><td>enctype<\/td><td>&lt;form&gt;<\/td><td>Define el tipo de contenido del formulario cuando el m\u00e9todo del mismo es POST.<\/td><\/tr><tr><td>for<\/td><td>&lt;label&gt;, &lt;output&gt;<\/td><td>Atributo usado para asociar o describir elementos que pertenecen a \u00e9ste. <\/td><\/tr><tr><td>form<\/td><td>&lt;button&gt;, &lt;fieldset&gt;, &lt;input&gt;, &lt;keygen&gt;, &lt;label&gt;, &lt;meter&gt;, &lt;object&gt;, &lt;output&gt;, &lt;progress&gt;, &lt;select&gt;, &lt;textarea&gt;<\/td><td>Atributo para indicar el formulario al que pertenece el elemento.<\/td><\/tr><tr><td>headers<\/td><td>&lt;td&gt;, &lt;th&gt;<\/td><td>A trav\u00e9s de \u00abids\u00bb indicados en los encabezados de una tabla &lt;th&gt; podr\u00e1s asociarlos a diferentes elementos de la tabla &lt;td&gt;. Muy \u00fatil de cara a la accesibilidad y por lo tanto para el SEO.<\/td><\/tr><tr><td>height<\/td><td>&lt;canvas&gt;, &lt;embed&gt;, &lt;iframe&gt;, &lt;img&gt;, &lt;input&gt;, &lt;object&gt;, &lt;video&gt;<\/td><td>Permite especificar la altura de los elementos HTML indicados. <br><em>Este atributo sigue funcionando pero no es aconsejable usarlo ya que est\u00e1 en desuso. Lo recomendable es usar reglas CSS en su lugar<\/em>.<\/td><\/tr><tr><td>hidden<\/td><td>Atributo Global<\/td><td>Este atributo permite indicar que el elemento HTML no debe ser visible. Es habitual usarlo por ejemplo, para ocultar elementos que no deben ser visibles inicialmente pero que despu\u00e9s de una acci\u00f3n si deben verse.<\/td><\/tr><tr><td>high<\/td><td>&lt;meter&gt;<\/td><td>El atributo especifica el intervalo donde el atributo \u00abvalue\u00bb tomara el valor como alto. <\/td><\/tr><tr><td>href<\/td><td>&lt;a&gt;, &lt;area&gt;, &lt;base&gt;, &lt;link&gt;<\/td><td>La URL de un recurso asociado.<\/td><\/tr><tr><td>hreflang<\/td><td>&lt;a&gt;, &lt;area&gt;, &lt;link&gt;<\/td><td>Especifica el lenguaje del recurso asociado.<\/td><\/tr><tr><td>http-equiv<\/td><td>&lt;meta&gt;<\/td><td>Indica una directiva que puede alterar el comportamiento de la p\u00e1gina y como es le\u00edda por los exploradores.<\/td><\/tr><tr><td>id<\/td><td>Atributo Global<\/td><td>Usado para asignar un identificador \u00fanico a un elemento HTML. Usado generalmente para acceder al mismo desde CSS o Javascript. No pueden existir dos \u00abids\u00bb iguales en una misma p\u00e1gina web. <\/td><\/tr><tr><td>ismap<\/td><td>&lt;img&gt;<\/td><td>Indica que la imagen es parte de un mapa de imagen del servidor.<\/td><\/tr><tr><td>itemprop<\/td><td>Atributo Global<\/td><td>Atributo que permite dar m\u00e1s informaci\u00f3n a Google acerca de im\u00e1genes o datos dentro de cualquier tipo de etiquetas. Por ejemplo se puede indicar propiedades como: actores , clasificaci\u00f3n, g\u00e9nero, etc .<\/td><\/tr><tr><td>label<\/td><td>&lt;track&gt;<\/td><td>Especifica el t\u00edtulo de la pista con un formato legible por el usuario. Usado conjuntamente con el atributo \u00abfor\u00bb<\/td><\/tr><tr><td>lang<\/td><td>Atributo Global<\/td><td>Define el lenguaje utilizado en el elemento.<\/td><\/tr><tr><td>language<\/td><td>&lt;script&gt;<\/td><td>Define el lenguaje (de programaci\u00f3n) utilizado en el script.<\/td><\/tr><tr><td>list<\/td><td>&lt;input&gt;<\/td><td>Identifica una serie de valores predefinidos para ser sugeridos al usuario en un men\u00fa desplegable.<\/td><\/tr><tr><td>loop<\/td><td>&lt;audio&gt;, &lt;bgsound&gt;, &lt;marquee&gt;, &lt;video&gt;<\/td><td>Atributo que habilita al medio a volver a reproducirse desde el principio cuando llega al final.<\/td><\/tr><tr><td>low<\/td><td>&lt;meter&gt;<\/td><td>Similar al atributo high, solo que en este caso, permite definir cuando un valor estar\u00e1 en el rango bajo.<\/td><\/tr><tr><td>max<\/td><td>&lt;input&gt;, &lt;meter&gt;, &lt;progress&gt;<\/td><td>Define el m\u00e1ximo valor aceptado.<\/td><\/tr><tr><td>maxlength<\/td><td>&lt;input&gt;, &lt;textarea&gt;<\/td><td>Define el mayor n\u00famero de caracteres aceptados.<\/td><\/tr><tr><td>media<\/td><td>&lt;a&gt;, &lt;area&gt;, &lt;link&gt;, &lt;source&gt;, &lt;style&gt;<\/td><td>Indica el tipo de medio para el cual el recurso vinculado fue creado.<\/td><\/tr><tr><td>method<\/td><td>&lt;form&gt;<\/td><td>Define el m\u00e9todo HTTP a emplear para enviar el formulario. Puede ser GET (predeterminado) o POST. <\/td><\/tr><tr><td>min<\/td><td>&lt;input&gt;, &lt;meter&gt;<\/td><td>Define el valor m\u00ednimo aceptado.<\/td><\/tr><tr><td>multiple<\/td><td>&lt;input&gt;, &lt;select&gt;<\/td><td>Atributo que define si se puede introducir m\u00faltiples valores.<\/td><\/tr><tr><td>muted<\/td><td>&lt;video&gt;<\/td><td>Al reproducir un contenido audiovisual, este atributo indica si el audio ser\u00e1 silenciado inicialmente al cargar la p\u00e1gina.<\/td><\/tr><tr><td>name<\/td><td>&lt;button&gt;, &lt;form&gt;, &lt;fieldset&gt;, &lt;iframe&gt;, &lt;input&gt;, &lt;keygen&gt;, &lt;object&gt;, &lt;output&gt;, &lt;select&gt;, &lt;textarea&gt;, &lt;map&gt;, &lt;meta&gt;, &lt;param&gt;<\/td><td>Nombre del elemento. Utilizado a menudo por el servidor para identificar los campos en el env\u00edo de formularios. <\/td><\/tr><tr><td>novalidate<\/td><td>&lt;form&gt;<\/td><td>Con este atributo indicamos al formulario que no valide el contenido del mismo.<\/td><\/tr><tr><td>open<\/td><td>&lt;details&gt;<\/td><td>Indica si los detalles de la p\u00e1gina seran mostrados cuando cargue la misma.<\/td><\/tr><tr><td>optimum<\/td><td>&lt;meter&gt;<\/td><td>Con este atributo se define el valor num\u00e9rico \u00f3ptimo.<\/td><\/tr><tr><td>pattern<\/td><td>&lt;input&gt;<\/td><td>Este atributo define una expresi\u00f3n regular con la cual el valor del elemento debe ser validado antes de aceptar el contenido del mismo.<\/td><\/tr><tr><td>ping<\/td><td>&lt;a&gt;, &lt;area&gt;<\/td><td>Indica si se enviara un ping o notificacion a la URL del recurso cuando el usuario utlize el vinculo.<\/td><\/tr><tr><td>placeholder<\/td><td>&lt;input&gt;, &lt;textarea&gt;<\/td><td>Proporciona una sugerencia al usuario de lo que puede ser introducido en el campo de un formulario por ejemplo. Muy util de cara a la accesibilidad.<\/td><\/tr><tr><td>poster<\/td><td>&lt;video&gt;<\/td><td>Atributo que permite a\u00f1adir una imagen que se mostrar\u00e1 mientras se <a href=\"https:\/\/carontestudio.com\/blog\/como-poner-un-video-de-fondo-en-html\/\">carga un video en una web<\/a>. En caso de que la URL del video este \u00abrota\u00bb, el poster seguir\u00e1 carg\u00e1ndose consiguiendo con esto no ver un hueco vacio en la web. <\/td><\/tr><tr><td>preload<\/td><td>&lt;audio&gt;, &lt;video&gt;<\/td><td>Indica si el recurso o partes del mismo deben ser precargadas.<\/td><\/tr><tr><td>readonly<\/td><td>&lt;input&gt;, &lt;textarea&gt;<\/td><td>Con este atributo se define si el elemento puede o no ser editado por el usuario.<\/td><\/tr><tr><td>rel<\/td><td>&lt;a&gt;, &lt;area&gt;, &lt;link&gt;<\/td><td>Especifica la relaci\u00f3n entre el objeto destino y el objeto enlace. Importante de cara una correcta optimizaci\u00f3n SEO.<\/td><\/tr><tr><td>required<\/td><td>&lt;input&gt;, &lt;select&gt;, &lt;textarea&gt;<\/td><td>Con este atributo hacemos que la etiqueta Html sea, o no, de obligada cumplimentaci\u00f3n. <\/td><\/tr><tr><td>reversed<\/td><td>&lt;ol&gt;<\/td><td>Con este atributo podemos modificar el comportamiento est\u00e1ndar de una lista ordenada haciendo que se vea listada en orden descendente en lugar de ascendente.<\/td><\/tr><tr><td>rows<\/td><td>&lt;textarea&gt;<\/td><td>Define el n\u00famero de filas en un \u00e1rea de texto.<\/td><\/tr><tr><td>rowspan<\/td><td>&lt;td&gt;, &lt;th&gt;<\/td><td>Define el n\u00famero de filas que una celda de una tabla debe abarcar.<\/td><\/tr><tr><td>sandbox<\/td><td>&lt;iframe&gt;<\/td><td>Lista de restricciones a ser desactivadas en el iframe.<\/td><\/tr><tr><td>scope<\/td><td>&lt;th&gt;<\/td><td>En una tabla permite definir las celdas que la cabecera deber\u00e1 ocupar en este elemento.<\/td><\/tr><tr><td>seamless<\/td><td>&lt;iframe&gt;<\/td><td>Indica si el iframe debe ser cargado como parte del mismo documento.<\/td><\/tr><tr><td>selected<\/td><td>&lt;option&gt;<\/td><td>Define un valor que aparecer\u00e1 por defecto seleccionado al cargar la p\u00e1gina.<\/td><\/tr><tr><td>size<\/td><td>&lt;input&gt;, &lt;select&gt;<\/td><td>Define el ancho del elemento (en p\u00edxeles). En este caso es mejor por tanto usar reglas CSS. En cambio. si el atributo del elemento es del tipo \u00abtext\u00bb o \u00abpassword\u00bb, entonces es el n\u00famero de caracteres que se podr\u00e1n introducir.<\/td><\/tr><tr><td>span<\/td><td>&lt;col&gt;, &lt;colgroup&gt;<\/td><td>Indica el n\u00famero de columnas que se agrupan en una tabla.<\/td><\/tr><tr><td>spellcheck<\/td><td>Atributo Global<\/td><td>Con este atributo se permite que un texto pueda ser autocorregido ortogr\u00e1ficamente, o no. <\/td><\/tr><tr><td>src<\/td><td>&lt;audio&gt;, &lt;embed&gt;, &lt;iframe&gt;, &lt;img&gt;, &lt;input&gt;, &lt;script&gt;, &lt;source&gt;, &lt;track&gt;, &lt;video&gt;<\/td><td>La URL del contenido integrable en la etiqueta HTML que lo acompa\u00f1a.<\/td><\/tr><tr><td>srcdoc<\/td><td>&lt;iframe&gt;<\/td><td>Especifica el contenido de la p\u00e1gina incluida.<\/td><\/tr><tr><td>srclang<\/td><td>&lt;track&gt;<\/td><td>Especifica el lenguaje del contenido de la pista.<\/td><\/tr><tr><td>srcset<\/td><td>&lt;img&gt;<\/td><td>Este atributo define diferentes versiones de la imagen para mostrar una o otra seg\u00fan el tipo de pantalla.<\/td><\/tr><tr><td>start<\/td><td>&lt;ol&gt;<\/td><td>Define el n\u00famero inicial de la lista ordenada (si es diferente a 1).<\/td><\/tr><tr><td>style<\/td><td>Atributo Global<\/td><td>Define los estilos CSS que anulan los estilos establecidos previamente. En este caso son llamados estilos en l\u00ednea ya que se introducen directamente en la etiqueta HTML en cuesti\u00f3n.<\/td><\/tr><tr><td>target<\/td><td>&lt;a&gt;, &lt;area&gt;, &lt;base&gt;, &lt;form&gt;<\/td><td>Con este atributo se determina el marco destino en un v\u00ednculo. <br>Valores especiales: \u00ab_blank\u00bb indica una nueva ventana, \u00ab_parent\u00bb indica el marco padre del marco que contiene el c\u00f3digo fuente, \u00ab_self\u00bb indica el marco donde est\u00e1 el c\u00f3digo fuente y \u00ab_top\u00bb indica la ventana completa del navegador.<\/td><\/tr><tr><td>title<\/td><td>Atributo Global<\/td><td>Texto a ser mostrado cuando el cursor est\u00e9 sobre el elemento. Muy \u00fatil de cara a la usabilidad y para una correcto posicionamiento SEO.<\/td><\/tr><tr><td>type<\/td><td>&lt;button&gt;, &lt;input&gt;, &lt;command&gt;, &lt;embed&gt;, &lt;object&gt;, &lt;script&gt;, &lt;source&gt;, &lt;style&gt;, &lt;menu&gt;<\/td><td>Define el tipo de elemento HTML.<\/td><\/tr><tr><td>usemap<\/td><td>&lt;img&gt;, &lt;input&gt;, &lt;object&gt;<\/td><td>Indica la URL parcial de un image map asociado con el elemento.<br>Note: Este atributo no puede ser usado si el elemento &lt;img&gt; desciende de un &lt;button&gt; o &lt;a&gt;<\/td><\/tr><tr><td>value<\/td><td>&lt;button&gt;, &lt;option&gt;, &lt;input&gt;, &lt;li&gt;, &lt;meter&gt;, &lt;progress&gt;, &lt;param&gt;<\/td><td>Define el valor predeterminado a ser mostrado al cargar la p\u00e1gina.<\/td><\/tr><tr><td>width<\/td><td>&lt;canvas&gt;, &lt;embed&gt;, &lt;iframe&gt;, &lt;img&gt;, &lt;input&gt;, &lt;object&gt;, &lt;video&gt;<\/td><td>Para los elementos enumerados aqu\u00ed, esto establece el ancho del elemento. Aunque como en caso anteriores, lo correcto ser\u00eda usar reglas CSS. <\/td><\/tr><tr><td>wrap<\/td><td>&lt;textarea&gt;<\/td><td>Indica la forma en la cual el texto debe ser envuelto.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Como ocurre con todos los lenguajes de programaci\u00f3n, conocer en profundidad como funcionan y que recursos tienes como desarrollador, es de vital importancia. Por ello, espero que este listado de atributos HTML te sea de utilidad y puedas aprovecharlo en tus proyectos. <\/p>\n\n\n\n<p>Si te ha gustado este art\u00edculo, o tienes alguna duda que quieres que te resuelva, puedes dejarme un comentario y te responder\u00e9 encantado. \u00a1Hasta la pr\u00f3xima!<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/como-anadir-un-reproductor-de-audio-html\/\"><img decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/09\/poner-audio-html.jpg\" alt=\"Como a\u00f1adir un reproductor de audio HTML en tu web\" class=\"wp-image-5300\"\/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/como-poner-un-video-de-fondo-en-html\/\"><img decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/03\/como-anadir-video-html-de-fondo-en-una-pagina-web.jpg\" alt=\"Como poner un video de fondo HTML en tu web\" class=\"wp-image-5300\"\/><\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Si eres desarrollador web, es bueno que conozcas que atributos tiene cada una de las etiquetas HTML5. \u00bfQuieres saber que atributos existen para cada una? En las pr\u00f3ximas l\u00edneas te cuento todo sobre los atributos HTML5. \u00a1Comenzamos!<\/p>\n","protected":false},"author":4,"featured_media":5300,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50],"tags":[92],"class_list":["post-5258","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion-web","tag-html"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Listado de Atributos HTML - Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"\u00bfQuieres conocer TODOS los atributos HTML5 que existen? Esta entrada te servir\u00e1 como herramienta para tus dise\u00f1os web con HTML. \u00a1Vente!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/atributos-html\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Listado de Atributos HTML - Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"\u00bfQuieres conocer TODOS los atributos HTML5 que existen? Esta entrada te servir\u00e1 como herramienta para tus dise\u00f1os web con HTML. \u00a1Vente!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/atributos-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-15T07:50:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-25T16:13:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/listado-atributos-html5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"V\u00edctor S\u00e1nchez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"V\u00edctor S\u00e1nchez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/\"},\"author\":{\"name\":\"V\u00edctor S\u00e1nchez\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/86dbac78fed697f8df2289e9242c97e9\"},\"headline\":\"Atributos HTML\",\"datePublished\":\"2021-06-15T07:50:00+00:00\",\"dateModified\":\"2024-04-25T16:13:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/\"},\"wordCount\":3096,\"commentCount\":18,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/listado-atributos-html5.jpg\",\"keywords\":[\"HTML\"],\"articleSection\":[\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/\",\"name\":\"Listado de Atributos HTML - Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/listado-atributos-html5.jpg\",\"datePublished\":\"2021-06-15T07:50:00+00:00\",\"dateModified\":\"2024-04-25T16:13:24+00:00\",\"description\":\"\u00bfQuieres conocer TODOS los atributos HTML5 que existen? Esta entrada te servir\u00e1 como herramienta para tus dise\u00f1os web con HTML. \u00a1Vente!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/listado-atributos-html5.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/listado-atributos-html5.jpg\",\"width\":1250,\"height\":737,\"caption\":\"Listado de atributos HTML5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/atributos-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Atributos HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/86dbac78fed697f8df2289e9242c97e9\",\"name\":\"V\u00edctor S\u00e1nchez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g\",\"caption\":\"V\u00edctor S\u00e1nchez\"},\"description\":\"\u00bfDudas con tu hosting? \u00bfNo sabes como extremar la precauci\u00f3n de tu hosting? Est\u00e1s en el lugar adecuado. Despeja cualquier duda con los art\u00edculos de V\u00edctor S\u00e1nchez.\",\"sameAs\":[\"https:\\\/\\\/www.carontestudio.com\\\/\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/victor\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Listado de Atributos HTML - Caronte Web Studio","description":"\u00bfQuieres conocer TODOS los atributos HTML5 que existen? Esta entrada te servir\u00e1 como herramienta para tus dise\u00f1os web con HTML. \u00a1Vente!","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:\/\/carontestudio.com\/blog\/atributos-html\/","og_locale":"es_ES","og_type":"article","og_title":"Listado de Atributos HTML - Caronte Web Studio","og_description":"\u00bfQuieres conocer TODOS los atributos HTML5 que existen? Esta entrada te servir\u00e1 como herramienta para tus dise\u00f1os web con HTML. \u00a1Vente!","og_url":"https:\/\/carontestudio.com\/blog\/atributos-html\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2021-06-15T07:50:00+00:00","article_modified_time":"2024-04-25T16:13:24+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/listado-atributos-html5.jpg","type":"image\/jpeg"}],"author":"V\u00edctor S\u00e1nchez","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"V\u00edctor S\u00e1nchez","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/atributos-html\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/atributos-html\/"},"author":{"name":"V\u00edctor S\u00e1nchez","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/86dbac78fed697f8df2289e9242c97e9"},"headline":"Atributos HTML","datePublished":"2021-06-15T07:50:00+00:00","dateModified":"2024-04-25T16:13:24+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/atributos-html\/"},"wordCount":3096,"commentCount":18,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/atributos-html\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/listado-atributos-html5.jpg","keywords":["HTML"],"articleSection":["Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/atributos-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/atributos-html\/","url":"https:\/\/carontestudio.com\/blog\/atributos-html\/","name":"Listado de Atributos HTML - Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/atributos-html\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/atributos-html\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/listado-atributos-html5.jpg","datePublished":"2021-06-15T07:50:00+00:00","dateModified":"2024-04-25T16:13:24+00:00","description":"\u00bfQuieres conocer TODOS los atributos HTML5 que existen? Esta entrada te servir\u00e1 como herramienta para tus dise\u00f1os web con HTML. \u00a1Vente!","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/atributos-html\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/atributos-html\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/atributos-html\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/listado-atributos-html5.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/listado-atributos-html5.jpg","width":1250,"height":737,"caption":"Listado de atributos HTML5"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/atributos-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Atributos HTML"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/86dbac78fed697f8df2289e9242c97e9","name":"V\u00edctor S\u00e1nchez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g","caption":"V\u00edctor S\u00e1nchez"},"description":"\u00bfDudas con tu hosting? \u00bfNo sabes como extremar la precauci\u00f3n de tu hosting? Est\u00e1s en el lugar adecuado. Despeja cualquier duda con los art\u00edculos de V\u00edctor S\u00e1nchez.","sameAs":["https:\/\/www.carontestudio.com\/"],"url":"https:\/\/carontestudio.com\/blog\/author\/victor\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/5258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=5258"}],"version-history":[{"count":35,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/5258\/revisions"}],"predecessor-version":[{"id":19779,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/5258\/revisions\/19779"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/5300"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=5258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=5258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=5258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}