En HTML te puedes inventar tus propias etiquetas

Pero es una estupidez que no sirve para mucho.

El otro día, a raíz de mi artículo ¿Cuándo se usa article, section, aside o un simple div?, comenté en Twitter que se está trabajando en añadir una etiqueta nueva a HTML, <main>: main element An HTML5 extension specification.

¡¿Cómo?!

¿Por qué no? Recordemos que se espera que la especificación de HTML5 estará terminada en el año 2014, hasta entonces, muchas cosas pueden pasar.

Además, comenté que esa etiqueta se puede usar ya sin problemas, es más, se puede usar cualquier etiqueta que nos inventemos.

¡¿Cómo?!

Pues sí, como lo oyes.

Pero, ¡¿cómo puede ser?! ¡¿Por qué?!

Algún día lo explicaré, pero la respuesta rápida es porque hay mucho burro haciendo páginas web.

Pues no me lo creo.

Pues toma, un ejemplo:

El HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Una página con etiquetas no válidas</title>
<link href="estilos.css" rel="stylesheet" />
</head>
<body>
<h1>Un título</h1>
<main>
<h7>El contenido principal</h7>
<p>
Este texto está en un párrafo, que está en un elemento llamado &lt;main&gt;
que no existe, por ahora, en HTML5.
</p>
<p>
Curioso, <question>¿verdad?</question>
</p>
</main>
</body>
</html>

El CSS:

main {
 display: block;
 border: 2px dotted black;
}
h7 {
 border-bottom: 1px solid black;
 font-variant: small-caps;
}
question {
 font-style: italic;
}

Así se ve en Google Chorme 22:

Así se ve en Mozilla Firefox 17:

¡Y hasta funciona en Internet Explorer 9!:

Profesor del Departamento de Lenguajes y Sistemas Informáticos de la Universidad de Alicante (España). Interesado en el desarrollo y la accesibilidad web.

1 comentario sobre “En HTML te puedes inventar tus propias etiquetas

  1. jajajaja, yo me pregunto, ¿para que existe CSS entonces no xD?…. ah no, que igual lo tienes que usar si vas a crear una etiqueta jajaja, usen class o ID (dependiendo el caso particular del elemento) y dejen eso de las etiquetas que solo va a dar mal aspecto al código de la pagina.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.