SlideShare una empresa de Scribd logo
IUTE - MÉRIDA LENGUAJE DE PROGRAMACIÓN IV Prof: Duberlis González DECLARACIÓN DOCTYPE EN DOCUMENTOS HTML
DOCTYPE  se refiere al tipo de documento. Mas técnicamente, podemos decir que un documento HTML válido  debe  declarar cual de las versiones de HTML está siguiendo, y  puede  además señalar la  DTD  (Document Type Definition) correspondiente. DOCTYPE html  estricto , es decir, el que sigue con mas rigor el standard html: <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;> <html> ... resto de la página ...  Donde vemos que en definitiva se trata de declarar al principio del documento cual es su contenido: en este caso, que se trata de un documento escrito en html, version 4.01, en inglés (Advierte que lo que se identifica como inglés no es el contenido del documento, sino el lenguaje de marcas utilizado. Los documentos HTML siempre deben estar marcados como EN). DOCTYPE
Versiones de DOCTYPE en html  Limitándonos ahora al html, podemos decir que la version 4.01 (que va a ser la última, ya no hay mas, las siguientes serán xhtml y familia) admite tres tipos de documento: <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;  &quot;http://www.w3.org/TR/html4/strict.dtd&quot;>  <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;  &quot;http://www.w3.org/TR/html4/loose.dtd&quot;>  <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Frameset//EN&quot;  &quot;http://www.w3.org/TR/html4/frameset.dtd&quot;>
El primero es el que ya conocemos,  html estricto , es decir, el mas ajustado al estandard. Un documento que se ajuste a esta declaración NO puede tener frames, ni elementos html que se hayan declarado en desuso. Para entendernos: en los documentos estrictos no puedes usar etiquetas html relacionadas con la presentación del texto, como el elemento font o el atributo align. Para esta finalidad debes usar solo CSS. Ajustarse plenamente a la sintaxis html puede ofrecer alguna dificultad, y por ello aunque es el modo recomendado por el W3C, en la práctica suelen usarse DOCTYPES mas tolerantes. El  html transicional  incluye todo lo que incluye el DTD estricto más los elementos y atributos declarados en desuso. Digamos que este es el tipo de declaración mas flexible, y la que se usa con mas frecuencia  Por ultimo la tercera declaración se emplea para documentos html con  frames , y es idéntica a la declaración de html transicional, solo que con dicho soporte para frames.
HTML 4.01 transitorio   El HTML 4 transitorio incluye todos los elementos y cualidades de HTML 4 Strict pero agrega cualidades presentational, elementos desaprobados o elementos obsoletos. Se llama Transitional porque está pensado como transición hacia HTML 4 estricto.  El modo de definirla es:  <!DOCTYPE HTML PUBLIC \&quot;-//W3C//DTD HTML 4.01 Transitional//EN\&quot; \&quot;http://www.w3.org/TR/html4/loose.dtd\&quot;>
HTML 4.01 Frameset:   Esta es una variante de HTML 4 transitorio para los documentos que utilizan Frames (marcos).  El modo de definirla es:  <!DOCTYPE HTML PUBLIC \&quot;-//W3C//DTD HTML 4.01 Frameset//EN\&quot; \&quot;http://www.w3.org/TR/html4/frameset.dtd\&quot;>  HTML ESTRICTO  Si declaramos este DTD el navegador pasará a actuar cumplimiento de los estándares (Standards compílanse). Esto implicara que solo puedan usarse las etiquetas de HTML 4.01. Este es el modo recomendado por el W3C, ya que es compatible con el CSS y puede ser interpretado correctamente por todos los navegadores, haciendo mucho más fácil el paso de nuestros documentos al XHTML que muy posiblemente tienda a sustituir al HTML en los próximos años.  El modo de definirla es:  <!DOCTYPE HTML PUBLIC \&quot;-//W3C//DTD HTML 4.01//EN\&quot; \&quot;http://www.w3.org/TR/html4/strict.dtd\&quot;>
Para ver si una página cumple el estandar específico podemos acceder a un programa validador que se encuentra en  validator.w3 . org

Más contenido relacionado

PPTX
Qué es xhtml
PPT
xHTML 1.0 Basics
PPTX
Diferencia entre
PPTX
Html mayerly cuartas 11 01
PPTX
Presentación HTML
PPT
Qué es xhtml
PPTX
Breve historia de HTML
Qué es xhtml
xHTML 1.0 Basics
Diferencia entre
Html mayerly cuartas 11 01
Presentación HTML
Qué es xhtml
Breve historia de HTML

La actualidad más candente (11)

