Info
embed
share
spam

P2P mod 01 - HTML5

Chema Gonzalez

Type	Embedded Object
Linked by	Chema Gonzalez

Language	Language independent
Created at	March 12, 2018 17:26
Updated at	March 12, 2018 17:26

1015 views

You can use this code to insert this resource in the excursion creator tool or in other website:

<html> <head> 	<meta charset="utf-8"> 	<title>Secciones y líneas generales de un documento HTML5</title> 	<style type="text/css"> 		h1 { color: white; background-color: black} 		h2 { color: white; background-color: blue; margin-left: 30px;} 		h3 { color: white; background-color: red; margin-left: 60px;} 		em { color: green; } 		li { flex-grow: 1; } 		a { 			display:block; 			padding:1em; 			background-color:LightGray ; 			text-align:center; 			margin-bottom:0.2em; 			text-decoration:none; 			color:#000000; 		} 		.EncabezadoH2 { 			width: 80%; 			margin-left: 30px; 		} 		.EncabezadoH3 { 			width: 80%; 			margin-left: 60px; 		} 		.Ejemplo { 			width: 60%; 			margin-left: 60px; 			padding:20; 			border-radius: 24px; 			background-color: #F2F1EE; 			border: 1px solid #000; 		} 	</style> </head> <body> <div class="description"><p><br> <h1><strong>Secciones y líneas generales de un documento HTML5</strong></h1> <p> La especificación HTML5 trae muchos nuevos elementos a los desarrolladores web, permitiéndoles describir la estructura de un documento web con semántica estandarizada. Este documento describe estos elementos y cómo usarlos para definir el perfil de cualquier documento. </p> <br> <h2>Problemas resueltos por HTML5</h2> <div class="EncabezadoH2"> La definición de la estructura de un documento en HTML 4 y su algoritmo de perfilado es muy tosco y genera numerosos problemas:<br> &nbsp;</p>  <ol> 	<li>HTML5 quita la necesidad de elementos &lt;div&gt; para definir secciones semánticas sin definir valores específicos para los atributos class, introduciendo un nuevo elemento, &lt;section&gt;, el elemento de sección HTML.</li> 	<li>Mezclar varios documentos es difícil: la inclusión de un sub-documento en un documento principal. Esto se resuelve en HTML5 con los elementos de seccionado (&lt;article&gt;, &lt;section&gt;, &lt;nav&gt; y &lt;aside&gt;) son siempre subsecciones de su sección ancestra más cercana.</li> 	<li>HTML5 introduce el elemento &lt;hgroup&gt; que oculta todos los elementos de cabecera excepto el primero de más alto rango (por ejemplo, &lt;hgroup&gt;&lt;h1&gt;Justine&lt;/h1&gt;&lt;h2&gt;Les Malheurs de la Vertu&lt;/h2&gt;&lt;/hgroup&gt; crea el perfil 1. Justine).</li> 	<li>Un documento puede tener secciones especiales conteniendo información relacionado que no es parte del flujo principal. HTML5 introduce el elemento &lt;aside&gt; permitiendo a dichas secciones no ser parte del perfil principal.</li> 	<li>Hay información relacionada no al documento pero si al sitio entero, como logos, menús, tablas de contenidos, o información de derechos de autor y notas legales. Para ese propósito, HTML5 introduce tres elementos de sección específicos: &lt;nav&gt; para colecciones de enlaces, como una tabla de contenidos, &lt;footer&gt; y &lt;header&gt; información relacionada con el sitio.</li> </ol>  <p>&nbsp;</p>  <p>De manera más general, HTML5 trae precisión a las características de seccionado y cabecera, permitiendo a los perfiles de documento ser predecibles y usados por el navegador para mejorar la experiencia de usuario.</p> </div>  <p><br> <h2>El algoritmo de perfilado de HTML5</h2> <br> <h3>Definiendo secciones en HTML5</h3> <br> <div class="EncabezadoH3"> Todo el contenido incluido dentro del elemento &lt;body&gt; es parte de una sección. Las secciones en HTML5 pueden ser anidadas. Además de la sección principal, definida por el elemento &lt;body&gt;, los límites de la sección son definidos explícita o implícitamente. La secciones definidas explícitamente son el contenido definido en las etiquetas &lt;body&gt;, &lt;section&gt;, &lt;article&gt;, &lt;aside&gt;, &lt;footer&gt;, &lt;header&gt;, y &lt;nav&gt;. Nota: Cada sección puede tener su propia jerarquía de cabeceras. Por lo tanto, incluso una sección anidada puede tener un elemento &lt;h1&gt;. Consulte también Definiendo cabeceras en HTML5.<br> <br> <div class="Ejemplo"> 	<br> 	<strong>Ejemplo:</strong><br> 	<br> 	&lt;section&gt;<br> 	&nbsp; &nbsp; &nbsp;&lt;h1&gt;Forest elephants&lt;/h1&gt;<br> 	&lt;section&gt;<br> 	&nbsp; &nbsp; &nbsp;&lt;h1&gt;Introduction&lt;/h1&gt;<br> 	&nbsp; &nbsp; &nbsp;&lt;p&gt;In this section, we discuss the lesser known forest elephants.<br> 	&lt;/section&gt;<br> 	&nbsp;&lt;section&gt;<br> 	&nbsp; &nbsp; &lt;h1&gt;Habitat&lt;/h1&gt;<br> 	&nbsp; &nbsp; &lt;p&gt;Forest elephants do not live in trees but among them.<br> 	&nbsp;&lt;/section&gt;<br> 	&nbsp;&lt;aside&gt;<br> 	&nbsp; &nbsp; &lt;p&gt;advertising block<br> 	&nbsp; &nbsp; &lt;/aside&gt;<br> 	&lt;/section&gt;<br> 	&lt;footer&gt;<br> 	&nbsp; &nbsp; &nbsp;&lt;p&gt;(c) 2010 The Example company<br> 	&lt;/footer&gt;<br> 	&nbsp;</p> </div> </div> </body> </html>

Report resource

Comments

La Segunda República Española

Tema 3.4: Estructura CSS

¿Cómo identifico azúcares de la familia de la glucosa?Identificación de azúcares reductores

Secciones y líneas generales de un documento HTML5

M3: Introducción a jQuery y eventos

Solar water heater

ROBLE

ViSH - Presentación CUSL

Les panneaux photovoltaïques

DINASTÍA JULIO-CLAUDIA

P2P mod 01 - HTML5

Report resource

P2P mod 01 - HTML5

Metadata

Report resource