Soporte Técnico CBTa #75: Continuación HTML5

viernes, 3 de enero de 2014

Continuación HTML5

Ahora sigue la etiqueta <title>simplemente especifica el título del documento, y no hay nada nuevo para comentar:


    <!DOCTYPE html>
    <html lang="es">
    <head>
     <meta charset="iso-8859-1">
      <meta name="description" content="El ejemplo HTML5">
         <meta charset="keywords" content="HTML5, CSS3">
  <title>Aquí colocamos el título del documento</title>
    </head>
    <body>
    </body>
    </html>

Ahora bien un diseño común de una página web lo vemos a continuación en la siguiente imagen:

Imagen 1: Arquitectura común de una página web

En HTML5 nos encontramos con la siguiente arquitectura:

Imagen 2: Arquitectura común de HTML5 en una página web

En HTML5 tenemos <header> este elemento no lo debemos de confundir con el <head>, la intención del <header> es proveer información introductoria (títulos, subtítulos, logos), pero en el caso de <head> su propósito es proveer información de todo el documento. Pues <header> es usado solo para el cuerpo o secciones especificas dentro del cuerpo.


    <!DOCTYPE html>
    <html lang="es">
    <head>
     <meta charset="iso-8859-1">
      <meta name="description" content="El ejemplo HTML5">
         <meta charset="keywords" content="HTML5, CSS3">
  <title>Aquí colocamos el título del documento</title>
    </head>
    <body>
  <header>
     <h1>Este es el título principal de la página web</h1> 
  <header>
    </body>
    </html>

Nota: Recuerda para que tu código funcione correctamente debes guardar tu archivo (en estos ejemplos que estamos haciendo) con la extensión .html

Ahora la etiqueta <nav> se refiere a la barra de navegación:


    <!DOCTYPE html>
    <html lang="es">
    <head>
     <meta charset="iso-8859-1">
      <meta name="description" content="El ejemplo HTML5">
         <meta charset="keywords" content="HTML5, CSS3">
  <title>Aquí colocamos el título del documento</title>
    </head>
    <body>
  <header>
     <h1>Este es el título principal de la página web</h1> 
  <header>
  <nav>
    <ul>
      <li>Principal</li>
             <li>Videos</li>
      <li>Galeria</li>
      <li>Contacto</li> 
      <ul>  
         </nav>   
    </body>
    </html>

El elemento <aside> podría estar ubicado del lado derecho o izquierdo de nuestra página de ejemplo, esta etiqueta no tiene una posición predefinida. Podemos usar <aside> dentro del elemento <section> o incluision insertado entre la información relevante, como en el caso de una cita.


    <!DOCTYPE html>
    <html lang="es">
    <head>
     <meta charset="iso-8859-1">
      <meta name="description" content="El ejemplo HTML5">
         <meta charset="keywords" content="HTML5, CSS3">
  <title>Aquí colocamos el título del documento</title>
    </head>
    <body>
  <header>
     <h1>Este es el título principal de la página web</h1> 
  <header>
  <nav>
    <ul>
      <li>Principal</li>
             <li>Videos</li>
      <li>Galeria</li>
      <li>Contacto</li> 
      <ul>  
         </nav>
  <section>
 
  </section>
  <aside>

Recibe un saludo de mi parte @telecristy.

Soporte Técnico CBTa #75

viernes, 3 de enero de 2014

Continuación HTML5

No hay comentarios.:

Publicar un comentario

Entradas populares