Cómo escribir código html semántico
Video: Como escribir código HTML y CSS mas rápido con Emmet (Zen Coding)
La mayor parte de los mejores editores de código en estos días - si usted está usando un editor de código o de sólo uno con un WYSIWYG ( “lo que ves es lo que obtienes”) Vista - escribir automáticamente el código web para que cumpla con HTML 4.01, XHTML 1.0 o estándares HTML5 basado en la definición de tipo de documento (DTD) se selecciona al crear sus páginas.
Donde el código puede comenzar a desentrañar, sin embargo, es cuando se inicia la codificación manual, la mano de edición, y el uso de cualquier código libre y scripts que puedes encontrar en Internet.
Otro problema puede ocurrir cuando se inicia el trabajo con páginas HTML legado que todavía utilizan algunas de las etiquetas HTML de edad avanzada que han sido desaprobados (eliminadas) en los últimos años. Es posible que desee empezar a programar sus proyectos con HTML5 y utilizar sólo XHTML o HTML 4.01 Transitional si usted tiene una necesidad específica para hacerlo.
Video: ¿Cómo insertar un código HTML?
Alternativamente, se puede comenzar con HTML 4.01 y luego fácilmente la transición a XHTML o HTML5 de código, momento en el que las normas más estrictas y más recientes de XHTML y HTML 5 podría tener más sentido para usted. Asegúrese de utilizar la versión que elija coherente en todo el sitio.
Uno de los beneficios de comenzar con HTML es que algunas etiquetas y atributos son compatibles con muchos navegadores antiguos, mientras que XHTML y HTML 5 no son compatibles en parte o en su totalidad por muchos de los navegadores antiguos.
Video: Html Semantico con progress, meter, abbr, acronym, y listas personalizadas
Además, programas como Dreamweaver y Expression Web puede codificar correctamente syntaxed semántica HTML, XHTML y HTML 5, pero los programas no son humanos, por lo que necesita para intervenir de vez en cuando para asegurarse de que el código se ha formateado correctamente y se mantiene de esa manera en cualquier momento que realizar modificaciones en el código a mano.
Revisar estas reglas para HTML, XHTML y HTML 5 y utilizar el margen de beneficio que mejor se adapte a sus necesidades.
| HTML | XHTML | HTML5 | |
|---|---|---|---|
| Estructura del código debe ser ordenado correctamente, pero olvida las etiquetas pueden ser perdonados y causar una página a fallar de manera aceptable, tal como olvidarse de cerrar la etiqueta. | Todos los elementos de código deben estar cerrados y se colocan en el correcto ubicación jerárquica dentro de la apertura y cierre etiquetas, como en ...... | De marcado se puede escribir en cualquiera de HTML, XHTML, o un combo “Marcado políglota” sintaxis que combina las reglas de HTML y XHTML. | |
| Los archivos HTML deben tener, pero aren&rsquo-t obligados a tener, una declaración DOCTYPE HTML encima de la abertura etiqueta. | Todos los archivos XHTML deben incluir una declaración DOCTYPE XHTML anteriormente la apertura etiqueta, como en PÚBLICO “- // W3C // DTD XHTML 1.0Transición // EN”“http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”gt; | archivos HTML5 requieren el HTML5 sencilla tipo de documento Declaración sobre la abertura etiqueta: | |
| Las etiquetas pueden ser escritos en mayúsculas o minúsculas, pero se prefiere minúsculas, tales como | Etiquetas siempre deben estar escritas en letras minúsculas, como en , , y. | Las etiquetas y atributos de las etiquetas deben estar escritas en minúsculas cartas, como en | |
| HTML no puede ser una aplicación de XML. | XHTML se aprovecha de XML. | HTML5 no es una aplicación de XML, pero XHTML5 es el XML serialización de HTML5. | |
| Las etiquetas y los objetos pueden ser incorrectamente anidados con poco En consecuencia, por lo Ciudadano Kane todavía sería mostrado en negrita y cursiva. | Las etiquetas y los objetos deben ser correctamente anidados para mostrar con precisión en un navegador, por lo Malvaviscos sería incorrecto y Malvaviscos sería correcto. | Como XHTML, etiquetas y objetos deben estar anidados correctamente mostrar con precisión en un navegador. | |
| Etiquetas needn&rsquo-t siempre han de cerrar los elementos de etiqueta, como con el , , y etiquetas. | Todas las etiquetas y los objetos deben estar debidamente cerrados. Las etiquetas que didn&rsquo-t normalmente necesita ser cerrado en HTML debería ser ahora cerrado mediante la colocación de un espacio y una barra dentro de la etiqueta, como en , , y | , y, también deben estar debidamente cerrados. | En HTML 5, la / Gt; utilizado en XHTML a etiquetas de cierre es innecesaria para los elementos vacíos (elementos que don&rsquo-t contiene ningún contenido, tales como). |
| Valores dentro de los atributos de las etiquetas pueden escribirse con o sin comillas, como en src =”images / dog.jpg“width = 100 height = 100 TB; o “Width =” 100” height =”100” gt;. | Valores dentro de los atributos de las etiquetas deben estar escritas en el interior entre comillas, como en id =”bandera” gt; y class = gt”especial”;. | Valores dentro de los atributos de las etiquetas deben estar escritas en el interior entre comillas, como en src =”images / logo.jpg” width =”100" height =”25" gt;. | |
| Los atributos se pueden utilizar abreviaturas para minimizar el código que necesita escribirse cuando el valor coincide con la opción deseada, al igual que con. | Atributos ya no pueden usar taquigrafía y deben utilizar siempre el completa sintaxis del código HTML, como con discapacitados =”desactivado” / gt;. | Atributos deben utilizar siempre la sintaxis completa del código HTML y atributos, como con discapacitados =”desactivado” / gt;. | |
| Objetos utilizan el atributo de nombre, como en name = gt”max”;. | Objetos utilizan ya sea el carné de identidad atributo en lugar de nombre, como en id = gt”emily”; o utilizar tanto el carné de identidad y el nombre atributos juntos, como en src =”emily.jpg” id =”emily” name = gt”emily”; El uso de ambos nombre y carné de identidad atributos juntos ayuda a los navegadores antiguos interpretan y HTML pantalla datos. | Los objetos deben utilizar tanto el carné de identidad y nombre atributos juntos, como en id = nombre de”Portugal” = gt”Portugal”; |
XHTML y HTML 5 siguen un conjunto de reglas mucho más estrictas que en HTML, pero HTML5 es el estándar actual recomendado para la web, y ambos XHTML y HTML 5 tiene muchos beneficios que carece de HTML.
Video: 5.- Cómo crear una página web - Semántica
Por ejemplo, a causa de todas sus normas, algunos dicen XHTML - y por extensión HTML5 - es más fácil de aprender que el HTML. No sólo eso, sino que es a la vez XHTML XML y XSL-listo y HTML5 ofrece un mayor control sobre el contenido y nuevas características.
Hasta que no son capaces de probar la validez del código para el cumplimiento de los estándares del W3C recomienda, siempre y cuando le dice a su editor de HTML / Web para codificar en el lenguaje de marcado deseada y prestar atención a las reglas sintácticas mientras se realizan los ajustes de código a mano, usted debería ser capaz de codificar sus páginas correctamente.