 estándares y la puesta en marcha una de las características más importantes del estándar html es que permite la creación de documentos que tienen una estructura definida en la cual se puede ordenar por importancia el contenido que se incluya por eso es relevante que en esta sección sobre estándares se incluya una referencia hacia esta característica debido a que al desarrollar el sitio web utilizando estándares esta forma de ordenamiento del contenido ocupa un lugar privilegiado adicionalmente esta característica estructural es la que permitirá que el sitio web pueda cumplir una de las metas que tienen las normas señaladas en esta sección cual es la de permitir que los sitios web del gobierno de chile sean accesibles por personas con discapacidades físicas de lo anterior se concluye que al realizar la puesta en marcha del desarrollo de un proyecto web sus páginas deberán estar conformadas de la manera que se indica a continuación estructura de los documentos web el estándar html determina que los contenidos deben ser ubicados mediante el uso de etiquetas del inglés  tag  que especifica la característica del mismo y que se identifican porque usan los corchetes angulados y para designarlas tag o etiqueta  es la marca que permite dar estructura a un documento html su forma de uso es estricta y es normada por el world wide web consortium dichas etiquetas van desde las que permiten darle forma a todo el documento hasta aquellas que sirven para explicar el comportamiento o características de una parte del mismo como un título un enlace o una imagen lo importante es que cualquier elemento dentro de la página debe ser incorporado mediante una etiqueta y que ésta debe cumplir las formalidades que indica el estándar para ella en términos generales los documentos web están compuestos de tres partes y dentro de éstas hay un orden que ayuda a su comprensión y uso estas partes son  declaración del tipo de estándar a usar encabezado de la página cuerpo de la página a continuación se explican las características de cada una de ellas declaración del tipo de estándar a usar corresponde a las primeras líneas que debe tener toda página web y en ella se indica el tipo de documento de que se trata y con ello el estándar que regirá su contenido normalmente la declaración es similar a la siguiente doctype html public w3c dtd xhtml 10 transitional en http wwww3org tr xhtml1 dtd xhtml1transitionaldtd html xmlns http wwww3org 1999 xhtml lang es como se puede observar del texto los elementos que son relevantes son los siguientes  tipo de documento  con la expresión  doctype  se indica cuál es el estándar a utilizar el cual aparece por escrito en el caso del ejemplo anterior es xhtml versión 1 en su modo de transición el otro se denomina estricto  referencia del documento  siempre se indica un enlace a un documento con la extensión dtd que es el documento oficial del w3c donde se establece el estándar y sus características etiqueta html   es la que da inicio a las etiquetas del sitio web y que será finalizada al término del documento con la etiqueta html en el caso de este ejemplo cuenta con dos modificadores que son xmlns para detallar cuál es el conjunto de atributos del estándar cuya ubicación se indica con una dirección web y  lang  para señalar el lenguaje en que estará el contenido encabezado de la página una vez que se ha declarado el estándar como se indicó antes las siguientes líneas de código de la página web están reservadas para crear el encabezado que se despliega entre las etiquetas   head   y   head   dentro de ellas se ubican los elementos mediante los cuales se describe el contenido de la página web por lo cual a estos elementos de les llama  meta datos  datos acerca de los datos los hay de cuatro tipos de acuerdo a la siguiente descripción  título  es la etiqueta title que permite designar el título que llevará en el encabezado de la ventana el sitio web se recomienda que lleve el nombre del sitio web más un título que describa el contenido de la página por ejemplo ministerio del interior chile acerca del ministro de esta manera esta información será la que aparezca en las páginas de resultados de los buscadores cuando se muestre el enlace al usuario que busca alguna palabra o frase que tenga dicha página metadadato  es información acerca de la información y se define mediante la etiqueta meta para hacerlo se pueden emplear las descripciones del w3c o bien las del  proyecto dublin core  las cuales permiten generar información descriptiva acerca de contenidos autores copyright y otras descripciones acerca de los contenidos del sitio web los más usados son meta name title content nombre del sitio web o institución meta name description content descripción del sitio web o institución o bien del contenido de la página meta name keywords content palabras claves del sitio web o institución o bien del contenido de la página  enlaces externos  permite informar al documento acerca de otros archivos que se deben ejecutar al mismo tiempo el mejor ejemplo es el llamado a una hoja de estilo para ejecutar la presentación gráfica de la página link href styles maincss rel stylesheet type text css  scripts  permiten hacer llamados a lenguajes de programación como javascript para desarrollar acciones y crear funcionalidades en la página web que se está visitando por ejemplo script type text javascript src scripts uifunctionsjs  cuerpo de la página cuando ya se ha ingresado la información correspondiente al encabezado se accede a la zona de contenido propiamente tal la que se despliega entre las etiquetas body y body en el caso de sitios realizados mediante marcos o frames esta etiqueta va situada dentro de esta última dentro de ellas se ubican todos los elementos que pueden identificarse como los contenidos de la página web vale decir textos imágenes funcionalidades no obstante para que su despliegue sea adecuado es importante considerar la estructura de la página la cual se explica a través de las siguientes etiquetas  utilización de la etiqueta h   es la etiqueta utilizada para marcar los títulos que habrá en el contenido comenzando por el principal que recibe la etiqueta   h1   cabe recordar que gracias al uso de la tecnología css de hojas de estilo será a través de ésta que se dará el formato adecuado a dicho título para que se distinga en la página las etiquetas   h   van desde 1 a 6 por lo que permiten indicar hasta seis niveles de importancia de los titulares utilizados en el documento su uso es muy relevante en términos de accesibilidad ya que los programas de software lectores de pantalla ñque leen el contenido para que sea escuchado por usuarios ciegos siempre buscarán esta jerarquía de los contenidos para determinar la sección por la que debe comenzar la lectura de la página utilización de la etiqueta p   es la etiqueta utilizada para marcar los párrafos en los que se divide el contenido utilizando la tecnología css de hojas de estilo es posible agregarle el formato adecuado como tamaño de letra espaciado interlineado sangría justificación color y tipografía utilizada utilización de la etiqueta div y span   son las etiquetas utilizadas para definir el comportamiento en términos de presentación que tendrá el contenido con   div   se define lo que ocurre con bloques de información mientras que con   span   es posible hacer esa misma definición pero para líneas de contenidos ambas etiquetas utilizan las definiciones existentes en las hojas de estilo y permiten aplicarlas a los contenidos basándonos en un ejemplo de w3c se puede ver el siguiente código en que se aprecia la aplicación de estas etiquetas div class seccion id sitioweb h1 sitio web h1 p en esta sección se da a conocer la forma de trabajar en un sitio web p p lorem ipsum dolor sit amet consectetuer adipiscing elit quisque neque fusce a ante duis feugiat magna ac ipsum aenean orci orci mollis a posuere et dignissim eu orci sed vulputate eros a orci nullam vel nulla in diam suscipit tempus phasellus nisi dui cursus eget vulputate nec sagittis quis justo p p suspendisse dignissim quam ac consequat aliquet magna libero mattis urna sit amet ultricies augue tortor vel velit mauris tempus sodales purus sed sit amet metus p div class subseccion id paginaweb h2 las páginas web h2 p las páginas web span class cursivabold son parte de los sitios span y se denominan así porque p p lorem ipsum dolor sit amet consectetuer adipiscing elit quisque neque fusce a ante duis feugiat magna ac ipsum aenean orci orci mollis a posuere et dignissim eu orci sed vulputate eros a orci nullam vel nulla in diam suscipit tempus phasellus nisi dui cursus eget vulputate nec sagittis quis justo p p suspendisse dignissim quam ac consequat aliquet magna libero mattis urna sit amet ultricies augue tortor vel velit mauris tempus sodales purus sed sit amet metus p div div si al documento anterior se le agrega la siguiente  hoja de estilos  que en este caso se define en el propio documento head title guía de comunicación digital acerca de los sitios web y las páginas style type text css divseccion textalign justify fontsize 12pt divsubseccion textindent 2em h1 fontstyle italic color green h2 color green style head se puede ver que la sección identificada por el  id sitioweb   va a aparecer alineada en forma justificada y con su texto en 12 puntos de altura adicionalmente su título marcado por h1 se verá en letras cursivas de color verde mientras que la sección identificada por el  id paginaweb   va a heredar las características de la anterior porque es un bloque que esté inserto en éste pero tendrá una columna más angosta por la indentación que se indica mientras que su titular marcado con h2 será de color verde pero en estilo normal ver figura 2   d   figura 2 la imagen muestra una pantalla con el resultado que muestra un browser al utilizar el código html que se explica en esta página otro uso muy interesante de la etiqueta div es la de expresar posiciones de los bloques de contenido en el sitio web gracias a lo cual se puede diagramar la información de una manera adecuada a la plataforma en que se está trabajando  areas guía web select rating darle 15 darle 25 darle 35 darle 45 darle 55 no votes yet estándares web 