PPT
Html
PPTX
Introducción a los Lenguajes HTML y PHP para el desarrollo web
DOCX
Historia Del HTML
PDF
Anthony rodriguez codigos de fuentes en html
PPTX
F5 Masticable sobre HTML y CSS
PPTX
Html5
PPTX
Introduccion a HTML - XHTML - Clase 01
PPT
PPT
Etiquetas Html
PPTX
Presentacion de la tarea 6 Mi primera pagina web
PPTX
Html, Formato De Texto y Listas
Html
Introducción a los Lenguajes HTML y PHP para el desarrollo web
Historia Del HTML
Anthony rodriguez codigos de fuentes en html
F5 Masticable sobre HTML y CSS
Html5
Introduccion a HTML - XHTML - Clase 01
Etiquetas Html
Presentacion de la tarea 6 Mi primera pagina web
Html, Formato De Texto y Listas
Publicidad

Destacado (7)

PPT
Priceless
PPT
Tv 2 0
PPS
Naufrago
PDF
Pre-Cal 40S Slides January 16, 2008
PPS
E L B R A S A L
PDF
Successful List Building
PDF
Consumer Math Slides January 16, 2008
Priceless
Tv 2 0
Naufrago
Pre-Cal 40S Slides January 16, 2008
E L B R A S A L
Successful List Building
Consumer Math Slides January 16, 2008
Publicidad

Similar a Declaración DOCTYPE (20)

PPT
Clase 04 Html
PDF
DOCX
Mateo2
DOCX
PPTX
PDF
Xhtml
PDF
Xhtml
PPT
exposicion
PDF
PDF
Html4 equipo
ODT
Listado etiquetas html 5
PPT
Apuntes de HTML 1
PDF
265069606-Curso-basico-HTML5.pdf
PPT
Xhtml
DOCX
DOCX
PPTX
PPTX
Html y html5
PDF
Clase 04 Html
Mateo2
Xhtml
Xhtml
exposicion
Html4 equipo
Listado etiquetas html 5
Apuntes de HTML 1
265069606-Curso-basico-HTML5.pdf
Xhtml
Html y html5

Más de duberlisg (20)

DOC
Notas pst i,2
DOC
Defensa de proyectos ii,3
PPT
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
PPT
Unidad13analisisderequerimientos 13026971308524-phpapp01
PPTX
Estudio de fectibilidad en proyectos
PDF
Curso de modelado uml(1)
PPT
Diagramasuml 110404124448-phpapp02
PPT
Curso uml-clase-01-1211931122395265-9
PPT
Marco teorico
PPT
Pruebas en si
PPT
Diagnostico participativo
PPT
Levantamientodeinformacin
PPT
Levantamiento de-la-informacionclase1
PPT
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
PPT
Proyectos identificacion y formulacion
PPTX
Laplanificacin y estrategias para la solucion de problemeas
PPTX
Laplanificacin 100406233422-phpapp01
DOC
Modeolo carta de solicitud de proyectos
PPT
Esquema para la presentacion de pst
DOC
Cronograma de actividades pnf-marzo-2012-pst-ii
Notas pst i,2
Defensa de proyectos ii,3
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
Unidad13analisisderequerimientos 13026971308524-phpapp01
Estudio de fectibilidad en proyectos
Curso de modelado uml(1)
Diagramasuml 110404124448-phpapp02
Curso uml-clase-01-1211931122395265-9
Marco teorico
Pruebas en si
Diagnostico participativo
Levantamientodeinformacin
Levantamiento de-la-informacionclase1
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
Proyectos identificacion y formulacion
Laplanificacin y estrategias para la solucion de problemeas
Laplanificacin 100406233422-phpapp01
Modeolo carta de solicitud de proyectos
Esquema para la presentacion de pst
Cronograma de actividades pnf-marzo-2012-pst-ii

Último (20)

PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
DOCX
Guía 5. Test de orientación Vocacional 2.docx
PDF
capacitación de aire acondicionado Bgh r 410
PPT
Protocolos de seguridad y mecanismos encriptación
PPTX
ccna: redes de nat ipv4 stharlling cande
PDF
PRESENTACIÓN GENERAL MIPIG - MODELO INTEGRADO DE PLANEACIÓN
PPTX
Mecanismos-de-Propagacion de ondas electromagneticas
PDF
TRABAJO DE TECNOLOGIA.pdf...........................
PPTX
Historia Inteligencia Artificial Ana Romero.pptx
PDF
NREN - red nacional de investigacion y educacion en LATAM y Europa: Caracteri...
DOCX
Trabajo informatica joel torres 10-.....................
PDF
Taller tecnológico Michelle lobo Velasquez
PDF
informe_fichas1y2_corregido.docx (2) (1).pdf
PDF
0007_PPT_DefinicionesDeDataMining_201_v1-0.pdf
PPTX
El uso de las TIC en la vida cotidiana..
PDF
Tips de Seguridad para evitar clonar sus claves del portal bancario.pdf
DOCX
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
DOCX
TRABAJO GRUPAL (5) (1).docxsjsjskskksksksks
DOCX
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
Guía 5. Test de orientación Vocacional 2.docx
capacitación de aire acondicionado Bgh r 410
Protocolos de seguridad y mecanismos encriptación
ccna: redes de nat ipv4 stharlling cande
PRESENTACIÓN GENERAL MIPIG - MODELO INTEGRADO DE PLANEACIÓN
Mecanismos-de-Propagacion de ondas electromagneticas
TRABAJO DE TECNOLOGIA.pdf...........................
Historia Inteligencia Artificial Ana Romero.pptx
NREN - red nacional de investigacion y educacion en LATAM y Europa: Caracteri...
Trabajo informatica joel torres 10-.....................
Taller tecnológico Michelle lobo Velasquez
informe_fichas1y2_corregido.docx (2) (1).pdf
0007_PPT_DefinicionesDeDataMining_201_v1-0.pdf
El uso de las TIC en la vida cotidiana..
Tips de Seguridad para evitar clonar sus claves del portal bancario.pdf
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
TRABAJO GRUPAL (5) (1).docxsjsjskskksksksks
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk

