Cómo cambiar las URL de las páginas en WordPress: add.html, formato de dirección de publicación, complementos. Método para atrapar un león en el desierto. Equipamiento para gimnasios “Goodfit”
Un bloque de página consta del área de la página donde se encuentra el contenido y el área de margen que rodea el área de la página. La regla @page se utiliza para cambiar algunas propiedades CSS al imprimir un documento. Solo puede cambiar los márgenes del elemento de margen y también puede establecer saltos de página en la ubicación especificada.
@página (margen: 2 pulgadas;)
Puede configurar campos de documentos individuales dentro de la regla @page, como margen superior, margen derecho, margen inferior, margen izquierdo:
2. Saltos de página
Puede controlar los saltos de página utilizando las propiedades salto de página antes, salto de página después y salto de página interior. Estas propiedades se aplican a elementos a nivel de bloque que tienen una propiedad de posición relativa o estática.
| salto de página antes | |
|---|---|
| Valores: | |
| auto | |
| siempre | Siempre agrega un salto de página antes del elemento. |
| evitar | Evita colocar una rotura antes del elemento, si es posible. |
| izquierda | Agrega uno o dos saltos de página antes de un elemento para que la página siguiente tenga el formato de la página izquierda. El elemento se imprimirá comenzando desde la parte superior de la página izquierda, es decir. en la página a la izquierda del lomo. Al imprimir a doble cara, aparecerá en el reverso del papel. |
| bien | Agrega uno o dos saltos de página antes del elemento. El elemento se imprimirá comenzando desde la parte superior del borde derecho. La página siguiente tendrá el formato de la página derecha. |
| heredar | |
Sintaxis:
@media print (h1 (salto de página antes: siempre;))
| salto de página después | |
|---|---|
| Valores: | |
| auto | El valor predeterminado especifica saltos de página automáticos. |
| siempre | Siempre agrega un salto de página después del elemento. |
| evitar | Evita agregar una pausa después del elemento, si es posible. |
| izquierda | Agrega uno o dos saltos de página después de un elemento para que la página siguiente tenga el formato de la página izquierda. El elemento se imprimirá comenzando desde la parte superior de la página izquierda, es decir. en la página a la izquierda del lomo. Al imprimir a doble cara, aparecerá en el reverso del papel. |
| bien | Agrega uno o dos saltos de página después de un elemento para que la página siguiente tenga el formato de la página correcta. El elemento se imprimirá comenzando desde la parte superior del borde derecho. |
| heredar | Hereda esta propiedad del elemento padre. |
Todos los enlaces HTML se dividen en externos e internos. Los enlaces externos son enlaces que conducen de un sitio a otro sitio o archivo ubicado en otro sitio. Vínculos internos- estos son enlaces que enlazan desde una página de un sitio a otra página del mismo sitio o a secciones de la misma página.
Todos los enlaces externos en el atributo href de la etiqueta. contienen la ruta absoluta al documento al que hacen referencia. Los enlaces internos, a su vez, pueden contener rutas tanto absolutas como relativas (en este caso depende de tus preferencias personales).
Todos los enlaces también se pueden dividir en relativos y absolutos. Enlaces relativos- estos son enlaces HTML que contienen rutas relativas; los enlaces relativos sólo pueden ser internos. Enlaces absolutos- estos son enlaces que contienen rutas absolutas; los enlaces absolutos pueden ser externos o internos.
Camino relativo
Camino relativo significa que la ruta al archivo o página deseada de su sitio comienza en relación con el directorio en el que se encuentra la página con el enlace, o en relación con el directorio raíz del sitio. Veamos las partes de las que puede consistir una ruta relativa:
| Partes del camino | Descripción | Valores de ejemplo |
|---|---|---|
| Nombre del archivo | Si especifica solo el nombre del archivo como valor del atributo, esto significa que el archivo deseado se encuentra en la misma carpeta que la página con el enlace. | "página.html" |
| catalogar/ | Si el archivo al que debemos especificar la ruta está ubicado en un directorio secundario en relación con el archivo con el enlace, esto significa que debemos bajar un nivel (a la carpeta secundaria del directorio actual), en este caso el La ruta comienza con el nombre del directorio secundario, seguido de El nombre se indica con una barra diagonal “/”, sirve para separar partes de la ruta, seguida del nombre del archivo que necesitamos. Nota: puede bajar exactamente tantas carpetas como las creó. Por ejemplo, si creó una carpeta 10 niveles debajo de la raíz, puede especificar una ruta que lo llevará a 10 carpetas. Sin embargo, si tiene tantos niveles, lo más probable es que la organización de su sitio sea innecesariamente incómoda. |
" directorio/página.html " " directorio1/directorio2/página.html " |
| ../ | Si necesita indicar que el archivo al que está vinculando está en una carpeta principal, use los símbolos .. (dos puntos), significan subir un nivel (a la carpeta principal del directorio actual). A continuación, especificamos una barra diagonal "/" para separar partes de la ruta y escribimos el nombre de nuestro archivo. Nota: los símbolos .. se pueden usar tantas veces como quieras seguidas, al usarlos subirás una carpeta cada vez. Sin embargo, puede subir hasta llegar a la carpeta raíz de su sitio. No puedes ir más allá de esta carpeta. |
" ../página.html " " ../../página.html " " ../../../cat1/cat2/page.html " - subimos desde la carpeta actual tres directorios más arriba y desde allí bajamos dos niveles más abajo hasta el archivo requerido |
| / | Una ruta relativa no siempre tiene que comenzar en relación con la ubicación actual de la página de enlace; también puede comenzar en relación con el directorio raíz del sitio. Por ejemplo, si el archivo deseado se encuentra en el directorio raíz, la ruta puede comenzar con el símbolo " / ", después de lo cual solo necesita indicar el nombre del archivo deseado, que se encuentra en el directorio raíz. Nota: Cuando el carácter "/" aparece primero, significa que la ruta comienza desde el directorio raíz. | "/página.html" " /cat1/cat2/coche.png " |
camino absoluto
Generalmente se usa una ruta absoluta para especificar la ruta a un archivo que se encuentra en otro recurso de red. Es la URL completa de un archivo o página. En primer lugar, la dirección indica el protocolo utilizado, seguido del nombre de dominio (nombre del sitio). Por ejemplo: http://www.primer.ru: así es como se ve la ruta absoluta a un sitio web específico. http:// es un protocolo de transferencia de datos y www.primer.ru es el nombre del sitio (dominio).
También puede utilizar una ruta absoluta en su propio sitio web. Sin embargo, dentro de un sitio, se recomienda utilizar una ruta relativa como valor de los enlaces.
Ahora veamos qué es. URL-DIRECCIÓN. Cada página web en Internet tiene su propia dirección única, que se denomina URL. Abreviatura URL representa Ud. niforme R recurso electrónico l Un ocator (dirección uniforme de recurso), en pocas palabras, una URL es un identificador de la ubicación de un recurso. Este método de escribir una dirección está estandarizado en Internet.
07.10.16 25.4KLa etiqueta de opción HTML se utiliza para crear una lista desplegable que permite al usuario seleccionar una opción de un conjunto predefinido de valores.
El texto visible para el usuario puede diferir del texto especificado en el atributo de valor. A continuación se explica cómo crear una lista desplegable:
- La lista desplegable se crea usando la etiqueta
- Dentro de una etiqueta
- en la etiqueta
También es posible especificar una clase CSS en lugar de usar una ID para diseñar la lista desplegable.
En la siguiente sección, mostraré ejemplos del uso de la lista desplegable HTML en JavaScript/JQuery. Los ejemplos también le mostrarán cómo configurar estilos.
Ejemplo de creación de una lista desplegable simple
Este ejemplo utiliza la opción de selección HTML para crear una lista desplegable con tres opciones para elegir:
El ejemplo anterior utiliza el siguiente marcado para crear una lista desplegable:
Usando el atributo de valor
Como se mencionó anteriormente, el valor del atributo de valor puede diferir del texto que se muestra en la página. Por ejemplo, puede mostrar los nombres de países o colores para los usuarios y usar códigos cortos en el atributo de valor.
En el siguiente ejemplo, crearemos una lista desplegable con un atributo de valor:
Ver demostración y código en línea
Para etiqueta
Ejemplo de acceso a la opción seleccionada en JavaScript
Ahora creemos un ejemplo de cómo acceder al valor de una opción seleccionada y realizar algunas acciones. Creamos la misma lista que en el ejemplo anterior con opciones de color. Una vez seleccionado, haga clic en el botón para aplicar ese color al documento:
Ver demostración y código en línea
Para el valor de opción HTML se utiliza el siguiente código:
La siguiente línea de código se utiliza en JavaScript para acceder al valor del atributo de valor de una opción.
var seltheme = document.getElementById(“selcolor”).valor;
Cuando se hace clic en el botón, se llama a una función JS, que asigna el valor seleccionado en la lista desplegable a una variable. Este valor se utiliza para aplicar un color al documento actual.
Accediendo a texto visible en JQuery
Esta vez usaré JQuery para acceder al valor de la opción seleccionada: tanto el texto como el valor. En esta demostración, accederé al texto visible en una etiqueta de opción en HTML:
Ver demostración y código en línea
En el código de cada opción de la etiqueta.
Aquí se explica cómo acceder a este valor en Opción de selección HTML seleccionada JavaScript:
var color seleccionado = $("#jqueryselect opción:seleccionado").text();
También puedes acceder al valor usando el método JQuery $.val():
var color seleccionado = $("#jqueryselect").val();
Reemplace esta línea en el ejemplo anterior y el código mostrará el código corto/valor de color en el atributo de valor en lugar del texto visible.
Un ejemplo de cómo obtener un valor en un script PHP
En este ejemplo de cómo obtener el valor de la opción seleccionada de una lista desplegable, el formulario se crea usando la etiqueta
Ver demostración y código en línea
El método de formulario utilizado en el ejemplo es POST, por lo que puede obtener los valores del formulario utilizando la matriz PHP $_POST[“”]. Este es el código de formulario utilizado en el ejemplo:
Y así es como se usa el script PHP para obtener el valor de la opción de selección HTML:
". $_POST["selfphp"].""; } ?>
Si el formulario especifica el método GET, utilice Matriz PHP $_GET[“”].
Diseñar una lista desplegable con CSS
Ahora veamos cómo definir estilos de lista desplegable.
Ver demostración y código en línea
Junto con el gradiente lineal, aquí se utiliza la propiedad box-shadow. El código CSS completo se ve así:
Selcls (relleno: 3px; borde: sólido 1px #517B97; contorno: 0; fondo: -webkit-gradient(lineal, arriba izquierda, izquierda 25, desde(#FFFFFF), color-stop(4%, #CAD9E3), hasta (#FFFFFF)); fondo: -moz-linear-gradient(arriba, #FFFFFF, #CAD9E3 1px, #FFFFFF 25px); caja-sombra: rgba(0,0,0, 0.1) 0px 0px 8px; : rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
Esquinas redondeadas usando la propiedad border-radius
Para la opción de selección HTML, configuraremos la propiedad border-radius de CSS3 para redondear las esquinas. La combinación de colores también cambia. Puedes experimentar con bordes, ancho, márgenes y otras propiedades como desees:
Ver demostración y código en línea
Uso de múltiples atributos y estilos CSS
Para permitir a los usuarios seleccionar varias opciones de una lista, debe utilizar el atributo múltiple. En el ejemplo anterior, solo se puede seleccionar una opción. Cuando usa múltiples, puede seleccionar múltiples opciones presionando la tecla CTRL.
La regla @page le permite establecer valores de margen al imprimir un documento o para páginas cuyo tipo de medio está configurado para imprimir.
Designaciones
| Descripción | Ejemplo | |
|---|---|---|
| <тип> | Indica el tipo de valor. | <размер> |
| A && B | Los valores deben generarse en el orden especificado. | <размер> && <цвет> |
| Un | B | Indica que es necesario seleccionar solo un valor de los propuestos (A o B). | normales | letras minúsculas |
| Un || B | Cada valor se puede utilizar de forma independiente o junto con otros en cualquier orden. | ancho || contar |
| Valores de los grupos. | [ cultivo || cruz] | |
| * | Repita cero o más veces. | [,<время>]* |
| + | Repita una o más veces. | <число>+ |
| ? | El tipo, palabra o grupo especificado es opcional. | ¿recuadro? |
| (A,B) | Repita al menos A, pero no más de B veces. | <радиус>{1,4} |
| # | Repita una o más veces separadas por comas. | <время># |
Valores
Para establecer márgenes en una página, utilice la propiedad universal margen o sus derivados: margen superior, margen derecho, margen inferior y margen izquierdo, que establecen respectivamente el margen en la parte superior, derecha, inferior e izquierda. Se permite un valor negativo, pero es posible que se corte parte de la página. Las propiedades de borde y relleno no son aplicables.
La palabra clave :left le permite establecer márgenes para todas las páginas de la izquierda, :right para todas las páginas de la derecha y :first para la primera página.
Ejemplo
Método para atrapar un león en el desierto.
Método de búsqueda secuencial
Supongamos que el león tiene dimensiones totales LxWxH, donde L es la longitud del león desde la punta de la nariz hasta la punta de la cola, W es el ancho del león y H es su altura. Después de lo cual dividimos el desierto en varios rectángulos elementales, cuyo tamaño coincide con el ancho y el largo del león. Teniendo en cuenta que el león puede no estar estrictamente en un área determinada, pero al mismo tiempo en dos de ellas, la jaula para atrapar debe tener un área más grande, es decir, 2Lx2W. Gracias a ello evitaremos el error de que sólo la mitad del león quede atrapado en la jaula, o, peor aún, sólo su cola.
El archivo print.css tiene este aspecto.
Cuerpo (familia de fuentes: Times, "Times New Roman", serif; /* Fuente Serif */ ) h1, h2, p ( color: #000; /* Color de texto negro */ ) @página:primera ( margen: 1 cm ; /* Márgenes para la primera página */ ) @page:left ( margen: 1cm 3cm 1cm 1.5cm; /* Márgenes para todas las páginas de la izquierda */ ) @page:right ( margen: 1cm 3cm 1cm 1.5cm; /* Márgenes para todas las páginas correctas */ )
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 con 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.
Bloques de página: regla @page
Bloque de página es un área rectangular que consta de las dos partes siguientes:
- El área de la página que contiene los bloques que se muestran en la página. Los bordes del área de la página actúan como el contenedor inicial en el que se produce la salida, delimitado por separadores de página;
- el área de márgenes que rodean el área de la página.
Nota. En CSS2, las propiedades de borde y de relleno no se aplican a las páginas; tal vez se utilicen en el futuro.
Los desarrolladores determinan el tamaño, la orientación, los márgenes y otros parámetros del bloque de página dentro del marco de la regla @page. Consiste en la palabra clave "@page", un selector de página (que puede ir seguido, sin un espacio intermedio, por una pseudoclase de página) y un bloque de declaraciones (que se dice que se hacen en el contexto de la página). descripción).
El selector de páginas especifica las páginas a las que se aplican los anuncios. En CSS2, los selectores de páginas pueden indicar la primera página, todas las páginas de la izquierda, todas las páginas de la derecha o páginas con nombres específicos.
Las dimensiones del bloque de página se especifican mediante la propiedad "tamaño". Las dimensiones del área de la página están determinadas por las dimensiones del bloque de página menos las dimensiones del área del margen.
Por ejemplo, la siguiente regla @page establece las dimensiones del cuadro de página en 8,5 x 11 pulgadas y crea un margen de 2 cm en todos los lados entre el borde del cuadro de página y el área de la página:
@page (tamaño 8,5 pulg. 11 pulg.; margen: 2 cm)
La propiedad "marcas" en la regla @page especifica la alineación y las marcas de recorte para los bloques de página.
Márgenes de página
Las propiedades de margen ("margen superior", "margen derecho", "margen inferior", "margen izquierdo" y "margen") se utilizan en el contexto de la descripción de la página. La siguiente figura muestra las posiciones relativas de las hojas, los bloques de páginas y los márgenes de las páginas:
El valor calculado para el ancho de los márgenes de la página en la parte superior e inferior de la página es "0".
En el contexto de la descripción de la página, las fuentes no se distinguen, por lo que no se permite el uso de unidades "em" y "ex". Los porcentajes utilizados como valores de propiedad de campo se establecen en relación con el tamaño del bloque de página; El ancho de los márgenes izquierdo y derecho se determina en relación con el ancho del bloque de página, y la altura de los márgenes superior e inferior se determina en relación con la altura del bloque de página. Se pueden utilizar otras unidades de medida, asociadas con las propiedades CSS2 correspondientes.
A veces, debido al ancho de los márgenes negativos (tanto del bloque de página como del elemento) o al posicionamiento absoluto, puede suceder que el contenido se extienda más allá del bloque de página. Pero al mismo tiempo puede ser "cortado" por un agente de usuario, una impresora o, en última instancia, simplemente algún tipo de herramienta de corte.
Tamaño de página: propiedad "tamaño"
"tamaño"Significado:<длина>(1,2) | automático | retrato | paisaje | heredado
Valor inicial: automático
Ámbito de aplicación: contenido de la página
Herencia: N/A
Asignación porcentual: N/A
Dispositivos: formato visual, dispositivos de paginación.
Esta propiedad determina el tamaño y la orientación del bloque de página.
El tamaño del bloque de página puede ser "absoluto" (tamaño fijo) o "relativo" (varía según el tamaño de la hoja). El uso de tamaños de bloques de páginas relativos permite a los agentes de usuario cambiar y aprovechar al máximo los tamaños de los documentos.
Tres valores de la propiedad "tamaño" le permiten crear un bloque de página de tamaños relativos:
autoAl bloque de página se le asigna el tamaño y la orientación de la hoja en la que se producirá el resultado.
paisajeSe reasigna la orientación de la hoja en la que se realizará la salida. Las dimensiones del bloque de página y la hoja en la que se realizará la impresión son las mismas, y el lado más largo del bloque está ubicado horizontalmente.
retratoSe reasigna la orientación de la hoja en la que se realizará la salida. Las dimensiones del bloque de página y la hoja en la que se realizará la impresión son las mismas, y el lado más corto del bloque está ubicado horizontalmente.
El siguiente ejemplo alinea las líneas del borde exterior del bloque de página y la hoja en la que se producirá el resultado. El porcentaje que actúa como valor de la propiedad "margen" se establece en relación con el tamaño de la hoja en la que se realizará la impresión. Si este último mide 21,0 cm x 29,7 cm (es decir, es una hoja A4), entonces los márgenes serán de 2,10 cm y 2,97 cm.
@página (
tamaño: automático; /* auto es el valor inicial */
margen: 10%;
}
Los valores de longitud aceptados por la propiedad "tamaño" le permiten crear un bloque de página de dimensiones absolutas. Si la propiedad toma solo un valor, entonces se usa como el ancho y el alto del bloque de página (es decir, el bloque tiene forma de cuadrado). Porque Dado que el bloque de página es el contenedor inicial, no se permiten porcentajes como valores para la propiedad "tamaño".
Por ejemplo:
@página (
tamaño: 8,5 pulgadas 11 pulgadas; /* anchura y altura */
}
En este ejemplo, el ancho del cuadro de página se establece en 8,5 pulgadas y el alto en 11 pulgadas. En base a estos valores, las dimensiones de la hoja sobre la que se realizará la impresión deben ser de al menos 8,5"x11".
Los agentes de usuario pueden permitir a los usuarios controlar el proceso de pasar de un bloque de páginas a una hoja (por ejemplo, rotar el bloque de páginas de tamaño absoluto que se está imprimiendo).
Mostrar bloques de páginas que no caben en la hojaSi un bloque de página no cabe en la hoja en la que se generará, el agente de usuario puede realizar una de las siguientes acciones:
- gire el bloque de página 90° si esto hará que el bloque de página encaje en la hoja;
- cambie el tamaño de la página para que quepa en la hoja.
Antes de ejecutar estos procedimientos, el agente de usuario debe emitir una solicitud al usuario.
Colocar un bloque de página en una hojaSi las dimensiones de un bloque de página no exceden las dimensiones de la hoja en la que se mostrará, entonces el agente de usuario tiene derecho a colocarlo en la hoja en una ubicación arbitraria. Sin embargo, se recomienda colocar el bloque de página en el centro de la hoja, porque Esto asegurará la alineación de las páginas de doble cara y evitará la pérdida accidental de información impresa en el borde de la hoja.
Marcas de recorte: propiedad "marcas"
"marcas"Valor: [ cultivo || cruz ] | ninguno | heredado
Valor inicial: ninguno
Alcance: contexto de descripción de la página
Herencia: N/A
Asignación porcentual: N/A
Dispositivos: visual, paginado.
Cuando la calidad de impresión es alta, las marcas suelen colocarse fuera del bloque de páginas. Esta propiedad determina qué marcas se agregarán justo más allá de la línea del borde del cuadro de página: marcas de recorte, marcas de alineación o ambas.
Las marcas de recorte indican dónde se recortará la hoja. Las marcas de alineación (también llamadas marcas de grabación o marcas de registro) se utilizan para alinear las hojas.
Las etiquetas sólo son visibles en bloques de páginas de tamaño absoluto (consulte la propiedad "tamaño"). Los bloques de páginas que tienen tamaños relativos se alinean con respecto a la hoja en la que se imprimirán y las marcas se colocan fuera del área de impresión.
El tamaño, el estilo y la posición de las marcas de alineación están determinados completamente por el agente de usuario.
Páginas izquierda, derecha y portada
Al imprimir documentos a dos caras, los bloques de páginas de las páginas derecha e izquierda deben ser diferentes entre sí. Esto puede indicarse mediante dos pseudoclases CSS que se pueden definir en el contexto de la descripción de la página.
El agente de usuario divide automáticamente todas las páginas en dos pseudoclases: izquierda y derecha.
@página: izquierda (
margen izquierdo: 4 cm;
margen derecho: 3 cm;
) @página: derecha (
margen izquierdo: 3 cm;
margen derecho: 4 cm;
}
Si se han especificado declaraciones diferentes para las páginas izquierda y derecha, el agente de usuario no debe ignorarlas, incluso si no mueve los bloques de páginas por separado a las hojas izquierda y derecha (por ejemplo, en el caso de impresoras de una sola cara).
Los desarrolladores también pueden diseñar la primera página de un documento utilizando la:primera pseudoclase:
@page ( margen: 2 cm ) /* El ancho de todos los márgenes es 2 cm */ @page:first (
margen superior: 10 cm /* Margen superior en la primera página - 10 cm */
}
Determinar si la primera página es :izquierda o :derecha depende de la dirección de entrada de texto predeterminada del documento y está fuera del alcance de este documento. Sin embargo, es posible que los desarrolladores fuercen que la primera página se asigne a la clase :left o :right insertando un salto de página antes del primer bloque generado (por ejemplo, esto se puede hacer para el elemento HTML BODY).
Las propiedades definidas en una regla @page :left (o :right) anulan aquellas definidas en una regla @page que no tiene una pseudoclase. Las propiedades definidas en la regla :first @page anulan las propiedades definidas en las reglas @page :left (o :right).
Nota. Agregar descripciones a las pseudoclases :left y :right no afecta si el documento se imprime a doble cara o a una sola cara (esto último está fuera del alcance de esta especificación).
Nota. Es posible que se introduzcan otras pseudoclases de página en futuras versiones de la especificación del lenguaje CSS.
Contenido fuera del bloque de página
Al formatear el contenido dentro del modelo de página, es posible que parte del contenido aparezca fuera del bloque de página. Por ejemplo, un elemento cuya propiedad de espacio en blanco se ha establecido en "pre" puede producir un bloque más grande que un bloque de página. Además de esto, puede suceder que al colocar completamente los bloques, algunos de ellos ocupen una ubicación "no muy adecuada". Por ejemplo, los gráficos pueden terminar en el borde del cuadro de una página o 100.000 pulgadas debajo de él.
La especificación de mecanismos de formato específicos para dichos objetos está fuera del alcance de este documento. Sin embargo, se recomienda que los desarrolladores y agentes de usuario conozcan los siguientes principios básicos para posicionar contenido fuera del bloque de página:
- Es aconsejable colocar el contenido a cierta distancia del bloque de páginas para que sea posible recortar las páginas cerca de los márgenes;
- Los agentes de usuario deben evitar generar una gran cantidad de cuadros de páginas vacías prestando más atención al posicionamiento de los elementos (por ejemplo, no desea imprimir 100 páginas vacías). Tenga en cuenta que es necesario generar una pequeña cantidad de bloques de página vacíos para manejar los valores "izquierdo" y "derecho" de las propiedades "salto de página antes" y "salto de página después";
- No se deben colocar elementos en lugares inadecuados para evitar su presentación en el documento. En su lugar deberías:
- deje de generar el bloque por completo estableciendo la propiedad "display" en "none";
- haga que el bloque sea invisible usando la propiedad "visibilidad".
- Los agentes de usuario pueden manejar los bloques fuera del bloque de página de manera diferente, como no procesarlos o crear bloques de página para ellos al final del documento.
