El espacio en un sitio web parece ser algo bastante simple. Pero la primera vez que intentes pulsar la tecla varias veces y que esa información no aparezca en tu página, te darás cuenta de que no es tan fácil como parece.
Hay varias formas de crear espacio en un sitio web. Los dos primeros son con etiquetas HTML:
…
El marcador de párrafo usualmente pone un espacio entre los elementos. Actúa como un salto de párrafo.
Sin embargo, varios
's en una fila no hará nada más que el desorden de su página. Algunos editores pondrán
en lugares para agregar más espacio, pero esto realmente no está usando el
etiqueta, sino más bien el personaje, al que llegaremos en un minuto.
los
La etiqueta está destinada a poner un solo salto de línea en el flujo del texto. Sin embargo, se puede usar varias veces seguidas para crear largas cadenas de espacio en blanco. El problema es que no puede definir la altura y el ancho del espacio, y es automáticamente el ancho de la página.
Margen CSS y relleno
Otra forma de agregar espacio a los documentos de su página web es usar el margen de propiedades CSS y el relleno. Esta es una forma mucho mejor de obtener exactamente la cantidad de espacio que desea entre sus elementos. Y puede afectar más que solo el espacio vertical en un documento.
El espacio de no ruptura ()
Finalmente, está el espacio de no ruptura. Esta entidad de carácter actúa exactamente como lo haría un espacio de texto normal, excepto que el navegador trata cada uno individualmente.
Si coloca cuatro en una fila, el navegador colocará cuatro espacios en el texto.
Tenga en cuenta que los navegadores más antiguos pueden no mostrar múltiples espacios que no se rompan.
Uso de espacios no rompibles en tablas
Las tablas a menudo se cerrarán o romperán si no incluye algo en la celda para mantenerla abierta. Por ejemplo: use el siguiente HTML para crear una tabla con un canal de 30 píxeles:
Debe haber una pequeña cantidad de espacio a la izquierda de este texto. Algunos navegadores lo mostrarán correctamente, pero muchos ignorarán la solicitud de ancho de tabla y pondrán el texto al ras del margen izquierdo. ¡Muy molesto! |
Para evitar que la columna de la tabla se rompa, use un espacio que no se rompa:
| Debe haber una pequeña cantidad de espacio a la izquierda de este texto. Con la mayoría de los navegadores lo mostraremos correctamente. |
