L'estructura de gairebé tots els llocs web que trobem i utilitzem al web s'ha creat mitjançant HTML, un sistema estandarditzat per categoritzar fitxers de text. Els salts de pàgina, els paràgrafs, les lletres fortes, la cursiva i altres funcions s'afegeixen mitjançant HTML. Mitjançant l'ús d'etiquetes, que indiquen als navegadors com gestionar el contingut, HTML ajuda a crear aquesta estructura.

Per exemple, col·locarem una paraula entre les etiquetes strong>bold/strong> perquè sembli negreta. L'etiqueta d'obertura (/) indica on volem que acabi la negreta, mentre que la primera etiqueta (/) indica on volem que comenci la negreta. Serveix com a base per a la majoria de pàgines web. Per tant, aquest és el lloc per començar si esteu aprenent a programar.

Com afegir espai en HTML

Més enllà d'un sol espai entre paraules, no es tenen en compte tots els espais en blanc que introduïm al text HTML per mostrar-los en un navegador. Com a resultat, hem de programar els espais en blanc que volem al nostre document. Qualsevol línia de text pot tenir espai afegit en HTML. Per exemple, podem inserir espais en blanc al contingut de la taula i el paràgraf mitjançant l'objecte HTML . Com que HTML no té una lletra del teclat per a un espai en blanc, hem d'introduir l'entitat per afegir cada espai.

Pot semblar senzill, però afegir espai al nostre HTML pot ser un repte. Hi ha almenys cinc enfocaments diferents per fer-ho.

Al llarg d'aquesta formació, veurem molts casos. També demostrarà com utilitzar formes d'espai més elaborades.

substituir un color a gimp

Tot això és possible en HTML senzill sense l'ús de CSS. Però tingueu en compte que afegir espai al vostre HTML es fa millor mitjançant CSS.

Com és un espai ASCII?

L'espai es representa amb el símbol ASCII 20. Però aquesta és només la pràctica acceptada.

Hi ha cinc tipus diferents d'espais que podeu utilitzar en HTML. Semblan idèntics a l'ull no entrenat, tot i que tenen funcions una mica diferents.

El caràcter de tabulació, que simula prémer la tecla de tabulació d'un teclat, és una altra opció. I el caràcter de retorn de carro, que simula prémer la tecla Enter en un teclat, és un altre exemple.

Espai no trencador:

En space:  

Em espai:  

Espai prim:

Espai estàndard:

Nova línia (anada i tornada):

Caràcter de pestanya:

El costat esquerre representa el personatge , i el costat dret representa el codi HTML.

Quina amplitud té un personatge a l'espai?

Per als caràcters d'espai, hi ha quatre amplades estàndard:

Espai d'amplada estàndard:Com que no donarà lloc a un salt de línia (també conegut com a retorn de carro), això també es coneix com a 'espai sense trencament de línia'.Espai Em:Això s'anomena 'Em' perquè, en qualsevol tipus de lletra que utilitzeu, té la mateixa amplada que la lletra M. (Si hem sentit parlar de la frase 'em-dash', sabem de què estem parlant).A Space:Això es coneix com 'En' perquè té la mateixa amplada que la lletra n del vostre tipus de lletra.Espai prim:El més estret de tots els espais és 'espai prim', que és l'última opció.

Què significa el signe d'espai en HTML?

és l'entitat HTML més utilitzada.

arraylist java

Perquè aquest text ompli un espai, proveu de llençar-lo.

Imaginem, per exemple, que volem afegir dos espais després d'una frase, però el motor de representació del lloc web està eliminant un dels espais per si sol. Per afegir dos espais, potser podrem entrar

Espai en blanc: què és?

Els caràcters que no són visibles s'anomenen espais en blanc. Consten de:

1. espais,
2. pestanyes, i
3. salts de línia (retorns de carro, avançaments de línia o tots dos),

Per què això és crucial?

Aquestes lletres, per exemple, no són visibles en un processador de textos, però afecten l'espai i el format del text. El navegador condensa nombrosos caràcters d'espai en blanc en un sol espai en HTML, que és diferent d'altres llenguatges de marcatge.

Hi ha diversos espais entre les paraules d'aquest HTML, i cada línia acaba amb caràcters CRLF (retorn de carro, avançament de línia). Tots els espais en blanc seran replegats pel navegador.

Exemple

Les coses bones necessiten més temps.

Sortida:

Inserció d'espais

1. Utilitzeu el signe d'espai que no es trenca ( ) del text per proporcionar més espai.
2. La propietat de farciment CSS es pot utilitzar per augmentar l'espai dins d'un element en diferents circumstàncies.
3. L'atribut de marge CSS permet afegir espai addicional al voltant d'un element.

