¿Qué hermoso código HTML se ve cómo escribir un hermoso código HTML?
Un artículo escrito por un extranjero: ¿Qué hermoso código HTML se ve cómo escribir hermosos códigos HTML se siente muy bien? Reimprima y compártelo contigo:
PD: Dirección original: http://css-tricks.com/what-beautiful-html-code-ingss-like/
1.Doctype correctamente declaradoNo olvide la declaración en la cabeza, le dirá al navegador cómo representar su HTML.
2. Sección de cabezal de tidtyEstablezca el título, conjunto de caracteres. Configure los enlaces externos CSS y JS (incluido un CSS impreso).
3. Dale una identificación al cuerpo. La razón por la que el autor mencionado aquí es facilitar la selección de contenedores medios para múltiples páginas. Por ejemplo, al configurar diferentes ID para el cuerpo en la página1 y la página2, puede establecer dos efectos diferentes a través de #Page1 H2 y #Page2 H2. Siento que esto depende de la situación y la estructura específica antes de usarla. 4. Menú semánticamente limpioEscriba el código de menú que coincida con la semántica.
<div id=menu>
<ul>
<li> <a href = index.php> home </a> </li>
<li> <a href = acerca.php> sobre </a> </li>
<li> <a href = contact.php> contact </a> </li>
</ul>
</div>
PD: Personalmente creo que debería ser más fácil escribir código como este:
<ulid = menú>
<li> <a href = index.php> home </a> </li>
<li> <a href = acerca.php> sobre </a> </li>
<li> <a href = contact.php> contact </a> </li>
</ul>
5. Div principal para todo el contenido de la página Hay un cuerpo divs que contiene todos los contenidos. Conveniente para arreglar el ancho, los márgenes, etc. del cuerpo. 6. Contenido importante primero Escriba primero el contenido principal, luego el contenido secundario. Si su navegación o barra lateral no es muy importante, es mejor escribirlos al final. 7. Contenido común incluido Introducir piezas comunes como la navegación y el final de las páginas a través de llamadas dinámicas, como PHP incluyen. 8. El código se pica en las secciones Código de sangría 9. Etiquetas finales propensas Tenga en cuenta la etiqueta final 10. Hierarquía de etiquetas de encabezado Use etiquetas de título como <h1> ~ <h6> cuando sea apropiado para dividir los párrafos. 11. Contenido, contenido, contenidoutiliza etiquetas apropiadas y códigos de logotipo, y use y
copia; Para indicar ©, no use </br> 12.No Styling! No escriba estilos en las etiquetas, HTML solo se usa para representar estructuras. Dejemos la actuación a CSS.