HTML5 etiquetas basicas

Para muchos que estén interesados en empezar con HTML5 pueden empezar utilizando las etiquetas básicas que se crearon para crear una estructura mucho mas ordenada en las paginas. primero les comparto cuales son las etiquetas que siguen y cuales quedaron obsoletas en HTML5:

ELEMENTOS QUE SE SIGUEN USANDO DESDE XHTML 1.1 (HTML5):

* html
* head: title, meta, base, link, script, style, noscript
* body: a, abbr, address, area, b, bdo, blockquote, br, button, caption,
cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset,
form, hr, i, iframe, img, input, ins, kbd, label, legend, li, map,
menu (changed), object, ol, optgroup, option, p, param, pre, q, s,
samp, select, small, span, strong, style, sub, sup, table, tbody, thead,
tfoot, td, th, tr, textarea, title, tr, ul, var

ELEMENTOS OBSOLETOS
acronym, applet, basefont, big, center, dir, font, frame,
frameset, noframes, strike, tt, u

los nuevos elementos que se incorporan en HTML5 son fáciles de usar:

header: Representa un encabezado

footer: Representa información de cierre o sumario

article: Representa un elemento independiente que puede ser utilizado por sí solo

section: Representa una sección temática de contenido

aside: Agrupa información relacionada a su contenedor, pero tangencial. Podría ser eliminada sin quitarle significado completo a su contenedor

nav: Es una sección con vínculos de navegación hacia otras páginas del sitio

por ultimo les dejo una pagina con la correcta utilización de estas etiquetas que reemplazan realmente la utilización de los Div para cada sección de los contenidos:

<!DOCTYPE html>
<meta charset="utf-8">
<title>HTML5</title>

<title>El TIEMPO.COM</title>
<Header>
<h1>El TIEMPO.COM</h1>
<nav>
<ul>
<li>Portada
<li>Opinión
<li>Politica
<li>Judicial
<li>Bogota
<li>Deportes
<li>Entretenimiento
<li>Reportajes
<li>Clasificados
<li>Secciones

</ul>
</nav>
</header>

<article>
<header><h1>"Hoy colombia es la que mejor juega en eliminatoria": Fernando Carlos</h1></header>
<p>Esa es la opinion del periodista argentino de FOx sports que admira a Pékerman y es amigo de Falcao</p>

<p>

de lunes a viernes es una de las mas vistas en la pantalla dl prestigioso canal deportivo
FOX Sport. su sentido de humor y su capacidad para conducir el pograma "Fútbol para todos" tienen un sello diferente, que atrapa.

<p>Ahora con el presente que vive la seleción Colombia y, obre todo,

</article>

<section>
<h1>Top de noticias</h1>
<section>
<h1>Leído</h1>
<ol>
<li>Primera</li>
<li>Segunda</li>
<li>Tercera</li>
<li>Cuarta</li>
</ol>

<a href="VerMas.html">Ver mas</a>
</section>
<section>
<h1>Comentados</h1>
<ol>
<li>Primera</li>
<li>Segunda</li>
<li>Tercera</li>
<li>Cuarta</li>
</ol>

</section>

</section>

2 comentarios en «HTML5 etiquetas basicas»

Los comentarios están cerrados.