1. Inicio
  2. Pregunta y respuesta
  3. ¿Qué es el diseño semántico HTML5?

¿Qué es el diseño semántico HTML5?

2011-05-20 11 views

Respuesta

9

Esto se refiere a un cambio en la forma en que se denominan las etiquetas en el marcado HTML. Así, además de cosas como div lo que podría significar cualquier cosa, hay nuevas etiquetas como:

  • header
  • article
  • aside
  • nav
  • footer
  • etc.

El uso de estas etiquetas proporciona más información sobre el contenido semántico del marcado, en lugar de basarse en especificaciones que se refieren más al estilo que al contenido (como <div class="header">).

La idea aquí es que el contenido mismo le dice "qué" es. Un claro beneficio es para cosas como los lectores de pantalla para usuarios con discapacidades visuales, que pueden presentar el contenido de manera más efectiva para el usuario de una manera más estructurada.

Fuente

2011-05-20 13:02:37 David

2

La marcación semántica cambiará el enfoque de la presentación a la estructura. Por ejemplo, en lugar de usar las etiquetas h para hacer que el texto sea más grande o más pequeño, use etiquetas h para denotar el texto que sirve como encabezado para párrafos o secciones.

En lugar de divs genéricos con identificadores o clases para denotar su propósito, el marcado semántico utilizará etiquetas como header, footer y nav para identificar claramente las secciones del documento.

El marcado HTML se volverá puramente estructural y la información de presentación se moverá a una capa separada como CSS.

Fuente

2011-05-20 13:11:12

0

diseño de página web HTML 5

<!--[if lt IE 9]> 
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script> 
<![endif]--> 

</head> 

<body> 

<header> </header> 
<nav><ul> 
<li></li> 
</ul> 
</nav> 
<section> <article><figure><img src=""/></figure></article></section> 
<footer>by siva </footer> 

</body>

Fuente

2012-09-11 08:37:13

Cuestiones relacionadas

 Cuestiones relacionadas