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:
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:
- espais,
- pestanyes, i
- 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
- Utilitzeu el signe d'espai que no es trenca ( ) del text per proporcionar més espai.
- La propietat de farciment CSS es pot utilitzar per augmentar l'espai dins d'un element en diferents circumstàncies.
- 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:
- Afegir format i espai HTML
- 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'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
- Amb l'atribut margin CSS, s'afegeix espai addicional al voltant de l'element.
- 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
- El farciment i el marge augmenten l'espai d'un element.
- El farciment deixa un buit que es considera un component de l'element.
- L'espai creat pel marge es considera que existeix fora dels límits de l'element.
- 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
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.