Cómo utilizar las etiquetas semánticas para HTML5 y CSS3 programación
Como desarrolladores web comenzaron a usar técnicas de diseño flotante, ellos divs casi siempre creados llamados nav
, encabezamiento, y pie de página. Los desarrolladores de HTML5 decidieron crear nuevos elementos con estos nombres. Echa un vistazo a el siguiente código para ver las etiquetas semánticas en acción.semántico Este es mi cabecera
Sección 1
Sección cuerpo ...
Sección 2
Sección cuerpo ...
Artículo
Artículo cuerpo ...
Como se puede ver, hay una serie de nuevas etiquetas de marcado semántico en HTML5:
header: Esto no es lo mismo que las etiquetas h1-h6. Denota una parte de la página que contendrá un encabezado de la página. A menudo, la cabecera se llenará el ancho de la página, y tendrá algún tipo de imagen de la bandera de. Contiene frecuencia h1 contenido.
nav: Esta etiqueta indica algún tipo de sección de navegación. No tiene ningún estilo particular de su propia, pero se usa con frecuencia, ya sea como un menú horizontal o vertical para la navegación del sitio.
sección: Una sección se utiliza para especificar una parte genérica de la página. Puede tener varias secciones en la misma página.
artículo: Un artículo es como una sección, pero está diseñado para ser utilizado con recursos externos. Muchas páginas se construyen automáticamente por el software, y cuando estas páginas integrar contenido de otras fuentes, es la intención de utilizar el artículo etiqueta para integrar este contenido.
pie de página: Un pie de página tiene la intención de mostrar el contenido de pie de página en la parte inferior de una página. Típicamente un pie de página cubre la parte inferior de una página, aunque este no es el comportamiento por defecto.
Tenga en cuenta que ninguno de estos elementos tiene ningún formato específico. Todo depende de usted para proporcionar el formato a través de código CSS. Cada uno de los elementos pueden formatearse directamente como un elemento HTML (porque eso es lo que es). Todos los navegadores de última versión soportan las etiquetas de marcado semántico, pero si usted quiere apoyar a los navegadores más antiguos (especialmente IE antes de la versión 8), usted todavía tendrá que utilizar divs.
¿Cómo construir el marco plantilla html5 para su sitio Con un diseño de página en su lugar, usted puede finalmente empezar a escribir algo de código HTML5. Comience con su diagrama de diseño de página estándar y crear una plantilla HTML para implementar el esquema de código de trabajo. La…
¿Cómo organizar el texto html5 Más allá de su división obligatoria en cabeza y cuerpo secciones, texto en el cuerpo de un documento HTML pueden organizarse en cualquier número de maneras.Cabezas de DocumentoDentro de sección, puede (y probablemente debería) definir todo…
Cómo utilizar float a las formas de estilo para HTML5 y CSS3 programación Muchos de los problemas de diseño de página parecen requerir tablas. Algunas uso inteligente del CSS3 flotador puede ayudar a los elementos con múltiples columnas sin la sobrecarga de tablas. Formas causan un dolor de cabeza debido a una forma…
HTML5 y elementos de la página semánticas HTML5 refuerza la noción de marcado semántico en la construcción de páginas web, lo que significa que las etiquetas describen el significado de la sección en el contexto de la página y no cómo la página se ve.Cómo dar formato a los…
Cómo estructurar un documento html para hacer una página web en su pi frambuesa Con el fin de hacer una página web en la Raspberry Pi, que tendrá que estructurar el documento HTML correctamente. Un fragmento de código es una buena manera de ver cómo las etiquetas HTML funcionan y cómo su navegador los interpreta, pero hay…
Acerca de las etiquetas para html5 Cuando se trabaja en HTML5, tendrás que saber etiquetas muy bien. Usted coloca todo el contenido que usted quiere que sus visitantes ver, todo lo que se muestra en un navegador web, en el cuerpo de su página web, entre la apertura y el cierre …
Acerca de las etiquetas HTML5 No todos los navegadores web en HTML5 soporte de Internet hoy en día. Concéntrese en lo que es posible en el navegador Safari en el iPhone, iPad y iPod. Si va a crear páginas web para la amplia audiencia de la World Wide Web, usted debe probar su…
Crear una estructura semántica para páginas web Creación de páginas semánticamente relevantes ha sido la buena práctica en la web desde mucho antes de que el iPad apareció, pero HTML5 se basa en etiquetas especiales para que sea más fácil ser coherente en la forma en que utiliza la…
Cómo crear un sitio web con HTML5 Los diseñadores web a menudo utilizan términos como architecting, edificio, y construcción cuando hablan de la creación de páginas web, porque hay una gran cantidad de similitudes entre la construcción de una casa y el diseño de un sitio web…
Cómo escribir código en nueva html5 Hay algo más que nuevos elementos semánticos en HTML5, que se puede utilizar para diseñar sitios web para ser mostradas en el iPhone y el iPad, así como monitores de ordenador. HTML5 fusiona HTML 4 y XHTML. HTML5 tiene dos versiones principales:…
Haga su trabajo css 3 a través de navegadores web Si usted está diseñando su sitio web para el escritorio, así como para el iPhone y el iPad, puede seguir utilizando el CSS experimental 3! Finalmente, el CSS 3 en su sitio probablemente será apoyado. El ejemplo de esta sección muestra cómo…
Excluir páginas web de los motores de búsqueda utilizando robots meta etiquetas Puede usar etiquetas Meta robots para evitar que una araña motor de búsqueda de rastreo páginas específicas en su sitio Web. Puede incluir una etiqueta especial en el código HTML de la página para decirle a los robots no indexar esa página, o…