Eliminarea spațiilor mari din Microsoft Word. Caractere spații albe și formatarea codului lor în Html, precum și caractere speciale care nu se îndepărtează și alte mnemonice

Este dificil să identifici „reguli” specifice pentru utilizarea spațiilor scurte; trebuie doar să reții această posibilitate și să o aplici oriunde va îmbunătăți textul.

De exemplu, un spațiu scurt poate fi util între numărul și litera casei. În teorie, acestea ar trebui scrise împreună, dar în multe fonturi litera b este prea asemănătoare cu numărul 6, așa că atunci când este scris 25b, poate fi dificil de înțeles dacă vorbim despre casa douăzeci și cinci „fi” sau despre casă două sute cincizeci și șase. Opțiunea 25b nu are această problemă.

Puteți merge mai departe și puteți face mai multe clase de lungimi ușor diferite. De exemplu, între inițialele lui Pușkin puteți pune un spațiu puțin mai mare, 1/6 em. Pentru dolari, procente și grade Celsius, dimpotrivă, 1/12 poate fi suficient. Dar prefer să mă limitez la o singură opțiune de spațiu scurt. Doar pentru a rupe „linia americană”, va fi într-adevăr prea mult, dar nu îl întâlnim (în imaginea de mai sus este folosit un spațiu de 1/16 em).

Bună ziua, dragi cititori ai site-ului blogului. Puțin mai devreme, am reușit deja să vorbim despre asta și am aflat și despre designul din acesta. Astăzi avem la rândul său conceptul de spațiu alb în HTML, precum și formatarea codului asociată atunci când îl scriem (pentru comoditatea citirii și percepției sale ulterioare).

Ei bine, datorita faptului ca vom atinge tema spatiului nerupere si a silabei soft, va trebui sa ne concentram atentia asupra asa-ziselor caractere speciale sau mnemonice folosite in limbajul Html, care va vor permite sa adaugati multe caractere suplimentare la codul documentului web, cum ar fi cele deja menționate mai sus. Dar mai întâi lucrurile.

Spații și caractere albe în HTML

Înainte de a trece la problema formatării textului folosind etichete special concepute pentru acest lucru (paragraf, titluri etc.), vreau să mă opresc asupra modului în care spațiile, rupturile de rând (Enter) și tabularea sunt interpretate în limbajul HTML și cum este ruperea. a efectuat text în fereastra browserului când este redimensionat.

Adevărat, pentru acest tip de formatare vizuală (care nu va fi vizibilă pe pagina web), cel mai adesea nu spațiile în sine sunt folosite, ci mai degrabă caracterele de tabulație și de întrerupere de linie. Există o astfel de regulă - atunci când începeți să scrieți o etichetă HTML imbricată, atunci indentare folosind file(Tasta Tab de pe tastatură), iar când închideți această etichetă, eliminați indentarea (combinația de taste Shift+Tab de pe tastatură).

Acest lucru trebuie făcut astfel încât etichetele de deschidere și de închidere să fie la același nivel vertical (la același număr de file din marginea dreaptă a paginii în editorul dvs. HTML, de exemplu, Notepad++, despre care am scris). În plus, vă sfătuiesc să faceți imediat după ce ați scris elementul de deschidere să faceți mai multe întreruperi de linie și să o scrieți imediat pe cea de închidere la același nivel (număr de file), astfel încât să nu uitați să faceți acest lucru mai târziu.

Acestea. elementele de deschidere și de închidere ar trebui să fie la același nivel pe verticală, iar etichetele interne ar trebui să fie deplasate cu un caracter de filă, iar elementele de închidere și deschidere ar trebui să fie plasate din nou la același nivel.

Pentru documente web simple, acest lucru poate părea exagerat, dar atunci când creați documente mai mult sau mai puțin complexe, acestea codul va deveni mult mai clarși lizibilă datorită abundenței de spații și, de asemenea, va fi mult mai ușor de detectat erorile datorită dispoziției simetrice a etichetelor.