Declaración DOCTYPE

  • 1. IUTE - MÉRIDA LENGUAJE DE PROGRAMACIÓN IV Prof: Duberlis González DECLARACIÓN DOCTYPE EN DOCUMENTOS HTML
  • 2. DOCTYPE se refiere al tipo de documento. Mas técnicamente, podemos decir que un documento HTML válido debe declarar cual de las versiones de HTML está siguiendo, y puede además señalar la DTD (Document Type Definition) correspondiente. DOCTYPE html estricto , es decir, el que sigue con mas rigor el standard html: <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;> <html> ... resto de la página ... Donde vemos que en definitiva se trata de declarar al principio del documento cual es su contenido: en este caso, que se trata de un documento escrito en html, version 4.01, en inglés (Advierte que lo que se identifica como inglés no es el contenido del documento, sino el lenguaje de marcas utilizado. Los documentos HTML siempre deben estar marcados como EN). DOCTYPE
  • 3. Versiones de DOCTYPE en html Limitándonos ahora al html, podemos decir que la version 4.01 (que va a ser la última, ya no hay mas, las siguientes serán xhtml y familia) admite tres tipos de documento: <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Frameset//EN&quot; &quot;http://www.w3.org/TR/html4/frameset.dtd&quot;>
  • 4. El primero es el que ya conocemos, html estricto , es decir, el mas ajustado al estandard. Un documento que se ajuste a esta declaración NO puede tener frames, ni elementos html que se hayan declarado en desuso. Para entendernos: en los documentos estrictos no puedes usar etiquetas html relacionadas con la presentación del texto, como el elemento font o el atributo align. Para esta finalidad debes usar solo CSS. Ajustarse plenamente a la sintaxis html puede ofrecer alguna dificultad, y por ello aunque es el modo recomendado por el W3C, en la práctica suelen usarse DOCTYPES mas tolerantes. El html transicional incluye todo lo que incluye el DTD estricto más los elementos y atributos declarados en desuso. Digamos que este es el tipo de declaración mas flexible, y la que se usa con mas frecuencia Por ultimo la tercera declaración se emplea para documentos html con frames , y es idéntica a la declaración de html transicional, solo que con dicho soporte para frames.
  • 5. HTML 4.01 transitorio El HTML 4 transitorio incluye todos los elementos y cualidades de HTML 4 Strict pero agrega cualidades presentational, elementos desaprobados o elementos obsoletos. Se llama Transitional porque está pensado como transición hacia HTML 4 estricto. El modo de definirla es: <!DOCTYPE HTML PUBLIC \&quot;-//W3C//DTD HTML 4.01 Transitional//EN\&quot; \&quot;http://www.w3.org/TR/html4/loose.dtd\&quot;>
  • 6. HTML 4.01 Frameset: Esta es una variante de HTML 4 transitorio para los documentos que utilizan Frames (marcos). El modo de definirla es: <!DOCTYPE HTML PUBLIC \&quot;-//W3C//DTD HTML 4.01 Frameset//EN\&quot; \&quot;http://www.w3.org/TR/html4/frameset.dtd\&quot;> HTML ESTRICTO Si declaramos este DTD el navegador pasará a actuar cumplimiento de los estándares (Standards compílanse). Esto implicara que solo puedan usarse las etiquetas de HTML 4.01. Este es el modo recomendado por el W3C, ya que es compatible con el CSS y puede ser interpretado correctamente por todos los navegadores, haciendo mucho más fácil el paso de nuestros documentos al XHTML que muy posiblemente tienda a sustituir al HTML en los próximos años. El modo de definirla es: <!DOCTYPE HTML PUBLIC \&quot;-//W3C//DTD HTML 4.01//EN\&quot; \&quot;http://www.w3.org/TR/html4/strict.dtd\&quot;>
  • 7. Para ver si una página cumple el estandar específico podemos acceder a un programa validador que se encuentra en validator.w3 . org