HTML (5) Especificación Código
Convenios de código HTML
Muchos desarrolladores web especificación de código HTML poco conocidos.
En 2000-2010, muchos desarrolladores web para convertir de HTML a XHTML.
Los desarrolladores utilizan XHTML desarrollar gradualmente una buenas especificaciones de escritura HTML.
Y en el HTML5, debemos formar un número relativamente buenas normas de código, varias recomendaciones se proporcionan debajo de la especificación.
Utilizar el tipo correcto de documento
La declaración de tipo de documento en la primera fila del documento HTML:
Si desea utilizar otras etiquetas, como en minúsculas, puede utilizar el siguiente código:
Los nombres de elementos en minúsculas
HTML5 nombre del elemento se puede usar letras mayúsculas y minúsculas.
Uso recomendado letras minúsculas:
- Tipo de caja mixta es muy mala.
- Los desarrolladores suelen utilizar en minúsculas (XHTML similar).
- estilo minúscula parece más refrescante.
- Las letras minúsculas fáciles de escribir.
No se recomienda:
<P> Este es un párrafo. </ P>
</ Section>
Muy malo:
<P> Este es un párrafo. </ P>
</ Section>
recomendado:
<P> Este es un párrafo. </ P>
</ Section>
Apague todos los elementos HTML
En HTML5, que no quiere cerrar todos los elementos (por ejemplo, el elemento <p>), pero se recomienda que cada elemento debe agregar una etiqueta de cierre.
No se recomienda:
<P> Este es un párrafo.
<P> Este es un párrafo.
</ Section>
recomendado:
<P> Este es un párrafo. </ P>
<P> Este es un párrafo. </ P>
</ Section>
Cerrar los elementos HTML vacíos
En HTML5, vacío elemento HTML no tiene que cerrar:
Podemos escribir:
También se puede escribir:
XML, XHTML y barra (/) es una necesidad.
Si tiene previsto utilizar la página XML software, este estilo es muy bueno.
Nombre del atributo minúsculas
HTML5 permite el uso del nombre de la propiedad letras mayúsculas y minúsculas.
Recomendamos el uso de nombre de atributo en minúsculas:
- Caso de uso es un hábito muy malo.
- Los desarrolladores suelen utilizar en minúsculas (XHTML similar).
- estilo minúscula parece más refrescante.
- Las letras minúsculas fáciles de escribir.
No se recomienda:
recomendado:
propiedad Valor
valores de los atributos de HTML5 no pueden cotización.
Recomendamos el uso de las cotizaciones de valores de atributos:
- Si el valor de la propiedad contiene espacios tienen que usar comillas.
- No se recomienda el estilo mixto, el estilo unificado propuesto.
- Los valores de propiedad se utilizan las comillas son fáciles de leer.
Los siguientes ejemplos valor de atributo contiene espacios, no utilice comillas, no se puede trabajar:
El siguiente utiliza comillas dobles, es correcto:
características de la imagen
alt atributos de imagen de uso frecuente. Cuando la imagen no se puede visualizar, se puede sustituir de visualización de imágenes.
tamaño de la imagen definida, se puede reservar en el momento de espacio de carga especificada, reducir el parpadeo.
Los espacios y signos de igual
Puede utilizar los espacios antes y después del signo igual.
Sin embargo, se recomienda utilizar menos espacio:
Evitar larga línea de código
Utilizando un editor HTML, izquierda y derecha de desplazamiento de código es un inconveniente.
Cada línea de código tanto como sea posible a menos de 80 caracteres.
Las líneas en blanco y el sangrado
No añadir una línea en blanco sin ninguna razón.
Para cada bloque de función lógica agregar una línea en blanco, lo que hace que sea más fácil de leer.
Sangrar dos espacios, no se recomienda el TAB.
No utilice líneas en blanco innecesarios están sangrados entre el código corto.
líneas en blanco innecesarios y sangría:
<H1> Este tutorial </ h1>
<H2> HTML </ h2>
<P>
Este tutorial, el aprendizaje no es sólo la tecnología, sino también un sueño.
Este tutorial, el aprendizaje no es sólo la tecnología, sino también un sueño.
Este tutorial, el aprendizaje no es sólo la tecnología, sino también soñar,
Este tutorial, el aprendizaje no es sólo la tecnología, sino también un sueño.
</ P>
</ Body>
recomendado:
<H1> Este tutorial </ h1>
<H2> </ h2>
<P> En este tutorial, el aprendizaje no es sólo la tecnología, sino también un sueño.
Este tutorial, el aprendizaje no es sólo la tecnología, sino también un sueño.
Este tutorial, el aprendizaje no es sólo la tecnología, sino también un sueño.
Este tutorial, el aprendizaje no es sólo la tecnología, sino también un sueño. </ P>
</ Body>
Formar Ejemplo:
<Tr>
<TH> Nombre </ th>
<TH> Descripción </ th>
</ Tr>
<Tr>
<Td> A </ td>
<Td> Descripción de A </ td>
</ Tr>
<Tr>
<Td> B </ td>
<Td> Descripción del B </ td>
</ Tr>
</ Table>
Ejemplo de lista:
<Li> Londres </ li>
<Li> París </ li>
<Li> Tokio </ li>
</ Ol>
Omitir el <html> y <body>?
En el estándar HTML 5, <html> y <body> se puede omitir.
Los siguientes documentos son correctos HTML5:
Ejemplo:
<Head>
<Título> Título </ title>
</ Head>
<H1> Este es un encabezado </ h1>
<P> Este es un párrafo. </ P>
Trate »
No se recomienda omitido <html> y la etiqueta <body>.
<Html> elemento es el elemento raíz del documento, el lenguaje utilizado para describir la página:
<Html lang = "zh">
sentencia de lenguaje es facilitar lectores de pantalla y los motores de búsqueda.
Omitir el <html> o <body> en el DOM y los accidentes de software XML.
Omitir el <body> se produce error en los navegadores antiguos (IE9).
Omitir el <head>?
En el estándar HTML 5, <head> se puede omitir.
Por defecto, el navegador de contenido <body> antes de añadirse a un elemento por defecto <head>.
Ejemplos
<Html>
<Título> Título </ title>
<Cuerpo>
<H1> Este es un encabezado </ h1>
<P> Este es un párrafo. </ P>
</ Body>
</ Html>
Trate »
 | Ahora omiten No se recomiendan las etiquetas de la cabeza. |
