Los antipiréticos para niños los prescribe un pediatra. Pero hay situaciones de emergencia con fiebre en las que es necesario administrar medicamentos al niño de inmediato. Entonces los padres asumen la responsabilidad y utilizan fármacos antipiréticos. ¿Qué se le permite dar a los bebés? ¿Cómo se puede bajar la temperatura en niños mayores? ¿Qué medicamentos son los más seguros?
elemento CUERPO
Dentro del elemento BODY está el documento en sí: todo el texto entre la etiqueta de apertura
y etiqueta de cierre, será mostrado por el navegador. Todos los elementos responsables del formato del documento se colocan dentro del elemento BODY.Los atributos del elemento BODY se utilizan para establecer propiedades comunes a todo el documento y, en este sentido, las capacidades de este elemento son bastante amplias: puede establecer el color de los enlaces, los parámetros de fondo, etc.
Primero, veamos los atributos del elemento BODY que controlan cómo se muestran los enlaces. Para comodidad de los visitantes de la página, debe establecer diferentes colores para los enlaces visitados, no visitados y activos, y debe asegurarse de que no se fusionen con el color de fondo de la página, porque esto será inconveniente para los visitantes.
Los siguientes atributos del elemento BODY son responsables del color de los enlaces:
Los colores de los enlaces se pueden especificar en formato HEX o palabras clave. Tiene sentido utilizar palabras clave si desea aplicar un color estándar. Bueno, si vas a instalar colores no estándar, tendrás que utilizar el formato HEX.
El ejemplo del Listado 1.12 muestra ambas notaciones.
Listado 1.12. Color de enlace
"http://www.w3.org/TR/html4/loose.dtd">
En el ejemplo, para el enlace activo y no visitado, el color se especifica mediante números y letras: estos definen el código de color en formato hexadecimal y se escriben como el valor del atributo correspondiente después del signo #. Para un enlace visitado, el color se especifica mediante una palabra clave. Usar palabras clave es fácil. Utilizan nombres de colores estándar en inglés para designar colores. Utilice nombres de colores simples como azul, rojo, negro y no se equivocará.
En cuanto a grabar colores en números, el código del color deseado se puede determinar utilizando cualquier editor gráfico.
El elemento BODY proporciona un gran control sobre el fondo de la página. Veamos los atributos responsables de esto.
Primero necesitas configurar el color de fondo de la página. Esto se hace usando el atributo bgcolor, cuyo valor especifica el color de fondo. Luego, debe especificar la imagen de fondo de la página utilizando el atributo de fondo, cuyo valor es la dirección del archivo con la imagen de fondo. Al mismo tiempo, intente establecer el color de fondo cerca del esquema de color de la imagen de fondo. Esto es útil si la imagen de fondo del usuario no se carga. Cuando el color de fondo se acerque al color de la imagen, no habrá desequilibrio en la apariencia general de la página.
El siguiente atributo controla el desplazamiento en segundo plano y se llama bgproperties. Determina si el fondo se desplazará junto con el texto. Este atributo toma solo un valor, fijo, que le permite fijar el fondo del documento y no desplazarlo junto con el texto. De lo contrario, sólo necesitas eliminar este atributo. Al elegir las opciones de desplazamiento en segundo plano, debe tener mucho cuidado y asegurarse de que el desplazamiento no pierda la legibilidad del texto.
El Listado 1.13 muestra un ejemplo del uso de los atributos del elemento BODY para controlar el fondo del documento.
Listado 1.13. Opciones de fondo
"http://www.w3.org/TR/html4/loose.dtd">
En el ejemplo del Listado 1.13, el archivo test. jpg está diseñado en tonos azules, por lo que el color de fondo se toma de la gama azul. No se permite desplazarse por el fondo junto con el texto.
Una vez que hayamos ordenado el fondo, podemos establecer la posición del contenido de la página en relación con los bordes de la ventana del navegador.
Los siguientes atributos del elemento BODY son responsables de la sangría de los bordes de la ventana:
Margen inferior: determina la distancia desde el borde inferior de la ventana del navegador hasta el contenido de la página;
Margen izquierdo: indica la distancia desde el borde izquierdo de la ventana del navegador hasta el contenido de la página;
Topmargin: establece la distancia desde el borde superior de la ventana del navegador hasta el contenido de la página.
La distancia de todos los atributos se establece en píxeles.
El Listado 1.14 muestra un ejemplo de cómo especificar la distancia al contenido de la página usando atributos del elemento BODY.
Listado 1.14. Establecer la distancia desde los bordes de la ventana al contenido de la página
"http://www.w3.org/TR/html4/loose.dtd">
En el ejemplo, la distancia en la parte superior e inferior será de 10 píxeles y en la izquierda, de 20 píxeles.
El elemento BODY tiene dos atributos más que nos pueden resultar útiles. El atributo de texto es responsable del color del texto en el documento. Al configurar el color del texto, asegúrese de que no se mezcle con el fondo de la página.
El atributo de desplazamiento determina si la ventana del documento tendrá una barra de desplazamiento vertical. Tiene sólo dos valores: sí y no, lo que significa permitir y deshabilitar el desplazamiento, respectivamente. De hecho, no deberías prohibir el desplazamiento, porque un documento que es completamente visible en tu pantalla sin problemas puede no caber en la pantalla de un usuario con una resolución de monitor baja. Como resultado, sin una barra de desplazamiento, simplemente no verá parte del documento.
Analizamos el elemento CUERPO, sus capacidades y funciones. Todos los parámetros definidos en este elemento afectan la apariencia general del documento.
Cuando crea sitios web grandes, con el tiempo puede olvidar qué hace exactamente una parte particular del código de la página. Los comentarios ayudarán a evitar esto.
Del libro Creación de libros electrónicos en formato FictionBook 2.1: una guía práctica autor Kondratovich Mijail Iosifovich§ 2.7 Elementos del cuerpo del libro (cuerpo). Elemento imagenImagen.Sintaxis:
ElementoElementoestablece el modo de depuración al ejecutar un archivo WS. Si el valor del atributo de depuración es verdadero, entonces el trabajo se puede ejecutar en un depurador externo (consulte el Apéndice 3). Si el valor del atributo de depuración es falso, el depurador no se utilizará para este trabajo.
Del libro XSLT autor Esteban HolznerElemento
Elemento
Elemento
Elemento
Creando cuerpos de tabla:
Crear cuerpos de elementos de lista:
El elemento xsl:if La sintaxis del elemento es la siguiente:
Elemento La base del lenguaje HTML es el elemento. Contiene cierta información; puede describir el documento en su totalidad o la forma en que está formateado el texto. Los elementos pueden considerarse la base para crear un sitio web. Todo lo que quieras crear en tu página se hará usando
Del autor: Es muy fácil pasar por alto la diferencia entre etiquetas html y body. Este punto parece referirse a cuestiones triviales. Debo admitir que tenía la muy mala costumbre de aplicar todos los estilos globales a la etiqueta body, y cuando eso no era suficiente, cambiaba a la etiqueta html sin pensarlo dos veces.
Sin embargo, todavía existen diferencias entre estas etiquetas. Y la buena idea es que es bueno conocerlos, sin importar cuánto tiempo lleves escribiendo CSS. En este artículo, veremos estas diferencias y ejemplos prácticos donde aplicar estilos a un elemento en lugar de otro puede ser una mejor solución.
Cómo se relacionan entre sí HTML y los elementos del cuerpo
Veamos la estructura estándar de un documento HTML básico:
La especificación define html como el elemento raíz de un documento, y podemos ver esto claramente en el ejemplo anterior: el elemento html está en el nivel más alto en comparación con otros elementos. No hay ningún lugar adonde ir más alto, es decir. es el primer elemento del que se pueden heredar los estilos.
A continuación, justo después de la etiqueta html, solo hay dos elementos: head y body. De hecho, en la especificación, el elemento del cuerpo está directamente opuesto al elemento de la cabeza, ya que solo hay dos elementos que deben distinguirse en este nivel.
Entonces, resulta que html es el elemento raíz del documento, que contiene el elemento del cuerpo, que es su hijo. CSS incluso tiene un selector :root. Los dos selectores siguientes son equivalentes:
:raíz ( ) html ( )
: raíz ( HTML ( |
Excepto que el selector :root tiene una mayor especificidad: (0, 0, 1, 0) frente a (0, 0, 0, 1).
Entonces siempre deberíamos establecer estilos globales para html, ¿verdad?
Es muy tentador suponer que cualquier estilo que deba heredarse en todo el documento debe establecerse directamente en el html porque es el elemento raíz del documento. El elemento html es jerárquicamente superior al elemento body, por lo que sería lógico que se le establecieran todos los estilos globales.
Pero en realidad las cosas no son así. De hecho, los siguientes atributos en línea se asignaron originalmente al elemento del cuerpo en la especificación:
Actualmente, estos atributos se consideran obsoletos y se recomienda utilizar propiedades CSS similares a ellos (a la izquierda, el atributo en línea, a la derecha, su propiedad CSS análoga):
fondo - fondo
bgcolor - fondo, color de fondo
margen inferior—margen inferior
marginleft - margen izquierdo
margen derecho - margen derecho
margen superior - margen superior
Dado que estas propiedades CSS provienen de atributos en línea que se crearon para el elemento del cuerpo, tendría sentido aplicarlas en CSS directamente al cuerpo en lugar de al html.
Entonces siempre deberíamos establecer estilos globales para el cuerpo, ¿verdad?
Bueno, no tanto. Hay situaciones en las que sería más correcto aplicar estas propiedades de estilo a un elemento html. Veamos un par de situaciones de este tipo.
Trabajar con unidades rem
La unidad rem es relativa a la raíz del documento. Por ejemplo, cuando escribimos algo como esto:
Módulo ( ancho: 40rem; )
Módulo ( ancho: 40rem; |
La unidad rem, en este caso, será relativa al valor de la propiedad font-size del elemento html, que es la raíz del documento. De esta manera, un elemento con clase .module se escalará dependiendo del valor predeterminado del usuario establecido para la raíz del documento.
Jonathan Snook tiene un tutorial que hace un gran trabajo al demostrar cómo configurar la propiedad html font-size en un porcentaje se puede utilizar como restablecimiento de estilo cuando se trabaja con la unidad rem.
La elegante propiedad de color de fondo
Una cosa extraña en CSS es que establecer el color de fondo (a través de la propiedad background-color) para el elemento del cuerpo llena toda la ventana gráfica, incluso si el elemento en sí es más pequeño. Esto continúa hasta que la propiedad color de fondo se establece en el elemento html.
Si desea que el color de fondo llene toda la ventana gráfica, es mejor configurarlo inmediatamente para el elemento html.
Conclusión
Espero que esto arroje algo de luz sobre las diferencias clave entre las etiquetas html y body en CSS. También hay diferencias en JavaScript. Por ejemplo, no necesitas un selector para estos elementos para encontrarlos, porque en JavaScript, html es document.rootElement y el cuerpo es document.body.
Por supuesto, podemos describir las diferencias más técnicas entre estos dos elementos, pero el propósito de este artículo fue aumentar nuestra comprensión de estos elementos para que podamos tomar decisiones más informadas al escribir CSS.
¿Tiene ejemplos de dónde vale la pena usar otro elemento en lugar de un elemento? O quizás tengas otros criterios para elegir un elemento al que darle estilo. ¡Escribe sobre ello en los comentarios!
¡Hola! NO encontrará nada útil en esta lección si YA está familiarizado con la formación de la estructura de un documento HTML. Para aquellos que NO están familiarizados, mostraré la estructura correcta (válida) de un documento web HTML, incluso para un sitio de WordPress.
Estructura general correcta de un documento HTML.
En primer lugar, sin muchos preámbulos, la estructura general de cualquier documento HTML debería ser así:
/*Indica el tipo de documento DTD actual*/ /*Muestra el comienzo del documento*/ /*Muestra el comienzo del título (encabezado)*/Si eliminas las explicaciones que mostré después de cada etiqueta, entonces la estructura simple del documento HTML se ve así
Tipo de documento DTD actual
Tipo de documento actual ( Definición de tipo de documento, DTD) es necesario para que el navegador comprenda cómo interpretar la página web actual, porque el lenguaje HTML existe en varias versiones.
Además, existen otros lenguajes de marcado distintos de HTML, como XHTML.
Nota: XHTML es un lenguaje de marcado de hipertexto EXtensible, que traducimos como un lenguaje de marcado de hipertexto extendido.
XHTML es similar a HTML, pero la sintaxis es diferente. Para evitar que el navegador confunda entre idiomas, es necesario mostrarlo en la primera línea de código, el tipo de documento actual es DOCTYPE.
El concepto de etiqueta en HTML.
¿Ha notado que toda la estructura de un documento HTML está especificada por ciertas etiquetas, ciertas palabras entre corchetes angulares?
La palabra encerrada entre corchetes angulares en un documento HTML se llama etiqueta. Cada etiqueta tiene su propio significado, determinado por reglas de marcado.
- Etiqueta significa el título del documento html. Las etiquetas principales almacenan información para navegadores y motores de búsqueda. Incluso en forma de metaetiquetas;
- La etiqueta significa el contenido principal del documento html. Es decir, texto, imágenes, secuencias de comandos Java Script, etc.;
- La etiqueta [p] es un elemento de bloque y siempre comienza en una nueva línea. Significa el párrafo de contenido principal de un documento html.
¡Importante! Todas las etiquetas de marcado HTML deben estar emparejadas. Es decir, la etiqueta de apertura.<тег>, debe cerrarse con una etiqueta de cierre, con una barra diagonal .
Etiquetas de encabezado y subtítulo h1-h6
Para mejorar la estructuración del texto del documento, así como mejorar el SEO de las páginas web, existen etiquetas de contenido del cuerpo adicionales. Se denominan etiquetas de encabezado y subtítulo desde h1 a h6, 6 en total.
Ellos, al igual que las etiquetas de párrafo [p], que le permiten resaltar secciones semánticas del texto, le permiten dividir el texto en partes semánticas, dando a cada sección su propio título.
Etiquetas h1—h6 tiene una dependencia subordinada, el nivel inferior de esta subordinación es un párrafo.
Es importante tener en cuenta que romper la dependencia subordinada de las etiquetas h1—h6—pag no alterará la visualización ni la validez del documento, pero sólo empeorará su optimización para los motores de búsqueda.
Un ejemplo de una estructura de documento HTML desarrollada
Permítanme darles un ejemplo académico de una estructura de documento HTML más desarrollada:
Titulo principal
Titulo principal
Primer subtítulo
Titulo principal
Segundo subtítulo
Primer subtítulo menor
Estructura HTML5
En HTML 5, la estructura del documento debería ser así:
Esta es una declaración que demuestra que este documento está en HTML5;
este es el elemento raíz de la página HTML;
Un elemento con metaetiquetas sobre el documento;Incluso Aristóteles en su "Política" dijo que la música, al influir en una persona, proporciona "una especie de purificación, es decir, un alivio asociado con el placer".
El resultado del ejemplo actual se muestra en la Fig. 1. Cuando se utiliza el evento onload de un elemento
Se ejecuta un script escrito en JavaScript, en este caso muestra un mensaje de que el documento ha sido cargado.Arroz. 1. Ventana emergente en un documento
Especificación
Cada especificación pasa por varias etapas de aprobación.
- Recomendación: la especificación ha sido aprobada por el W3C y se recomienda como estándar.
- Recomendación del candidato ( Posible recomendación) - el grupo responsable del estándar está satisfecho de que cumple sus objetivos, pero requiere ayuda de la comunidad de desarrollo para implementar el estándar.
- Recomendación propuesta Recomendación sugerida) - en esta etapa el documento se envía al Consejo Asesor del W3C para su aprobación final.
- Borrador de trabajo: una versión más madura de un borrador que ha sido discutido y modificado para revisión de la comunidad.
- Borrador del editor ( Borrador editorial) - una versión borrador del estándar después de que los editores del proyecto realizaron cambios.
- Borrador ( Borrador de especificación) - el primer borrador de la norma.
Destaca el estándar HTML vivo (Living): no se adhiere a la numeración de versiones tradicional, ya que está en constante desarrollo y se actualiza periódicamente.
¡Hola queridos lectores del blog! Continuamos con la sección "Crear un sitio web desde cero" y, en particular, el tema de las etiquetas... Y hoy veremos las etiquetas que están presentes en cualquier página de Internet. , Y . Hay una etiqueta más que debe estar en cada documento HTML y sobre la cual ya escribí en uno de los artículos anteriores, por lo que no la tocaremos.
En artículos anteriores de esta sección, escribí sobre la creación de un archivo vacío en formato html. De hecho, se usó en el artículo sobre (ahí es donde se aplicaron las etiquetas de título). Ahora editaremos directamente este archivo con descripciones completas.
Y comenzaremos el artículo editando el archivo creado. Personalmente lo llamé index.html, pero el nombre puede ser cualquier cosa. Ábrelo usando cualquier editor de texto (es mejor usar Notepad++, ya que tiene resaltado de código y otros elementos útiles). E inmediatamente agrégale etiquetas. ,
Y exactamente en el orden en que están escritos. No olvides cerrarlos, como se muestra en la captura de pantalla. El documento se verá así:
Ahora veamos el significado de cada etiqueta por separado. No en vano están en todos. Documento HTML.
Funciones de etiqueta
Entonces la etiqueta es envase(). Contiene todo el contenido visible e invisible de una página web (incluidas las etiquetas Y ). Etiqueta de apertura viene inmediatamente después de la declaración Doctype, y el cierre aparece al final del documento. Por lo tanto, le deja claro al navegador dónde comenzar a procesar el documento y dónde finalizarlo.En teoría, él mismo puede entender qué y cómo. Después de todo ? Este es un traductor HTML y es poco probable que comience a procesar desde la mitad del documento y lo termine antes de llegar al final. La pregunta es, por supuesto, controvertida, pero siempre pensé (y ahora no abandono mi opinión) que escribir esta etiqueta es obligatorio.
Incluso considerando que la función de esta etiqueta es sólo marcando límites de contenido, tiene sus propios atributos (que ahora no se utilizan en absoluto o se utilizan muy raramente). Diferentes fuentes indican diferentes atributos, por lo que no me atrevo a presentar la versión correcta.
Lo único que puedo decir con seguridad es que la mayoría de los atributos no son compatibles con HTML 4.01 o no son deseables. Aunque todavía daré un ejemplo. : información sobre herramientas en cualquier parte del documento. Por ejemplo, cuando pasa el mouse sobre una imagen, es posible que aparezca un texto emergente. También en el caso de esta etiqueta:
Esto es lo que verá cuando pase el cursor sobre un documento con este contenido:
Es preferible utilizar el atributo de título que no esté en la etiqueta. y en cualquier otra área específica de la página. En primer lugar, es conveniente y, en segundo lugar, los motores de búsqueda tratarán mejor su sitio. Esta etiqueta no afecta directamente a la optimización de recursos. Vamonos.
Función de etiqueta
Y el siguiente en la fila es etiqueta . Contiene toda la información técnica de la página, que sirve de ayuda al navegador y a los motores de búsqueda. La etiqueta es una etiqueta de contenedor y viene inmediatamente después , solo que a diferencia del último, la etiqueta de cierre no aparece al final del documento, sino antes de la etiqueta de apertura .¿Qué información puedes ver en
? Pero ninguno. Todo lo que está dentro de esta etiqueta es accesible al ojo humano únicamente viendo el código fuente de la página. Todo el contenido de esta etiqueta está destinado a motores de búsqueda y navegadores. Lo único que puedes ver de alguna manera es la etiqueta.