sus documentos HTML debe contener lo siguiente Componentes: 1) El DOCTYPE. 2) El elemento html (con el lenguaje Atributo, que es opcional pero recomendado). 3) El elemento head. 4) La codificación de caracteres en un elemento meta. 5) El elemento title (agregará su contenido en un poco). 6) El elemento body, este es el equivalente HTML de un espacio en blanco. 7) Un documento en blanco. Por lo tanto, antes de agregar cualquier contenido u otra información, es necesario configurar la fundación de su página: Para iniciar una página HTML5: 1. Escriba <! DOCTYPE html> para declarar su página como un documento HTML5. 2. Escriba <html lang = "language- code"> para comenzar la parte HTML real de su documento, donde el código de idioma es código de idioma que coincida con el valor predeterminado Idioma del contenido de su página. Por El código mínimo de la fundación Ejemplo, <html lang = "es"> para inglés HTML visto en Firefox. O <html lang = "fr"> para el francés.
Aquí está la base de cada página
HTML. La indentificación no importa, pero la estructura es crucial. En este ejemplo, el idioma predeterminado (por el atributo lang) se establece en es para el inglés. La codificación de caracteres se establece en UTF-8. 3. Escriba <head> para comenzar la Dos secciones: la cabeza y el cuerpo. cabecera del documento de su página. El DOCTYPE, que inicia cada página, es 4. Escriba <meta charset = "UTF-8" /> para declarar la codificación de Un preámbulo de tipo. La cabecera del caracteres de su documento como documento es donde se define el título UTF-8. Si lo prefiere, también puede de la página, incluye información sobre escribirlo como utf-8 en su HTML. su página para los motores de Además, el espacio y la barra diagonal búsqueda como Google, carga hojas son opcionales, por lo que <meta de estilo y, ocasionalmente, carga charset = "UTF-8"> funciona igual. (Las archivos JavaScript (aunque, por codificaciones de caracteres además razones de rendimiento, es preferible la de UTF-8 son válidas también, pero mayor parte del tiempo para cargar UTF-8 es la más versátil, por lo que es JavaScript correctamente Antes del raro que necesite desviarse). final </ body> en la parte inferior de la página). Excepto para el título, que 5. Escriba <title> </ title>. Esto cubrirá más en un poco, el contenido contendrá el título de su página. Usted de la cabeza no es visible para los agregará el texto del título en usuarios cuando visitan su página. El La sección "Creación de un título". elemento de cuerpo incluye el contenido de su página, incluyendo 6. Escriba </ head> para finalizar la texto, imágenes, formularios, audio, cabecera del documento de su página. video y otros contenidos interactivos. 7. Escriba <body> para iniciar el cuerpo En otras palabras, lo que sus visitantes de la página. Aquí es donde su ven. contenido irá (eventualmente). 8. Deje algunas líneas en blanco para Creación de Título crear el contenido de su página, lo que hará durante el resto de este libro. El código de la fundación HTML en la sección anterior tenía <title> </ title> 9. Escriba </ body> para finalizar el como marcador de posición hasta que cuerpo. llegó el momento de discutir el título 10. Escriba </ html> para finalizar su más adelante. ¡Ahora es el momento! página. Es un número bastante Cada página HTML debe tener un saludable de pasos, pero ya que todas elemento de título. Un título debe ser las páginas comenzarán de esa corto, descriptivo y único para cada manera, podría usar una sola página página (A). En la mayoría de los HTML como la plantilla desde la que navegadores, el título aparece en la comenzar cada página, ahorrándose un barra de título de la ventana (Chrome poco de mecanografía. De hecho, la es una excepción) (B). También mayoría de los editores de código le aparece en la pestaña de la página en permiten especificar el código de inicio navegadores que soportan navegación para cada nueva página, lo que lo hace por pestañas, es decir, todos los aún más fácil. principales navegadores publicados en los últimos años. El título también aparece en las listas de historial de navegadores de tus visitantes y Una página de dos secciones: la marcadores (C). Quizás lo que es más cabeza y el cuerpo importante, el título es utilizado por los Las páginas HTML se dividen en motores de búsqueda como Google, Bing y Yahoo! tanto para obtener una idea del contenido de su página y caracteres. normalmente como el enlace que aparece en sus resultados de búsqueda (D). En resumen, haga que su título sea único para cada página para mejorar los resultados de los motores de búsqueda y mejorar la experiencia de sus visitantes. (C) El título también aparece en el panel Historial del visitante (mostrado), en la lista de favoritos y en la lista de marcadores.
(B) En la mayoría de los navegadores,
como Firefox, el título de una página Web se muestra tanto en la barra de título de la ventana como en la (A) El elemento del título debe pestaña. Sin embargo, Chrome (abajo) colocarse en la sección principal. muestra el título solo en la pestaña. Colóquelo después del elemento meta que especifica la codificación de
(D) Tal vez lo más importante, el título
se utiliza normalmente como el texto vinculado que apunta a su página en los resultados de búsqueda de Google y otros. También es un factor importante para determinar la relevancia de una página en los resultados de búsqueda. Aquí ves un título y una copia parcial del cuerpo que aparece en Google.
Una mirada más profunda a los
títulos de la página Muchos desarrolladores -incluso los bien intencionados y bastante experimentados- dan poca consideración al elemento del título. 2. Introduzca el título de su página Simplemente ingresarán el nombre de Web. su sitio y luego lo copiarán en todas las Creación de encabezados páginas HTML. O peor aún, dejarán el texto del título que su editor de código HTML proporciona seis niveles de puede insertar de forma encabezado para establecer la predeterminada. jerarquía de información en sus páginas. Marque cada encabezado con Los motores de búsqueda tienen uno de los elementos h1-h6, donde h1 diferentes algoritmos que determinan el es un encabezamiento de nivel rango de una página y cómo se indexa superior, h2 es un subtítulo de un h1, su contenido. Universalmente, sin h3 es un subtítulo de un h2, y así embargo, el título juega un papel clave. sucesivamente. Los motores de búsqueda pueden buscar en el título una indicación de Los encabezados están entre los qué es una página e indexar el elementos HTML más importantes en contenido de una página en la cualquier página, como usted búsqueda de texto relacionado. Un aprenderá. Piense en los encabezados título eficaz se centra en un puñado de h1-h6 como similares a los palabras clave que son centrales para encabezados dentro de un documento el contenido de una página. que no sea HTML que podría escribir, como un informe de ventas, un Como mejor práctica, elija el texto del documento de términos, un manual del título que resume brevemente el producto, un artículo de prensa. Al contenido de un documento para escribir estos tipos de documentos, beneficiar tanto a los usuarios de identifica cada sección principal del lectores de pantalla como a los contenido con un encabezado y rankings de los motores de búsqueda. cualquier número de subtítulos (y sub- En segundo lugar, y opcionalmente, particiones, etc.), según corresponda. indique el nombre de su sitio en el Colectivamente, esas partidas título. Es común ver el nombre de un representan sitio al principio del título, pero es mejor poner el texto de título único y El esquema del documento. Lo mismo específico de la página en su lugar. ocurre con las páginas web (A). Discuto esto con mayor profundidad en la Recomendamos que obtenga el siguiente sección, "Entender el mensaje principal de su título en los esquema del documento de HTML5". primeros 60 caracteres, incluidos los espacios, ya que los motores de búsqueda suelen cortarlos en sus resultados en torno a ese número (como línea de base). Los navegadores muestran un número variable de caracteres, pero no más de 60, en la barra de título en la parte superior del navegador antes de cortar el texto. Para crear un título: Para organizar su página Web con 1. Sitúe el cursor entre <title> y </ encabezados: Title> en el cabezal del documento. 1. En la sección body de su documento HTML, escriba <hn>, donde n es un número del 1 al 6, dependiendo del relevante al decidir qué nivel de rumbo nivel de importancia del encabezado usar. Puede cambiar la presentación que desea crear. H1 es el más con CSS. importante, y h6 es el menos importante. 2. Escriba el contenido del encabezado. 3. Escriba </ hn> donde n es el mismo número utilizado en el paso 1. (A) Utilice encabezados para definir su estructura de documentos, al igual que un esquema. Aquí, "La Casa Milà" y "La Sagrada Família" -marcada como elementos h2- son subtítulos de la encabezada de nivel superior, "Antoni Gaudí", porque es un h1. Si la Sagrada Familia era un h3 en su lugar, entonces sería un subtítulo de "La Casa Milà" (y Un sub-subtítulo de "Antoni Gaudí"). La línea en blanco entre cada encabezado es totalmente opcional y no tiene relación con la visualización del contenido. Si estuviera codificando el resto de la página ahora mismo, el Descripción del esquema de contenido relacionado (párrafos, documento de HTML5 imágenes, video, etc.) seguiría cada encabezado.
jjjs jbcj
(B) Aunque todos los encabezados
aparecen en negrita de forma predeterminada, h1 está en una fuente más grande que h2, que es mayor que h3, y así sucesivamente. Pero como ustedes saben, la apariencia no es