Este artículo explica sistemáticamente los elementos DocType. Al mismo tiempo, se verificó mucha información. Debido a que la información en Internet es bastante complicada, la he redefinido después de la recopilación y la clasificación. Por ejemplo, la definición del elemento DOCTYPE se divide principalmente en conocimiento básico y conocimiento avanzado. El conocimiento básico explica el conocimiento básico de doctype. Muchos conocimientos avanzados provienen de Internet, principalmente algunas técnicas prácticas.
DocType es la abreviatura del tipo de documento. El elemento <! Doctype> se utiliza para declarar la declaración de tipo de documento de una página (DTD). Esta declaración de elementos se encuentra en la parte delantera del documento y está antes de la etiqueta <html>. Al confirmar el DTD de la página, también puede determinar qué especificación W3C (como la especificación HTML o XHTML) usa la página.
La traducción correcta de la especificación W3C debe recomendarse para W3C (recomendaciones de W3C). A los ojos de muchos diseñadores, W3C es el estándar. Sin embargo, muchas personas solo tienen un poco de comprensión. Lo siguiente se enumera en la especificación HTML y la especificación XHTML en la especificación W3C actual. Explicaremos la relación entre HTML y XHTML más tarde:
| especificación | recomendar |
HTML 3.2 | 14 de enero de 1997 |
HTML 4.0 | 24 de mayo de 1998 |
HTML 4.01 | 24 de diciembre de 1999 |
| especificación | Borrador/propuesta | recomendar |
XHTML 1.0 | 26 de enero de 2000 | |
Revisión XHTML 1.0 | 1 de agosto de 2002 | |
XHTML 1.1 | 31 de mayo de 2001 | |
Módulos XHTML | 10 de abril de 2001 | |
Módulos xhtml 1.1 | 5 de julio de 2006 | |
Xhtml básico | 19 de diciembre de 2000 | |
Xhtml básico 1.1 | 5 de julio de 2006 | |
Eventos xhtml | 14 de octubre de 2003 | |
XHTML Eventos 2 | 16 de febrero de 2007 | |
Impresión xhtml | 20 de septiembre de 2006 | |
Tipos de medios XHTML | 1 de agosto de 2002 | |
XForms 1.0 | 14 de octubre de 2003 | |
XForms 1.0 (SE) | 14 de marzo de 2006 | |
XForms 1.1 | 22 de febrero de 2007 | |
XHTML 2.0 | 26 de julio de 2006 | |
Xlink | 27 de junio de 2001 | |
Hlink | 13 de septiembre de 2002 |
XHTML puede considerarse como la última especificación HTML y es una aplicación XML que se puede migrar sin problemas desde HTML 4.01. El primer paso en W3C refactorizando HTML 4.01 en XML condujo al nacimiento de XHTML 1.0. XHTML 1.0 se basa en la semántica proporcionada por las etiquetas HTML 4.01.
El archivo de página declara diferentes DTD a través del elemento <COCTYPE> para decirle al navegador con qué especificaciones HTML o XHTML la página actual cumple. Los siguientes enumeran solo los DTD relacionados con las especificaciones HTML4.01 y XHTML1.0:
HTML 4.01 especifica tres tipos de documentos: estricto, transición y frameset.
Si necesita marcas limpias para evitar confusiones en las capas de presentación, use este tipo. Úselo con hojas de estilo en cascada (CSS):
<! Doctype html público -// w3c // dtd html 4.01 // es
http://www.w3.org/tr/html4/strict.dtd>
La DTD de transición puede contener propiedades y elementos de representación que W3C espera moverse a la hoja de estilo. Use este tipo si sus lectores usan navegadores que no admiten hojas de estilo en cascada (CSS) para que tenga que usar la función de representación de HTML:
<! Doctype html público -// w3c // dtd html 4.01 transición // es
http://www.w3.org/tr/html4/loose.dtd>
Frameset DTD debe usarse para documentos con marcos. Excepto por el elemento Frameset que reemplaza el elemento del cuerpo, Frameset DTD es equivalente a DTD de transición:
<! Doctype html público -// w3c // dtd html 4.01 frameset // es
http://www.w3.org/tr/html4/frameset.dtd>
XHTML 1.0 Especifica tres tipos de documentos XML: estricto, transición y frameset.
Si necesita marcas limpias para evitar confusiones en las capas de presentación, use este tipo. Úselo con hojas de estilo en cascada (CSS):
<! Doctype html
Público -// w3c // dtd xhtml 1.0 Strict // en
http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
La DTD de transición puede contener propiedades y elementos de representación que W3C espera moverse a la hoja de estilo. Use este tipo si sus lectores usan navegadores que no admiten hojas de estilo en cascada (CSS) para que tenga que usar la función de representación de XHTML:
<! Doctype html
Public -// w3c // dtd xhtml 1.0 Transitional // en
http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd>
¡Use este DTD cuando desee usar un marco!
<! Doctype html
Público -// w3c // dtd xhtml 1.0 frameset // es
http://www.w3.org/tr/xhtml1/dtd/xhtml1frameset.dtd>
Registro de disponibilidad de elementos de nivel superior HTML // organización // escribe etiquetas // URL de lenguaje de definición
Elemento de nivel superior: especifica el tipo de elemento de nivel superior declarado en DTD. Esto corresponde al tipo de documento SGML declarado. El valor predeterminado es HTML.
Disponibilidad: Especifica si el identificador público oficial (FPI) es un recurso de objetos o del sistema de acceso público. El valor puede ser público o sistema. Representa un objeto de acceso público. El sistema representa un recurso del sistema, como un archivo local o una URL.
Registro: Especifique si la organización está registrada por la Organización Internacional de Estandarización (ISO).
+ es el valor predeterminado, lo que indica que el nombre de la organización está registrado.
- significa que el nombre de la organización no está registrado. El Grupo de Tarea de Ingeniería de Internet (IETF) y la Asociación World Wide Web (W3C) no son organizaciones ISO registradas.
Organización: Especifica el nombre del grupo u organización que indica la creación y mantenimiento del DTD a la que se hace referencia por la Declaración de Doctype, a saber, Ownderid. IETF es un IETF. W3C es W3C.
Tipo: Especifica la clase de texto público, es decir, el tipo de objeto referenciado. El valor predeterminado es DTD.
Etiqueta: Especifica una descripción del texto público, es decir, un nombre descriptivo único para el texto público citado. El número de versión se puede incluir más adelante. El valor predeterminado es HTML.
Definición: Especifique la definición del tipo de documento.
Frameset Frameset Documentation.
StricT, excluye todos los atributos y elementos representativos que los expertos en W3C quieren eliminar gradualmente, porque las hojas de estilo ya son perfectas.
Transitional contiene todos los contenidos excepto el elemento Frameset.
Idioma: especifica un lenguaje de texto público, es decir, un sistema de codificación de lenguaje natural utilizado para crear el objeto referenciado. La definición del idioma se ha escrito como código de idioma ISO 639 (Capital dos letras). En predeterminado. Inglés.
URL: Especifica la ubicación del objeto referenciado.
Si desea verificar si el contenido de su página cumple con los estándares declarados en DocType, puede usar la herramienta de verificación proporcionada por W3C:
http://validator.w3.org/
Los navegadores modernos incluyen diferentes modos de renderizado, con el objetivo de admitir ambas páginas web que siguen los estándares W3C y las páginas web diseñadas para navegadores más antiguos. Entre ellos, el modo de estándares (es decir, el modo de presentación estricto) se usa para presentar páginas web que siguen los últimos estándares, mientras que el modo Quirks (es decir, el modo de presentación suelta o el modo de compatibilidad) se usa para presentar páginas web diseñadas para navegadores tradicionales. Además, tenga en cuenta que Mozilla/Netscape 6 ha agregado un modo casi estándar para admitir páginas web diseñadas para una versión anterior del estándar.
En teoría, este debería ser un interruptor muy intuitivo. Si el elemento <! DocType> de la página apunta a los estándares de cumplimiento de la página (como XHTML1.0), el navegador cambiará al modo de normas. Si no se especifica el doctype, o se especifican las versiones HTML 3.2 y anteriores, el navegador cambia al modo de peculiaridad. De esta manera, el navegador puede mostrar los documentos que siguen los estándares correctamente sin abandonar por completo las páginas web anticuadas que no coinciden con los estándares. Pero habrá las siguientes situaciones:
En la declaración completa de Doctype, incluya la URL del archivo de definición de tipo de documento correspondiente (DTD). Si se pierde la URL, o si se especifica, una ruta relativa (en lugar de una dirección de Internet totalmente calificada), la mayoría de los navegadores ingresarán al modo de peculiaridad, independientemente del modo especificado por la declaración de Doctype.
El navegador es muy sensible a la forma y el formato de la Declaración de Doctype. Si no se puede reconocer un Doctype con el formulario incorrecto, lo obligará a ingresar al modo Quirks (se recomienda copiar y pegar un Doctype correcto conocido en el documento en lugar de escribirlo en persona). Una razón común para el error de formulario Doctype es que falta un espacio entre la primera parte de Doctype y la URL. Colapso de un Doctype dividido en dos líneas en una sola línea, y ese espacio a menudo se perderá.
Cuando un navegador maneja el Doctype del período de transición, es más probable que tenga problemas inconsistentes. IE y Opera utilizan el modo de estándares; Las versiones Netscape de 6 y más de Safari usan el modo Quirks; Netscape 7, Mozilla 1 y las versiones más nuevas de Safari utilizan el modo casi estándar de Netscape, que es una mejor versión tolerante a fallas del modo estándar.
También hay inconsistencia cuando el navegador maneja doctypes no reconocidos. IE y Opera ingresarán al modo estándar; En otras palabras, supone que el Doctype no reconocido es un nuevo estándar que no se ha integrado en el navegador. Por el contrario, Netscape 6 cambiará al modo de peculiaridades al encontrar doctypes no reconocidos.
La conmutación de DocType puede ser un medio efectivo para que el navegador ingrese al modo de representación correcto y muestre la página web correctamente, siempre que note inconsistencias en varios navegadores y pueda evitar activamente diversos problemas.
1. Inmediatamente después de la Declaración de Doctype anterior es una declaración de espacio de nombres XHTML, colocada en el elemento <html> mejorado, escrito como:
<html xmlns = http: //www.w3.org/1999/xhtml>
2. Dado que la página XHTML 1.0 es un documento XML legal, y XML es sensible a la caja a las etiquetas y atributos, en aras de la simplicidad, todas las etiquetas y atributos en las páginas XHTML 1.0 deben ser minúsculas.
Algunas herramientas gratuitas, como HTML Tidy (http://tidy.sourceforge.net/), pueden ayudarlo a convertir automáticamente etiquetas y atributos a minúsculas.
3. Declare el lenguaje utilizado en la página agregando un elemento <meta> al elemento <head>.
<meta http-oquiv = content-type content = text/html; charset = gbk />
4. En XHTML, todos los atributos deben citarse.
Algunas herramientas gratuitas, como HTML Tidy (http://tidy.sourceforge.net/), pueden ayudarlo a poner automáticamente citas en todos los atributos.
5. En XHTML, todas las propiedades deben tener valores.
No se puede escribir como en HTML 4.0:
<input type = checkbox name = shirt value = mediano marcado>
Y para escribir:
<input type = checkbox name = shirt value = medium checked = checked />
6. En XHTML, todas las etiquetas deben estar cerradas.
Hay dos formas de cerrar la etiqueta. La etiqueta que contiene el contenido está cerrada usando la etiqueta final, y la etiqueta vacía es seguida por un espacio y /. Por ejemplo:
<p> Este es HTML aceptable y también es válido xhtml. </p>
<img src = logo.gif />
7. No use - en contenido de comentarios.
- Solo se puede usar al principio y al final de un comentario XHTML y no puede aparecer en el contenido de un comentario. No se permiten los siguientes métodos de escritura:
<!-Inválido, y también lo es el separador clásico a continuación. ->
<! ------------------------------------>
8. HTML codifica todos los símbolos especiales.
Las tres especificaciones de W3C, XHTML/CSS/DOM, forman un sistema completo y riguroso. Llamo a estas tres especificaciones la encarnación del Dios Trinity en el mundo web. Estas tres especificaciones representan las tres partes de la estructura, presentación y comportamiento de la página web. Divida estrictamente las páginas web en estas tres capas e intente hacer que el contenido de cada capa sea independiente entre sí, lo que ayudará a mejorar la reutilización y la modularidad de la página y reducir en gran medida el costo de producción, mantenimiento y modificación de la página. Para lograr la jerarquía mencionada anteriormente, el XHTML escrito solo debe contener etiquetas relacionadas con la estructura (elementos y atributos). Por lo tanto, debe estar acostumbrado a usar DTD de tipo estricto y abandonar esos marcadores con un significado expresivo lo antes posible (esos marcadores no se recomiendan en la especificación HTML 4.0, y se descartarán por completo en las versiones después de XHTML); Abandonte el antiguo método de diseño basado en tablas lo antes posible y adopte un diseño CSS completo.
"Una guía autorizada para HTML y XHTML", de Chuck Musciano y Bill Kennedy.
"Tutorial XHTML", de Chelsea Valentine y Chris Minnick.
"Refactorización del sitio web", de Jeffrey Zeldman.
Autor: Zhang Ziqiu
Fuente: http://www.cnblogs.com/zhangziqiu/