Tot i que els espais no trencables són útils, no s'han d'utilitzar en excés, ja que fer-ho podria interferir amb la manera com es mostra el material als navegadors. A més, abstenir-se d'utilitzar espais que no es trenquin amb finalitats d'estil, com ara sagnar o centrar un element en una pàgina web; Les demandes estilístiques haurien de ser gestionades mitjançant CSS.

A més de l'entitat, HTML també admet les entitats addicionals següents per a nombrosos espais en blanc adjacents:

L'entitat de caràcter   s'utilitza per representar un espai. En és una unitat de mesura que equival a 8 píxels, o la meitat de l'amplada d'un em (16 píxels).

La sintaxi d'un espai en entre el contingut és   Aquí teniu un exemple de com utilitzar l'entitat HTML &ensp:

Aquí hi ha un exemple per a l'entitat de l'espai.

Sortida:

L'entitat   s'utilitza a l'exemple anterior per afegir espais a HTML i la seva amplada és de 8 píxels. També es poden utilitzar en diversos llocs veïns.

Manteniment del format i l'espaiat

Si voleu mantenir el format i l'espaiat que s'han especificat, hi ha dues opcions:

1. Afegir format i espai HTML
2. Utilitzant a

    tag.

Utilitzant una etiqueta 'pre'.

Aquests resultats es produeixen a partir de l'intercanvi

foreach bucle mecanografiat

etiqueta per a

 tag:

Exemple

 pre> Good things take more time 

Sortida:

Sí, el

 tag keeps the formatting as it was originally, but it also switches to a monospaced typeface. All of these can be fixed; however, using the <pre> tag isn&apos;t always the best option. HTML spacing is a more popular method.</pre>

Afegir format i espai HTML

Com a alternativa, podem incloure elements i símbols HTML com els següents:

Les coses bones seran

pren més temps.

Sortida:

Un salt de línia és requerit per
element.

Espai no trencador:

El navegador no col·lapsa els espais afegits amb el caràcter d'espai no trencador ().

A més, com el seu nom indica, impedeix que el navegador fracturi dues paraules allà.

Les coses bones necessiten més temps.

Sortida:

En aquest model, s'afegeixen 10 espais cap a l'inici del text. Un altre es posa entre ' pren ' que no s'aïllarà quan s'acaba la frase a causa de les limitacions d'espai.

números romans de l'1 al 100

L'atribut de farciment

L'espai interior d'un element augmenta amb l'atribut de farciment CSS.

Pren valors que van d'un a quatre, començant pels costats superior, dret, inferior i dret.

El 'div' L'element té un farciment de 20 píxels a tots els costats.

 Inner spacing is 20px with a div attribute 

Sortida:

L'atribut del marge

1. Amb l'atribut margin CSS, s'afegeix espai addicional al voltant de l'element.
2. Pren valors que van d'un a quatre, començant pels costats superior, dret, inferior i dret.

El 'div' L'element té un marge de 40 píxels a tots els costats.

 Outer spacing is 20px using the div and margin attribute 

Sortida:

Encoixinat vs marge

1. El farciment i el marge augmenten l'espai d'un element.
2. El farciment deixa un buit que es considera un component de l'element.
3. L'espai creat pel marge es considera que existeix fora dels límits de l'element.
4. La regió de clic, els colors de fons i altres atributs del lloc web es veuen afectats per aquesta variació.

Es podria creure que afegir espais en HTML és tan senzill com tocar contínuament la barra espaiadora. Però no és així com funcionen les coses. Premeu la barra espaiadora més d'una vegada no afegirà més espais en blanc propers com ho faria en un document de text. El navegador combinarà tots els espais en blanc propers en un si ho fem en HTML. Per demostrar què passa quan fem servir diversos espais en HTML, mirem un exemple:

Per tant, després d'utilitzar la barra espaiadora moltes vegades, no podem afegir més espais en blanc

Sortida:

