L'espai en un lloc web sembla ser bastant senzill. Però la primera vegada que intenteu fer clic a la tecla diverses vegades i que aquesta informació no aparegui a la vostra pàgina, s'adonarà que no és tan fàcil com sembla.
Hi ha diverses maneres de crear espai en un lloc web. Les dues primeres es mostren amb etiquetes HTML :
...
El marcador del paràgraf normalment col·locarà un espai entre elements. Actua com a salt de paràgraf.
Tanmateix, diversos
's en una fila no faran res més que desordenar la vostra pàgina. Alguns editors posaran
als llocs per afegir més espai, però realment no estem utilitzant l'etiqueta
, sinó el caràcter, que us aconseguirem en un minut.
L'etiqueta
està destinada a posar només un salt de línia en el flux del text. No obstant això, es pot utilitzar diverses vegades seguides per crear cadenes llargues d'espai en blanc. El problema és que no podeu definir l'alçada i l'amplada de l'espai, i és automàticament l'ample de la pàgina.
Marge CSS i farcit
Una altra forma d'afegir espai als documents de la vostra pàgina web és utilitzar el marge i el farcit de propietats CSS. Aquesta és una manera molt millor d'obtenir exactament la quantitat d'espai que voleu entre els vostres elements. I pot afectar més que l'espai vertical d'un document.
L'espai que no trenca ()
Finalment, hi ha l' espai que no es trenca . Aquesta entitat de caràcter actua exactament igual que un espai de text normal, excepte que el navegador tracta cada un de forma individual.
Si poses quatre seguides, el navegador posarà quatre espais en el text.
Tingueu en compte que els navegadors antics poden no representar diversos espais que no es trenquen.
Utilitzant espais que no trenquen a les taules
Les taules sovint es tanquen o es trenquen si no inclou cap cosa a la cel·la per mantenir-la oberta. Per exemple: utilitzeu el codi HTML següent per crear una taula amb un canal de 30 píxels:
| Hi hauria d'haver una petita quantitat d'espai a l'esquerra d'aquest text. Alguns navegadors la mostraran correctament, però molts ignoraran la sol·licitud d'amplada de la taula i posaran el text en blanc amb el marge esquerre. Molt molest! |
Per evitar que la columna de la taula es trenqui, utilitzeu un espai que no es trenqui:
| Hi hauria d'haver una petita quantitat d'espai a l'esquerra d'aquest text. Amb la majoria de navegadors es mostrarà correctament. |