HTML5
HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: HTML (text/html), conocida como HTML5, y una variante XHTML conocida como sintaxis XHTML5 que deberá servirse con sintaxis XML (application/xhtml+xml). Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. La versión definitiva de la quinta revisión del estándar se publicó en octubre de 2014.3
Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se recomienda al usuario común actualizar su navegador a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML5.
Estructura
Antes que nada en algunas ocaciones ire poniendo comentarios en los archivos HTML5 para que vallan aprendiendo las funciones, para agregar un comentario a un archivo HTML5 es de la siguiente forma.
<!-- Aqui el comentario -->
La sentencia basica y principal para que reconosca el HTML 5 y pueda reconocer el CSS3 es la siguiente:
<
!DOCTYPE html
>
Seguido del caracter de codificacion (charset)
<meta
charset=
"UTF-8"
>
Sin olvidar el idioma en el que se esta creando la pagina web
<html
lang=
"es"
>
Si estan creando una pagina ajustable a mobiles deben utilizar la propiedad "viewport"
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
>
Ejemplo
<
!DOCTYPE html
>
<html lang= "es" >
<head >
<meta charset= "UTF-8" >
<meta name= "apple-mobile-web-app-capable" name= "yes" >
<meta name= "viewport" content= "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
<title > El titulo de la pagina </title >
<style type= "text/css" >
Aqui van los estilos en cascada CSS3,CSS2,CSS
</style >
</head >
<body >
Aqui el contenido de la pagina
</body >
</html >
<html lang= "es" >
<head >
<meta charset= "UTF-8" >
<meta name= "apple-mobile-web-app-capable" name= "yes" >
<meta name= "viewport" content= "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
<title > El titulo de la pagina </title >
<style type= "text/css" >
Aqui van los estilos en cascada CSS3,CSS2,CSS
</style >
</head >
<body >
Aqui el contenido de la pagina
</body >
</html >
Les sugiero que esten utilizando una plantilla para cada trabajo que se haga de HTML5 predefinida para que no tengan que estar poniendo las etiquetas siempre que creanun nuevo trabajo
de igual forma la pueden descargar desde la pestaña de recursos
les dejo una plantilla que yo estare utilizando.
Recursos
Plantilla para iniciar proyectos HTML
Descarga