Premeu repetidament la barra espaiadora en HTML, com es veu a l'exemple anterior, estem intentant inserir nombrosos espais en blanc consecutius a una pàgina web. Tanmateix, els navegadors mostren diversos espais en blanc adjacents com un únic espai i no tenen en compte els espais abans, després i fora dels components. El fenomen es coneix com a col·lapse de l'espai en blanc. Tot i que el col·lapse dels espais en blanc pot ser molest de vegades, hi ha diverses tècniques per afegir més espai tant en HTML com en CSS (fulls d'estil en cascada).

&

L'entitat de caràcter   s'utilitza per representar l'espai. L'amplada d'un em, que és de 16 píxels, és equivalent a un emsp.

La sintaxi dels espais em al text és   Aquí teniu un exemple de com utilitzar l'entitat HTML &emsp:

Aquí hi ha un exemple per a una entitat espacial.

Sortida

L'entitat   s'utilitza a l'exemple anterior per afegir espais a HTML i la seva amplada és de 16 píxels. També es poden utilitzar en diversos espais adjacents.

&thinsp

L'entitat de caràcter s'utilitza per representar l'espai prim, sovint conegut com a espai estret. Una sisena part d'un em és l'amplada d'a &

L'espai prim s'escriu com a contingut intermedi a la sintaxi. Aquí teniu un exemple de com utilitzar l'entitat HTML ' '

Aquest és un exemple d'entitat espacial prim.

Sortida

L'entitat s'utilitza a l'exemple anterior per afegir espais prims a HTML i la seva amplada és d'una sisena part d'un em. També s'utilitzen en diversos espais adjacents.

A continuació es mostra un art ASCII de 'Hola'. # # ##### # # # #### # # # # # # # # # #####

Sortida:

dormir en javascript

Els avantatges d'utilitzar l'espai en blanc

Intel·ligibilitat de contingut ampliada:Quan els clients estan al nostre lloc, haurien de tenir l'opció de veure cap a on estan procedint per donar-los la motivació per continuar llegint. Amb tota honestedat, els espais en blanc entre passatges i al voltant de blocs de text i imatges ajuden les persones a entendre què estan llegint i contribueixen a una experiència de client superior en general.Més col·laboració:Podem ser reals, els convidats tenen pressa de manera fiable mentre llegeixen les ubicacions i tenir molts espais en blanc augmentarà la connexió evitant interrupcions que frenin el convidat. De fet, fins i tot un lleuger amortiment al voltant dels articles ens farà notar una regió determinada del nostre lloc. Segons la investigació dirigida per Human Elements Worldwide, l'espai en blanc augmenta el coneixement pràcticament un 20%.Capacitat de presentar una crida a l'acció (CTA):De vegades, el mètode més clar per diferenciar alguna cosa és fer que les coses siguin més grans. Podem fer més grans les imatges o els botons més grans. No obstant això, incloure la cosa amb espais en blanc pot ser igualment viable.Un lloc net equival a un lloc destacat:La sensació inicial del nostre lloc és molt important. Un munt de dissenys extraordinaris i forts, una gran varietat de plans: aquest gran nombre de components afegeix la impressió que fa un lloc; tanmateix, l'espai en blanc és especialment significatiu perquè mostra astucia i enginy. L'espai en blanc no fa que el vostre lloc estigui exposat o moderat. Per molt que s'utilitzi l'espai en blanc de la manera correcta, afegirà una sensació de poliment i prevalença al vostre lloc.Fer l'equilibri:Massa pocs espais en blanc provoca desordres, desordres i tremolors: característiques que no necessiteu relacionades amb la imatge del vostre lloc. De nou, molts espais en blanc podrien presentar una absència de contingut i una absència de direcció del client. La clau és ajustar els vostres plans i deixar que els espais en blanc funcionin com un instrument increïble per aïllar els blocs de contingut per a una obertura senzilla i una experiència de client més desenvolupada.Va com a separador:L'espai en blanc aïlla els components irrellevants d'un pla. Sol utilitzar-se per aïllar imatges o dissenys els uns dels altres i funciona amb el vostre format visual general. L'ús d'espais en blanc legítims permet una correspondència més clara de pensaments i plans convincents.

Per què és important l'espai en blanc?

L'espai en blanc és l'element bàsic d'un bon disseny, al meu entendre com a dissenyador. Els dissenyadors es refereixen a l'espai negatiu, o l'espai entre peces d'una composició, quan utilitzen el terme 'espai en blanc'. És l'espai en blanc entre gràfics, marges i canalons d'una pàgina que no s'ha marcat amb res. L'espai entre columnes, línies de text i figures dóna a l'ull una àrea de respiració visual.

Hi ha una raó convincent per la qual l'espai en blanc és un component crucial del disseny. Pot revolucionar el disseny del nostre lloc web i oferir-li diversos avantatges si s'aplica correctament. Hem de produir i crear dissenys que siguin agradables a la vista i animen els lectors a continuar. És fonamental tenir en compte contínuament que oferir un producte fantàstic als nostres clients és la nostra prioritat quan dissenyem per a la web.

L'espai en blanc es pot utilitzar per guiar un lector d'un element a un altre, crear harmonia i equilibri i ajudar a marcar un disseny. Els nostres objectius principals són fer que el lloc web sembli senzill i clar i oferir contingut que els agrada i valoren als nostres usuaris. L'espai en blanc no és només un espai 'en blanc'; és una característica de disseny que fa possible que els elements de la pàgina existeixin. La zona aconsegueix un equilibri i serveix com a recordatori constant que existeixen dissenys bonics. Per transmetre un missatge clar, no cal fer un disseny que estigui sobrecarregat de text i gràfics.