SlideShare una empresa de Scribd logo
1 de 7
IUTE - MÉRIDA ,[object Object],[object Object],[object Object]
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 amp;quot;-//W3C//DTD HTML 4.01 Transitional//ENamp;quot; amp;quot;http://www.w3.org/TR/html4/loose.dtdamp;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 amp;quot;-//W3C//DTD HTML 4.01 Frameset//ENamp;quot; amp;quot;http://www.w3.org/TR/html4/frameset.dtdamp;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 amp;quot;-//W3C//DTD HTML 4.01//ENamp;quot; amp;quot;http://www.w3.org/TR/html4/strict.dtdamp;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

La actualidad más candente (11)

Html
HtmlHtml
Html
 
Introducción a los Lenguajes HTML y PHP para el desarrollo web
Introducción a los Lenguajes HTML y PHP para el desarrollo webIntroducción a los Lenguajes HTML y PHP para el desarrollo web
Introducción a los Lenguajes HTML y PHP para el desarrollo web
 
Historia Del HTML
Historia Del HTMLHistoria Del HTML
Historia Del HTML
 
Anthony rodriguez codigos de fuentes en html
Anthony rodriguez codigos de fuentes en htmlAnthony rodriguez codigos de fuentes en html
Anthony rodriguez codigos de fuentes en html
 
F5 Masticable sobre HTML y CSS
F5 Masticable sobre HTML y CSSF5 Masticable sobre HTML y CSS
F5 Masticable sobre HTML y CSS
 
Html5
Html5Html5
Html5
 
Introduccion a HTML - XHTML - Clase 01
Introduccion a HTML - XHTML - Clase 01Introduccion a HTML - XHTML - Clase 01
Introduccion a HTML - XHTML - Clase 01
 
Lore
LoreLore
Lore
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Presentacion de la tarea 6 Mi primera pagina web
Presentacion de  la tarea 6 Mi primera pagina webPresentacion de  la tarea 6 Mi primera pagina web
Presentacion de la tarea 6 Mi primera pagina web
 
Html, Formato De Texto y Listas
Html, Formato De Texto y ListasHtml, Formato De Texto y Listas
Html, Formato De Texto y Listas
 

Destacado (7)

Priceless
PricelessPriceless
Priceless
 
Tv 2 0
Tv 2 0Tv 2 0
Tv 2 0
 
Naufrago
NaufragoNaufrago
Naufrago
 
Pre-Cal 40S Slides January 16, 2008
Pre-Cal 40S Slides January 16,  2008Pre-Cal 40S Slides January 16,  2008
Pre-Cal 40S Slides January 16, 2008
 
E L B R A S A L
E L B R A S A LE L B R A S A L
E L B R A S A L
 
Successful List Building
Successful List BuildingSuccessful List Building
Successful List Building
 
Consumer Math Slides January 16, 2008
Consumer Math Slides January 16, 2008Consumer Math Slides January 16, 2008
Consumer Math Slides January 16, 2008
 

Similar a Declaración DOCTYPE (20)

exposicion
exposicionexposicion
exposicion
 
Xhtml
XhtmlXhtml
Xhtml
 
PRESENTACION SOPBREE EL USO DEL XHTML
PRESENTACION SOPBREE EL USO DEL    XHTMLPRESENTACION SOPBREE EL USO DEL    XHTML
PRESENTACION SOPBREE EL USO DEL XHTML
 
Xhtml
XhtmlXhtml
Xhtml
 
Xhtml
XhtmlXhtml
Xhtml
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Clase 04 Html
Clase 04   HtmlClase 04   Html
Clase 04 Html
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
programamcion html
programamcion htmlprogramamcion html
programamcion html
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Programacion
ProgramacionProgramacion
Programacion
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
HTML (parte 1)
HTML (parte 1)HTML (parte 1)
HTML (parte 1)
 
Retroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, CarlosRetroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, Carlos
 
Curso de diseño CSS
Curso de diseño CSSCurso de diseño CSS
Curso de diseño CSS
 
Programacion
ProgramacionProgramacion
Programacion
 
Programacion
ProgramacionProgramacion
Programacion
 

Más de duberlisg

Notas pst i,2
Notas pst i,2Notas pst i,2
Notas pst i,2
duberlisg
 
Defensa de proyectos ii,3
Defensa de proyectos ii,3Defensa de proyectos ii,3
Defensa de proyectos ii,3
duberlisg
 
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
duberlisg
 
Unidad13analisisderequerimientos 13026971308524-phpapp01
Unidad13analisisderequerimientos 13026971308524-phpapp01Unidad13analisisderequerimientos 13026971308524-phpapp01
Unidad13analisisderequerimientos 13026971308524-phpapp01
duberlisg
 
Estudio de fectibilidad en proyectos
Estudio de fectibilidad en proyectosEstudio de fectibilidad en proyectos
Estudio de fectibilidad en proyectos
duberlisg
 
Curso de modelado uml(1)
Curso de modelado uml(1)Curso de modelado uml(1)
Curso de modelado uml(1)
duberlisg
 
Diagramasuml 110404124448-phpapp02
Diagramasuml 110404124448-phpapp02Diagramasuml 110404124448-phpapp02
Diagramasuml 110404124448-phpapp02
duberlisg
 
Curso uml-clase-01-1211931122395265-9
Curso uml-clase-01-1211931122395265-9Curso uml-clase-01-1211931122395265-9
Curso uml-clase-01-1211931122395265-9
duberlisg
 
