{"id":1955,"date":"2012-11-26T09:00:36","date_gmt":"2012-11-26T08:00:36","guid":{"rendered":"https:\/\/blogs.ua.es\/pi\/?p=1955"},"modified":"2012-11-22T20:28:30","modified_gmt":"2012-11-22T19:28:30","slug":"en-html-te-puedes-inventar-tus-propias-etiquetas","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/pi\/2012\/11\/26\/en-html-te-puedes-inventar-tus-propias-etiquetas\/","title":{"rendered":"En HTML te puedes inventar tus propias etiquetas"},"content":{"rendered":"

Pero es una estupidez que no sirve para mucho.<\/p>\n

El otro d\u00eda, a ra\u00edz de mi art\u00edculo \u00bfCu\u00e1ndo se usa article, section, aside o un simple div?<\/a>, coment\u00e9 en Twitter que se est\u00e1 trabajando en a\u00f1adir una etiqueta nueva a HTML, <main>: main element An HTML5 extension specification<\/a>.<\/p>\n

\u00a1\u00bfC\u00f3mo?!<\/strong><\/p>\n

\u00bfPor qu\u00e9 no? Recordemos que se espera que la especificaci\u00f3n de HTML5 estar\u00e1 terminada en el a\u00f1o 2014<\/a>, hasta entonces, muchas cosas pueden pasar.<\/p>\n

Adem\u00e1s, coment\u00e9 que esa etiqueta se puede usar ya sin problemas, es m\u00e1s, se puede usar cualquier etiqueta que nos inventemos.<\/p>\n

\u00a1\u00bfC\u00f3mo?!<\/strong><\/p>\n

Pues s\u00ed, como lo oyes.<\/p>\n

Pero, \u00a1\u00bfc\u00f3mo puede ser?!\u00a0\u00a1\u00bfPor qu\u00e9?!<\/strong><\/strong><\/p>\n

Alg\u00fan d\u00eda lo explicar\u00e9, pero la respuesta r\u00e1pida es porque hay mucho burro haciendo p\u00e1ginas web.<\/p>\n

Pues no me lo creo.<\/strong><\/p>\n

Pues toma, un ejemplo:<\/p>\n

El HTML:<\/p>\n

<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<title>Una p\u00e1gina con etiquetas no v\u00e1lidas<\/title>\r\n<link href=\"estilos.css\" rel=\"stylesheet\" \/>\r\n<\/head>\r\n<body>\r\n<h1>Un t\u00edtulo<\/h1>\r\n<main>\r\n<h7>El contenido principal<\/h7>\r\n<p>\r\nEste texto est\u00e1 en un p\u00e1rrafo, que est\u00e1 en un elemento llamado &lt;main&gt;\r\nque no existe, por ahora, en HTML5.\r\n<\/p>\r\n<p>\r\nCurioso, <question>\u00bfverdad?<\/question>\r\n<\/p>\r\n<\/main>\r\n<\/body>\r\n<\/html><\/pre>\n
El CSS:<\/p>\n
main {\r\n display: block;\r\n border: 2px dotted black;\r\n}\r\nh7 {\r\n border-bottom: 1px solid black;\r\n font-variant: small-caps;\r\n}\r\nquestion {\r\n font-style: italic;\r\n}<\/pre>\n
As\u00ed se ve en Google Chorme 22:<\/p>\n
\"\"<\/a><\/p>\n
As\u00ed se ve en Mozilla Firefox 17:<\/p>\n
\"\"<\/a><\/p>\n
\u00a1Y hasta funciona en Internet Explorer 9!:<\/p>\n
\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Pero es una estupidez que no sirve para mucho. El otro d\u00eda, a ra\u00edz de mi art\u00edculo \u00bfCu\u00e1ndo se usa article, section, aside o un simple div?, coment\u00e9 en Twitter que se est\u00e1 trabajando en a\u00f1adir una etiqueta nueva a …<\/p>\n
  En HTML te puedes inventar tus propias etiquetas<\/span> Leer M\u00e1s  »<\/a><\/p>\n","protected":false},"author":40,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[26926],"class_list":["post-1955","post","type-post","status-publish","format-standard","hentry","category-general","tag-html5"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/1955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/comments?post=1955"}],"version-history":[{"count":4,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/1955\/revisions"}],"predecessor-version":[{"id":3340,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/1955\/revisions\/3340"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/media?parent=1955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/categories?post=1955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/tags?post=1955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}