|---|
metadatos
HTML5 en el <title> elemento se requiere, el nombre del título describe el tema de la página:
Título y lenguaje que permite que el motor de búsqueda pronto entender el tema de su página:
<Html lang = "zh">
<Head>
<Charset Meta = "UTF-8 ">
<Title> Este tutorial </ title>
</ Head>
comentarios HTML
Los comentarios pueden ser escritos en el <- y -> En:
los comentarios más largos en el <! - y -> escribieron en las ramas:
Esto es un comentario más tiempo. Esto es un comentario más tiempo. Esto es un comentario más tiempo.
Este es un tiempo en comentar este es un comentario más largo. Esto es un comentario más tiempo.
->
Los comentarios del primer carácter de sangría dos espacios, más fáciles de leer.
hoja de estilo
Estilo de sintaxis concisa (no se requiere atributo type):
Las reglas pueden ser escritos como una línea corta:
reglas de múltiples líneas largas pueden escribirse:
background-color: gris claro;
font-family: "Arial Negro" , Helvetica, sans-serif;
font-size: 16em;
color: negro;
}
- El aparato ortopédico en la misma línea con los selectores.
- Elija entre la llave izquierda y añadir un espacio.
- Uso dos espacios para sangrar.
- Ha añadido el espacio entre los valores de las propiedades y de colon.
- Use un espacio después de la coma y símbolos.
- Los valores de propiedad tienen que utilizar al final de cada símbolo.
- Sólo cuando el valor de la propiedad contiene espacios usan comillas.
- Llave derecha en una nueva línea.
- Hasta 80 caracteres por línea.
| Después de la coma y el punto y coma añaden espacios es una regla común. |
|---|
Cargando JavaScript en HTML
Utilice sintaxis simple para cargar el archivo de script externo (no se requiere atributo type):
El uso de JavaScript para acceder a los elementos HTML
Un formato HTML incorrecta podría provocar la ejecución de errores de JavaScript.
La siguiente dos sentencias de JavaScript Para dar salida a diferentes resultados:
HTML, JavaScript intenta utilizar la misma convención de nombres.
especificaciones del código de acceso de JavaScript .
los nombres de archivo en minúsculas
La mayoría de los servidores web (Apache, Unix) entre mayúsculas y minúsculas: london.jpg London.jpg no puede acceder.
Otros servidores Web (Microsoft, IIS) no distingue entre mayúsculas y minúsculas: london.jpg se puede acceder a través de London.jpg o london.jpg.
Debe mantener un estilo unificado, se recomienda el uso nombres de archivo en minúsculas consistentes.
extensión de archivo
HTML sufijo de archivo puede ser .html (o .htm r).
extensión de archivo CSS es .css.
JavaScript .js sufijo.
La diferencia entre .htm y .html
La extensión .htm y .html archivo de la naturaleza no hay ninguna diferencia. Navegador y el servidor Web se tratan como archivos HTML que tratar.
La diferencia es que:
.htm aplicación en sistemas DOS primeros, o sistemas son ahora sólo tres caracteres.
Sufijo no está particularmente limitado a los sistemas Unix, por lo general con .html.
técnicamente diferencia
Si una URL no especifica un nombre de archivo (como http://www.w3big.com/css/), el servidor devolverá al nombre de archivo predeterminado. El nombre de archivo predeterminado es generalmente index.html, index.htm, default.html, y default.htm.
Si el servidor está configurado con sólo el "index.html" como el archivo predeterminado, debe nombrar el archivo "index.html", en lugar de "index.htm".
En general, sin embargo, el servidor puede configurar múltiples archivos por defecto, se puede establecer el archivo predeterminado según sea necesario.
De todos modos, HTML sufijo completo es ".html".