Marco teorico
Marco teoricoMarco teorico
Marco teorico
duberlisg
 
Pruebas en si
Pruebas en siPruebas en si
Pruebas en si
duberlisg
 
Diagnostico participativo
Diagnostico participativoDiagnostico participativo
Diagnostico participativo
duberlisg
 
Levantamientodeinformacin
LevantamientodeinformacinLevantamientodeinformacin
Levantamientodeinformacin
duberlisg
 
Levantamiento de-la-informacionclase1
Levantamiento de-la-informacionclase1Levantamiento de-la-informacionclase1
Levantamiento de-la-informacionclase1
duberlisg
 
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
duberlisg
 
Proyectos identificacion y formulacion
Proyectos identificacion y formulacionProyectos identificacion y formulacion
Proyectos identificacion y formulacion
duberlisg
 
Laplanificacin y estrategias para la solucion de problemeas
Laplanificacin y estrategias para la solucion de problemeasLaplanificacin y estrategias para la solucion de problemeas
Laplanificacin y estrategias para la solucion de problemeas
duberlisg
 
Laplanificacin 100406233422-phpapp01
Laplanificacin 100406233422-phpapp01Laplanificacin 100406233422-phpapp01
Laplanificacin 100406233422-phpapp01
duberlisg
 
Modeolo carta de solicitud de proyectos
Modeolo carta de solicitud de proyectosModeolo carta de solicitud de proyectos
Modeolo carta de solicitud de proyectos
duberlisg
 
Esquema para la presentacion de pst
Esquema para la presentacion de pstEsquema para la presentacion de pst
Esquema para la presentacion de pst
duberlisg
 
Cronograma de actividades pnf-marzo-2012-pst-ii
Cronograma de actividades pnf-marzo-2012-pst-iiCronograma de actividades pnf-marzo-2012-pst-ii
Cronograma de actividades pnf-marzo-2012-pst-ii
duberlisg
 

Más de duberlisg (20)

Notas pst i,2
Notas pst i,2Notas pst i,2
Notas pst i,2
 
Defensa de proyectos ii,3
Defensa de proyectos ii,3Defensa de proyectos ii,3
Defensa de proyectos ii,3
 
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
 
Unidad13analisisderequerimientos 13026971308524-phpapp01
Unidad13analisisderequerimientos 13026971308524-phpapp01Unidad13analisisderequerimientos 13026971308524-phpapp01
Unidad13analisisderequerimientos 13026971308524-phpapp01
 
Estudio de fectibilidad en proyectos
Estudio de fectibilidad en proyectosEstudio de fectibilidad en proyectos
Estudio de fectibilidad en proyectos
 
Curso de modelado uml(1)
Curso de modelado uml(1)Curso de modelado uml(1)
Curso de modelado uml(1)
 
Diagramasuml 110404124448-phpapp02
Diagramasuml 110404124448-phpapp02Diagramasuml 110404124448-phpapp02
Diagramasuml 110404124448-phpapp02
 
Curso uml-clase-01-1211931122395265-9
Curso uml-clase-01-1211931122395265-9Curso uml-clase-01-1211931122395265-9
Curso uml-clase-01-1211931122395265-9
 
Marco teorico
Marco teoricoMarco teorico
Marco teorico
 
Pruebas en si
Pruebas en siPruebas en si
Pruebas en si
 
Diagnostico participativo
Diagnostico participativoDiagnostico participativo
Diagnostico participativo
 
Levantamientodeinformacin
LevantamientodeinformacinLevantamientodeinformacin
Levantamientodeinformacin
 
Levantamiento de-la-informacionclase1
Levantamiento de-la-informacionclase1Levantamiento de-la-informacionclase1
Levantamiento de-la-informacionclase1
 
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
 
Proyectos identificacion y formulacion
Proyectos identificacion y formulacionProyectos identificacion y formulacion
Proyectos identificacion y formulacion
 
Laplanificacin y estrategias para la solucion de problemeas
Laplanificacin y estrategias para la solucion de problemeasLaplanificacin y estrategias para la solucion de problemeas
Laplanificacin y estrategias para la solucion de problemeas
 
Laplanificacin 100406233422-phpapp01
Laplanificacin 100406233422-phpapp01Laplanificacin 100406233422-phpapp01
Laplanificacin 100406233422-phpapp01
 
Modeolo carta de solicitud de proyectos
Modeolo carta de solicitud de proyectosModeolo carta de solicitud de proyectos
Modeolo carta de solicitud de proyectos
 
Esquema para la presentacion de pst
Esquema para la presentacion de pstEsquema para la presentacion de pst
Esquema para la presentacion de pst
 
Cronograma de actividades pnf-marzo-2012-pst-ii
Cronograma de actividades pnf-marzo-2012-pst-iiCronograma de actividades pnf-marzo-2012-pst-ii
Cronograma de actividades pnf-marzo-2012-pst-ii
 

Último

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (12)

Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 

Declaración DOCTYPE

  • 1.
  • 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 amp;quot;-//W3C//DTD HTML 4.01 Transitional//ENamp;quot; amp;quot;http://www.w3.org/TR/html4/loose.dtdamp;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 amp;quot;-//W3C//DTD HTML 4.01 Frameset//ENamp;quot; amp;quot;http://www.w3.org/TR/html4/frameset.dtdamp;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 amp;quot;-//W3C//DTD HTML 4.01//ENamp;quot; amp;quot;http://www.w3.org/TR/html4/strict.dtdamp;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