Programación en Internet

Blog de la asignatura de la titulación Ingeniero en Informática

En HTML te puedes inventar tus propias etiquetas

| 2 Comments

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!:

Author: Sergio Luján Mora

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

2 Comments

  1. Pingback: Parece que no habrá etiqueta main | Programación en Internet

  2. 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

Required fields are marked *.