Inicio > Computación, Google, HTML5, Informática, Programación > HTML5 etiquetas basicas

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>

  1. mayo 31, 2015 a las 3:45 pm

    hey miguel,

    that´s a good article, very easy to follow, even in spanish=))

  2. mayo 31, 2015 a las 3:47 pm

    hey miguel,

    nice post, very easy to understand, even in spanish=))

  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: