Etiquetas de estructura Html5
Una vez que hayas guardado tu código en tu carpeta con el nombre adecuado, cierra el cuaderno. En tu carpeta, además del cuaderno, verás el icono que representa el archivo que acabas de grabar.
Para ejecutar la página que acaba de crear, haga doble clic en el icono. Automáticamente se abrirá el navegador y se cargará la página. La ruta completa y el nombre del archivo aparecerán en la barra de direcciones.
Para ello, cierra el navegador y, dentro de la carpeta en la que estés trabajando, arrastra el icono de template.html sobre el cuaderno. De este modo, el cuaderno se abrirá y cargará el código fuente que habías escrito previamente.
Comentarios
Además de definir partes individuales de tu página (como “un párrafo” o “una imagen”), HTML también cuenta con una serie de elementos a nivel de bloque que se utilizan para definir áreas de tu sitio web (como “la cabecera”, “el menú de navegación”, “la columna de contenido principal”). Este artículo analiza cómo planificar la estructura básica de un sitio web y cómo escribir el HTML para representar esta estructura.
Secciones básicas de un documentoLas páginas web pueden tener y tendrán un aspecto bastante diferente entre sí, pero todas suelen compartir componentes estándar similares, a menos que la página muestre un vídeo o un juego a pantalla completa, forme parte de algún tipo de proyecto artístico o simplemente esté mal estructurada:
Enlaces a las secciones principales del sitio; suelen estar representados por botones de menú, enlaces o pestañas. Al igual que la cabecera, este contenido suele ser consistente de una página web a otra: tener una navegación incoherente en tu sitio web sólo hará que los usuarios se sientan confundidos y frustrados. Muchos diseñadores web consideran que la barra de navegación forma parte de la cabecera en lugar de ser un componente individual, pero esto no es un requisito; de hecho, algunos también argumentan que tener las dos separadas es mejor para la accesibilidad, ya que los lectores de pantalla pueden leer las dos características mejor si están separadas.
Encabezado estándar Html
Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input /> directly introduce content into the page. Other tags such as <p> surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags but use them to interpret the content of the page.
In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system.[3] Berners-Lee specified HTML and wrote the browser and server software in late 1990. That year, Berners-Lee and CERN data systems engineer Robert Cailliau collaborated on a joint request for funding, but the project was not formally adopted by CERN. En sus notas personales[4] de 1990 enumeró[5] “algunas de las muchas áreas en las que se utiliza el hipertexto” y puso en primer lugar una enciclopedia.
Estructura del documento Html5
Lo que sigue es un extracto de nuestro libro, HTML5 & CSS3 for the Real World, 2ª edición, escrito por Alexis Goldstein, Louis Lazaris y Estelle Weyl. Se venden ejemplares en tiendas de todo el mundo, o puedes comprarlo en forma de ebook aquí.
Más adelante en el libro, nos ocuparemos específicamente de la adición de características CSS3 y otras bondades de HTML5; por ahora, consideraremos qué elementos queremos utilizar para construir el diseño general de nuestro sitio. En esta sección y a lo largo de los próximos capítulos hablaremos mucho de semántica. Cuando usamos el término “semántica”, nos referimos a la forma en que un elemento HTML determinado describe el significado de su contenido.
Antes de decidir qué elementos son apropiados para estas diferentes partes de nuestra página, vamos a considerar algunas de nuestras opciones. En primer lugar, presentaremos algunos de los nuevos elementos semánticos de HTML5 que podrían utilizarse para ayudar a dividir nuestra página y añadir más significado a la estructura de nuestro documento.
Al contrario de lo que normalmente se podría suponer, puedes incluir un nuevo elemento de cabecera para introducir cada sección de tu contenido. No está reservado sólo para la cabecera de la página (que normalmente podrías marcar con <div id=”header”>). Cuando usamos la palabra “sección” aquí, no nos limitamos al elemento de sección real descrito en la siguiente parte; técnicamente, nos referimos a lo que HTML5 llama “seccionar contenido”. Esto significa cualquier trozo de contenido que pueda necesitar su propia cabecera, incluso si eso significa que hay varios trozos de este tipo en una sola página.