Caractere speciale sau mnemonice în codul HTML

Deci, acum să vorbim despre așa-numitele personaje speciale, a căror ușurință în utilizare am anunțat-o la începutul acestui articol. Caracterele speciale sunt uneori numite mnemonice sau substituții. Acestea sunt menite să rezolve o problemă apărută în limbajul de marcare hipertext de mult timp, legată de codificările folosite.

Când tastați text pe tastatură, caracterele limbii dvs. sunt codificate după un algoritm prestabilit, iar apoi sunt afișate pe site folosind fonturile pe care le utilizați (unde să găsiți și cum să instalați pentru site) datorită decodării.

Există o mulțime de codificări, dar pentru limbajul HTML versiunea extinsă a codificărilor a fost adoptată implicit.

În această codificare a textului a fost posibil să se scrie doar 256 de caractere - 128 din ASCII și alte 128 pentru litere rusești. Ca urmare, a apărut o problemă cu utilizarea pe site-uri a caracterelor care nu sunt incluse în ASCII și nu sunt litere rusești care fac parte din codificarea Windows 1251 (CP1251). Ei bine, te-ai hotărât să folosești un tilde sau un apostrof, dar o astfel de posibilitate nu a fost inclusă inițial în codificarea folosită de limbajul HTML.

Pentru astfel de cazuri s-au inventat substituțiile sau, cu alte cuvinte, mnemonicii. Inițial caracterele speciale aveau o formă digitală, dar apoi pentru cele mai comune au fost adăugate omologii lor de scrisori pentru a le face mai ușor de reținut.

În termeni generali, un mnemonic este un caracter care începe cu un „&” și se termină cu un punct și virgulă „;”. Pe baza acestor caracteristici browserul, atunci când analizează codul HTML, extrage caractere speciale din acesta. Ampersand din codul numeric wildcard trebuie imediat urmat de semnul lire sterline „#”, numit uneori hash. Și abia apoi urmează codul digital al caracterului dorit în codificarea Unicode.

În Unicode pot fi scrise peste 60.000 de caractere - principalul lucru este că simbolul mnemonic de care aveți nevoie este susținut de fontul folosit pe site-ul dvs. Există fonturi care acceptă aproape toate caracterele Unicode și există opțiuni doar cu un anumit set de caractere.

Lista completă a personajelor speciale va fi pur și simplu uriașă, dar cele mai frecvent utilizate mnemonice puteți împrumuta de exemplu din acest tabel:

Există destul de interesant modalitate de a obține codul mnemonic HTML pentru semnul de care ai nevoie. Pentru a face acest lucru, trebuie doar să deschideți editorul Microsoft Word, să creați un document nou și să selectați „Inserare” - „Simbol” din meniul de sus (folosesc versiunea 2003, așa că nu știu cum să fac o operație similară în versiunile ulterioare ).

În fereastra care se deschide, trebuie să selectați un font, de exemplu, Times New Roman (sau orice altul care va fi prezent în mod evident pe majoritatea computerelor vizitatorilor site-ului dvs. - Courier sau Arial, de exemplu).

Adăugați toate caracterele speciale de care aveți nevoie din lista care se deschide în documentul dvs. Word și salvați acest document Word ca pagină web (selectat din lista derulantă „.html” la salvare). Ei bine, atunci tot ce trebuie să faceți este să deschideți această pagină web în orice editor HTML (același Notepad++ va face) și veți vedea toate codurile digitale ale mnemotecilor de care aveți nevoie:

Metoda este puțin complicată, dar dacă doriți să utilizați un caracter special rar pe pagina site-ului dvs., atunci va fi mai ușor decât să căutați pe Internet tabele precum cel arătat mai sus. Va trebui să lipiți codul de caracter special rezultat în locul potrivit și, în loc de acesta, pe pagina web, browserul va afișa caracterul de care aveți nevoie (de exemplu, un spațiu care nu se întrerupe).

