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

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

Ok, esta es una pregunta tonta pero lo que significa "HTML5 proporciona un diseño semántico". ¿Qué es realmente un "diseño semántico"?

Respuestas

9 para la respuesta № 1

Esto se refiere a un cambio en la forma en que se nombran las etiquetas en el formato HTML. Así que 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 confiar en las especificaciones que tienen más que ver con el estilo que con el contenido (como <div class="header">)

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


2 para la respuesta № 2

El marcado semántico cambiará el enfoque de la presentación a la estructura. Por ejemplo, en lugar de usar h etiquetas para hacer el texto más grande o más pequeño, usas h Etiquetas para indicar el texto que sirve como encabezados para párrafos o secciones.

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

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


0 para la respuesta № 3

Diseño de sitio web HTML5

<!--[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="/images/"/></figure></article></section>
<footer>by siva </footer>

</body>