Spațiu care nu se rupe și cratima moale în exemple

După cum am menționat deja mai sus și după cum puteți vedea din tabelul de caractere speciale dat chiar mai sus, unele mnemonice în Html au primit, pe lângă digital, și o desemnare simbolică pentru o memorare mai ușoară. Acestea. În locul semnului hash „#” (hash), cuvintele sunt folosite în variante simbolice. De exemplu, același spațiu neîntrerupt poate fi scris fie ca (mnemonic digital), fie ca (caracter).

Când scrieți articole, dacă trebuie să introduceți un ampersand (&) sau un parantez unghiular deschis (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Adică, dacă scrieți un articol în care va trebui să inserați, de exemplu, un afișaj de etichetă în text< body>sau trebuie doar să inserați un semn mai puțin decât (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Prin urmare, va trebui să introduceți următoarea construcție pentru a rezolva o problemă similară:

Același lucru este valabil și pentru afișarea codului mnemotecilor, deoarece acestea încep cu un ampersand. Va trebui să inserați codul în text, înlocuind semnul ampersand cu înlocuirea acestuia (caracter special):

Acest lucru va trebui făcut pentru a ajunge pe pagină<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Cel mai probabil veți folosi, de asemenea, un spațiu care nu se întrerupe, care va arăta ca un spațiu obișnuit pe o pagină web, dar browserul nu îl va trata deloc ca un caracter de spațiu și nu va efectua transferuri pe acesta(de exemplu, acest lucru va fi potrivit pentru expresii precum 1400 GB etc., pe care nu ar fi recomandabil să le împărțiți cu silabe în diferite rânduri):

1400 GB.

Uneori poate apărea situația inversă, când textul conține cuvinte foarte lungi și doriți să vă asigurați că, dacă este necesar, browserul Aș putea rupe aceste cuvinte cu silabe. În astfel de scopuri, este furnizat un simbol special „transfer soft” -

Un cuvânt lung, lung;

Când devine necesar să treceți la o altă linie, browserul va folosi o cratimă în loc de mnemonicul cu cratima moale și va trimite restul cuvântului la linia următoare. Dacă există suficient spațiu pentru a plasa întreg acest cuvânt pe o singură linie, atunci browserul nu va desena nicio linie nouă. Este atat de simplu.

Multă baftă! Ne vedem curând pe paginile site-ului blogului

Puteți viziona mai multe videoclipuri accesând

S-ar putea să fiți interesat

MailTo - ce este și cum se creează un link în Html pentru a trimite un e-mail
Etichete și atribute ale titlurilor H1-H6, linie orizontală Hr, întrerupere de linie Br și paragraful P conform standardului Html 4.01
Cum să inserați un link și o imagine (foto) în etichetele HTML - IMG și A

În timpul tastării, MS Word trece automat la o nouă linie când ajungem la sfârșitul celei curente. În locul unui spațiu la sfârșitul unei linii, se adaugă un fel de pauză de text, care în unele cazuri este inutilă.

Deci, de exemplu, dacă trebuie să evitați să rupeți orice structură întreagă constând din cuvinte sau numere, o întrerupere de linie adăugată prin utilizarea unui spațiu la sfârșitul rândului va fi în mod clar o piedică.

Pentru a evita o rupere nedorită a structurii, la capătul liniei, în loc de un spațiu obișnuit, trebuie să setați un spațiu care nu se rupe. Cum să puneți un spațiu fără rupere în Word va fi discutat mai jos.

După ce ați citit textul din captură de ecran, probabil ați înțeles deja cum să adăugați un spațiu care nu se sparge, dar folosind exemplul acestei capturi de ecran puteți arăta clar de ce este necesar un astfel de simbol.

După cum puteți vedea, combinația de taste scrisă între ghilimele este împărțită în două rânduri, ceea ce nu este de dorit. Alternativ, puteți, desigur, să-l scrieți fără spații, acest lucru va elimina ruptura de linie. Cu toate acestea, această opțiune nu este potrivită pentru toate cazurile; în plus, folosirea unui spațiu fără rupere este o soluție mult mai eficientă.

1. Pentru a seta un spațiu neîntrerupt între cuvinte (simboluri, numere), plasați cursorul în spațiul spațiu.

Notă:În locul unui spațiu obișnuit trebuie adăugat un spațiu care nu se întrerupe, nu împreună cu/lângă acesta.

2. Apăsaţi tastele „Ctrl+Shift+Spațiu (spațiu)”.

3. Se va adăuga un spațiu care nu se rupe. În consecință, structura situată la capătul liniei nu se va sparge, ci va rămâne în întregime în linia anterioară sau va fi transferată pe următoarea.

Dacă este necesar, repetați același pas pentru a stabili spații care nu se rupe în marginile dintre toate componentele structurii pe care doriți să le preveniți rupere.

Dacă activați modul de caractere ascunse, veți vedea că caracterele spațiale obișnuite și cele care nu se întrerup sunt vizual diferite.

De fapt, putem pune capăt asta. Din acest scurt articol, ați învățat cum să creați un spațiu care nu se rupe în Word, precum și în ce cazuri poate fi necesar. Vă dorim succes în învățarea și utilizarea acestui program și a tuturor funcțiilor sale.

Toți cei care au încercat creați site-uri web în HTML s-a confruntat cu această problemă. Aproape tot Etichete HTML tăiați spațiile suplimentare. Și de data aceasta vă voi da un exemplu al acestei „tăieri” și vă voi spune și cum să vă asigurați că spațiile nu sunt decupate.

Să începem prin a scrie un simplu cod HTML:

Un text Continuat...

Dacă te uiți la rezultat, vei vedea că toate spațiile noastre au fost decupate și a mai rămas doar unul. Și aproape fiecare etichetă face asta.

Există trei opțiuni afișați spații suplimentare în HTML. Prima modalitate este de a folosi o etichetă<pre>:

Un text Continuat...

Drept urmare, veți vedea că decalajele rămân și asta este exact ceea ce ne-am dorit.

Dar există o altă modalitate pe care o folosesc în mod regulat - entitatea "". Această entitate înlocuiește pur și simplu caracterul spațiu:

Un text Continuat...

Drept urmare, veți vedea și o serie întreagă de spații. Pentru mine, această metodă este mai bună, deoarece nu trebuie să utilizați etichete suplimentare. Dar aceasta este o chestiune de gust. Unde este nevoie? spațiu suplimentar în HTML, doar introduceți „” și bucurați-vă de rezultat.

Și, în sfârșit, ultima cale este folosind CSS. Pentru a face acest lucru, trebuie doar să adăugați acest stil:

P(
spatiu alb: pre;
}

Această metodă este cea mai rapidă și mai ușoară, cu toate acestea, nu o folosesc, deoarece în practica mea sunt puține cazurile în care trebuie să adaug multe spații consecutive. Și dacă se întâmplă, atunci folosesc entitatea „ ” de mai multe ori. În plus, proprietate de spațiu alb nu este acceptat de toate browserele (în special, IE6Și IE7 nu acceptă), ceea ce limitează deja domeniul de aplicare al acestei metode.

În general, pentru a rezuma:

1) Dacă orice parte a textului dvs. conține multe spații în locuri diferite, atunci utilizați eticheta<pre>.

2) Dacă întâlniți un singur moment undeva unde aveți nevoie de mai multe spații la rând, atunci utilizați entitatea "  ";

3) Dacă întreaga pagină este formată dintr-o grămadă de spații consecutive (deși acest lucru se întâmplă extrem de rar), atunci utilizați proprietatea spatiu alb cu sens pre.

Dacă vrei să afli mai multe despre HTML, apoi aruncați o privire la cursul meu gratuit cu un exemplu de creare a unui site web la HTML: