internetul Windows. Android

Separarea pentru corzile, spațiile și tabelele în documentele HTML. Utilizarea simbolurilor GAP pentru formatarea codului HTML, spațiul non-dizolvarea și alte mixere speciale (mnemonic) HTML Tab

Etichetă

Eticheta stabilește fila în fila. Este similar cu utilizarea secvenței de evacuare / t.

1 2 3 \\ t \\ t \\ t4
Afişa:
1 2 3 4

Distanța la care este afișată șirul când fila este introdusă în ea, poate fi setată în mod arbitrar. Pentru a face acest lucru, servește atributul tag-ului tabstops.

Eticheta nu este o etichetă HTML standard. Acesta a fost adăugat la etichetele de marcare Flash pentru a forma textele care trebuie efectuate uniform.

Etichetă ...

Eticheta este responsabilă pentru astfel de caracteristici ale formatării textului, cum ar fi câmpurile, schimbările de înșelăciune și șir. Poate seta următoarele atribute:

Marginea stângă. Dimensiunea câmpului din stânga în puncte. Analogue - TextFormat Class Leftmargin Property.

Dreapta. Valoarea câmpului potrivit în puncte, analog - proprietatea din clasa de la dreapta Textformat.

Indicele. O liniuță din prima linie de paragraf în puncte. Printre proprietățile clasei Textformat este similară cu proprietatea liniuței.

Blockingent.

O pedeapsă a unui paragraf text rămas în puncte. Analog - Proprietate blockindentă
Clasa TextFormat.

Conducere. Distanța dintre liniile din puncte. Proprietăți similare ale clasei TextFormat - conducând.

Tabstops. Atributul determină ce decalare de șir în puncte va determina fiecare filă din fila în secvență. Valoarea sa este lista numerelor în care distanțele sunt scrise, la care șirul este deplasat pe fereastră, dacă 1, 2, 3, ... s simboluri P din fila. Analogul atributului tabstops este proprietatea TextFormat Tabstops.


pol.html \u003d pol.border \u003d pol.multilina \u003d adevărată;
pol.htmltext \u003d "

0din tabr\u003e două tabar\u003e
Trei tabar\u003e

";

Eticheta nu este o etichetă HTML standard. A fost introdusă astfel încât posibilitățile de marcare text utilizând etichetele să fie similare cu aplicarea proprietăților clasei de format text.

Etichetă ...

Etichetă Concepute pentru a aplica stilul CSS de clasă relativ la un fragment de text arbitrar.

Numele clasei este specificat în atributul său de clasă.

Acest lucru.createtextfield ("pol", 0, 150, 150, 200, 90);
pol.autosize \u003d pol.border \u003d pol.multilina \u003d adevărată;
// Creați trei stiluri de clasă care tastează textul roșu, verde și albastru
Var Style: TextField.Stylesheet \u003d New TextField.Stilesheet ();
VAR GREEN_TEXT: String \u003d ".Green (Culoare: # 00F00)";
var red_text: string \u003d ".Red (culoare: # FF0000)";
var albastru_text: string \u003d ".blue (culoare: # 0000ff)";
Stil.parsecss (verde_text + red_text + blue_text);
pol.stylesheet \u003d stil;
// afișați textul creat de stiluri
Pol.text \u003d " 3lone text

Text roșu

Textul albastru ";

Există o diferență între faptul că postat În codul HTML și asta afișat În browser.

Cum am văzut deja etichete HTML, cum ar fi<р> , citiți doar de browser (pentru a ști ce un fel conținut scris), dar nu afișează în el.

De asemenea, am văzut cum să scriem comentarii În codul HTML pentru a ajuta o persoană cu codul de citire, fără a fi nevoie să afișeze aceste comentarii în browser.

Un alt tip de cod scris, care ignorate Browser este spaţiu, include:

  • transfer de rând;
  • linii goale;
  • tablarea (sau indentarea).

Șir de transfer

Rifters și linii goale (care sunt o secvență de porturi de șir) în codul HTML ignora browser. Ele constituie numai unu spaţiu.

Ideea inițială de web a fost că ar trebui să fie un spațiu comun, unde puteți comunica prin schimbul de informații.

La realitate introduce Transferul rândului trebuie să utilizați un element
:

În cel mai bun caz, viața este complet
imprevizibil

Tabulare

Tabulare - Acesta este un caracter special obținut utilizând tasta Tab. De obicei, mișcă cursorul în următoarea filă a filei, dar uneori se transformă în două spații.

Oricum, ca un decalaj obișnuit, tabularea invidima.. De asemenea, este ignorat de browser:

Să ne întrebăm fila de text.

Dacă doriți să adăugați spațiu inainte de Pe scurt, va trebui să utilizați CSS.

Dacă doriți să închideți elementul HTML, atunci trebuie mai întâi să închideți toate elementele copilului.

Formatarea lemnului

În măsura în care elemente HTML. pot fi investite unul în celălalt, trebuie să urmați procedurăîn care au fost deschise, deoarece va afecta ordinea în care sunt închise.

Acest cod este scris în unu şir.

Datorită a ceea ce poate fi dificil să se monitorizeze ordinea în care au fost deschise elementele HTML, se recomandă să scrieți HTML în forma unui copac:

Acest cod este scris în niste linii, dar totuși vor fi afișate ca unu linia.

Formatarea sub formă de copac permite vizual Joaca nivelul Nivelului NEVES Codul dvs. HTML. Ea face ușor să vezi că:

  • este an ancestral;
  • - mamă pentru și ;

  • și - aceasta este fraternal Elemente.

Scrieți HTML pentru ao citi

Tab, șiruri goale, un set de spații și transferuri de rând sunt coborâte de un computer și toate acestea se transformă în un decalaj.

Documentul HTML este scris și citit de om, dar calculatorul este citit. Având în vedere că tabularea, golurile și transferurile de șir nu afectează modul în care browserul va citi și va afișa ulterior o pagină web, vă puteți forma documentul cel mai ușor de citit pentru se cale.

Nu există reguli specifice referitoare la formatarea HTML, dar sunt implicite acorduri, în special:

  • utilizare tabularepentru a ajuta la vizualizarea investiții Elemente HTML;
  • introduceți elementele blocului de deschidere și închidere corzi separate;
  • scrieți obiecte mici într-o singură linie (inclusiv etichete de deschidere și închidere).

Când documentul este afișat pe ecran, spațiile și liniile goale nu sunt salvate, cu excepția textului închis în etichete Pre. (Text pre-formatat). Aceasta este, orice secvență de spații, simboluri de file și linii goale sunt echivalente cu singurul spațiu din fișierul HTML. Pe de altă parte, diferența din fișierul HTML poate fi reprezentată utilizând orice număr de spații sau linii noi (goale).

Termen newlin. (Linia nouă) utilizată pentru a desemna teoretic capătul șirului. SGML determină că șirul (înregistrarea) ar trebui să înceapă cu simbolul de pornire (linia nouă - traducerea șirului, LF, Codul ASCII 10) și se încheie cu sfârșitul înregistrării (returnarea căruciorului, CR, ASCII 13). În practică, documentele HTML sunt reprezentate și transmise utilizând reprezentarea Newlinelor potrivită cu sistemele informatice. Prin urmare, browserele HTML permit sprijinirea oricăreia dintre cele trei reprezentări de separare a caracterelor general acceptate, notate de secvența CR LF, numai CR, sau numai LF și pe baza unei astfel de presupuneri și alocă erorile simbolurilor de înregistrare inițiale și finale.

Astfel, nu contează cum împărțiți textul la șiruri, deoarece traducerea șirului este echivalentă cu spațiul. Notă, totuși, că nu trebuie să împărțiți cuvântul în HTML în două rânduri. Dacă, de exemplu, ați împărțit cuvântul iretal în două linii, după cum se arată mai jos:

Inter-național

acesta va fi interpretat ca

Inter-național

Astfel, pentru prezentarea logică a documentului dvs. trebuie să utilizați astfel de etichete HTML cum ar fi P. sau Br.Pentru a vă asigura că rândul este tradus.

Broworii de obicei nu împărtășesc cuvinte pentru două linii, cu excepția cazurilor în care cuvântul conține o cratimă. Specificațiile de referință HTML 3.2 nu este foarte precisă cu privire la această problemă și atunci când discută secțiunea tabelului, se administrează următoarele:

Pentru unii agenți de utilizator, poate fi necesar sau de dorit să traducă șirul în cuvânt. În astfel de cazuri, este de dorit să se asigure că sa întâmplat.

Fi frică lungimea liniei a depășit limitele controlului dvs.. Depinde de browser-ul, calculatorul și instalațiile făcute de persoane care vizualizează documentul. În general, nu există nici un mijloc de a preveni traducerea șirului între cuvinte, dar puteți încerca să avertizați traducerea rând utilizând spații continue.

În ceea ce privește utilizarea unui rând de traducere în combinație cu etichetele HTML, adică reguli speciale:

  • Traducerea șirului următor imediat la eticheta inițială este ignorată. De exemplu, șiruri
  • În mod similar, traducerea șirului care precedă eticheta de capăt este ignorată. De exemplu, șiruri

Simbolul tabelului orizontal (HT) poate fi utilizat în documentul HTML. Dar în cadrul elementului Pre. Simbolul tabal are o interpretare specială, echivalentă cu spațiul și nu poartă informații despre tabularea de orice fel. (Pentru a trimite date tablate, utilizați elementul masa.) Este aproape mai bine să evitați includerea caracterelor Tab în codul HTML și să utilizați numărul corespunzător de spații dacă trebuie să formați codul sursă de documente HTML într-un formular tabelar.

Bună ziua, dragă site-ul de cititoare blog! Cei care au reușit cel puțin superficial să se familiarizeze, probabil, au luat deja notă, deși în termeni generali. Deci, au o idee despre care la toate caracterele HTML sunt utilizate în codul documentului.

În articolul de astăzi, vom încerca să ne dăm seama că reprezintă un spațiu în HTML, în ce cazuri se poate aplica simbolurile pot fi utilizate la formatarea codului însuși pentru o percepție convenabilă. Învățăm când este necesar să folosiți un spațiu inseparabil și, de asemenea, să vă familiarizați cu alte simboluri speciale (sau, așa cum sunt numite și mnemonice).

De fapt, aș sfătui să nu ignor utilizarea diferitelor caractere speciale, deoarece este o componentă importantă care vă permite să efectuați finalizarea studiului limbajului marcajului hipertext. În general, informațiile furnizate în această publicație nu vor fi cu siguranță. Ei bine, acum la caz.

Spații și simboluri orb în HTML

Mai întâi trebuie să faceți o remarcă importantă. Pe tastatura computerului există taste speciale care vă permit să implementați divizarea textului (mai puțin despre el mai jos). Cu toate acestea, doar o cheie spațială largă oferă o secțiune între cuvinte nu numai în editor, dar și în fereastra browserului. Când transferați rândurile și liniuțele de la margine, există nuanțe.

După cum știți, afișarea anumitor elemente din Webbruser este determinată de etichete. Pentru formatarea textului, se utilizează un cunoscut, care este blocat. Adică, conținutul său este amplasat pe toată lățimea disponibilă.

La linii de transfer în interiorul paragrafului PTrebuie să utilizați o singură etichetă BR, cu care se poate face. Să presupunem că trebuie să introducem câteva linii de la poemele pe care le scriem într-un editor de text:

În ciuda faptului că liniile de versete sunt localizate corect și transferurile sunt efectuate în locurile potrivite, totul va arăta diferit în browser:


Pentru a obține același afișaj în fereastra browserului web, trebuie să vă înregistrați BR:

Acum am realizat finalizarea sarcinii și în browser, liniile poetice vor apărea complet corect:

Astfel, se fac transferurile de șiruri necesare. De asemenea, trebuie remarcat o astfel de caracteristică că mai multe goluri care rulează unul câte unul, webbuser afișează ca unul. În acest lucru, puteți să vă asigurați că în același editor veți încerca nu unul, ci mai multe goluri între cele două cuvinte și făcând clic pe butonul "Salvare", uitați-vă la rezultat în browser.

Spațiu, fila și transferul rândului

În principiu, cu acestea simboluri orb Ne cunoaștem imediat cum începem să lucrăm cu textul din editor și să-l formam în forma potrivită. Pentru a implementa o astfel de sarcină există chei speciale, fiecare dintre acestea corespunde simbolului său globular:

  • Spațiul este cea mai largă tastă de pe tastatura computerului (fără inscripție);
  • Tab - cheie în stânga cu inscripția "Tab" și două săgeți direcționate în direcții diferite;
  • Transfer de rând - "Introduceți" tasta.

Cu toate acestea, după cum am spus mai sus, rezultatul final dorit nu este numai în editorul de text, ci și în browser, ajungem numai atunci când folosim prima tastă. Toate cele trei taste (inclusiv fila și transferul șirului sunt utile pentru a fi utilizate la formatarea codului HTML. Să spunem, iată cum arată fragmentul de cod în Notepad ++ (materialul sensibil este despre acest editor) când toate caracterele spațiale sunt afișat:


Obținem un cod care este ușor de citit și înțeleg datorită spațiilor. O săgeți portocalii marcate cu linii create folosind tasta Tab și simbolurile CR și LF ale liniilor efectuate de cavishi enter.

Containerele imbricate unul în altul sunt vizibile, etichetele de deschidere și închidere sunt bine alocate. În acest formular, acest cod poate fi editat calm. Și acum comparați cu același cod, în care nu există o diviziune similară a textului:

În același mod, folosind caracterele spațiului, regulile CSS pot fi, de asemenea, prescrise, ceea ce va arăta vizual clar și răspunde:


După ce aduceți toate stilurile într-un numitor comun și finalizați complet Editarea fișierului de stil, va fi posibil să fie supuși tuturor spațiilor din cod. Este necesar să se crească, ceea ce este foarte important atunci când promovați resursele.

Moli speciale (sau mnemonice) în codul HTML

Acum vom analiza, în ce cazuri este necesar să se utilizeze caractere speciale pe care le-am menționat la începutul articolului. HTML Special Moles, care sunt numite uneori mnemonics, sunt introduse pentru a rezolva o problemă de codificare îndelungată care a avut loc în limba de marcaj hipertext.

Când setați textul de la tastatură, simbolurile lingvistice sunt codificate pe care le utilizați. Webbrawner va fi afișat în Webborer utilizând fonturile pe care le alegeți ca urmare a operațiunii de decodificare inversă.

Faptul este că există multe codificări similare, acum nu avem niciun scop să le dezasamblați în detaliu. Doar în fiecare dintre ele nu poate obține unul sau alte personaje care, totuși, trebuie să afișați. Să spunem că este nerăbdător să prescriem un singur citate sau un semn de accent, iar aceste insigne nu sunt comune în set.

Pentru a elimina această problemă, a fost introdus un sistem de simbol special, care include un număr mare de mnemonici diferite. Toate pornind de la pictograma Ampersand "&" și sfârșitul cu un punct de virgulă ";". La început, fiecare amestec special corespundea codului său digital. De exemplu, pentru un spațiu inseparabil, care va fi considerat puțin mai jos, o astfel de intrare va fi valabilă:

Dar, după o anumită perioadă, cele mai frecvente simboluri au fost atribuite analogi de scrisoare (mnemonics), astfel încât acestea să fie mai ușor de reținut. De exemplu, pentru același spațiu inseparabil, se pare că acesta:

Ca rezultat, browserul afișează caracterul corespunzător. Lista de mnemonică este foarte voluminoasă, cel mai frecvent utilizat amestec special HTML Puteți detecta de la următorul tabel:

simbol codul mnemonică descriere
designul inspetentului
spațiu îngust (en-lățime în litera n)
lățime largă (EM-Wide în litera M)
- dash îngust (en-dash)
- lăchia largă (em -tir)
­ - ­ transferul soft.
dar ́ accent, pus după scrisoarea "șoc"
© © copywrites.
® ® ® semn de marcă înregistrat
semn de marcă
º º º spear Marsa.
ª ª ª oglindă Venus.
promill
π π π pi (utilizare ori nou roman)
¦ ¦ ¦ vertical dottedier
§ § § paragraf
° ° ° gradul
µ µ µ semn "micro"
semnul de paragraf
punct
suprapuneri
´ ´ ´ semnul semnului
numărul semnului.
🔍 🔍 Magnaya (stânga înclinată)
🔎 🔎 MUPA (înclinat spre dreapta)
semne de operații aritmetice și matematice
× × × multiplica
÷ ÷ ÷ despică
< < mai puțin
> > > mai mult
± ± ± plus minus
¹ ¹ ¹ gradul 1.
² ² ² gradul 2.
³ ³ ³ gradul 3.
¬ ¬ ¬ negare
¼ ¼ ¼ sfert
½ ½ ½ o jumatate
¾ ¾ ¾ trei sferturi
trastul fracționat
minus
mai puțin sau egal
mai mult sau egal
aproximativ (aproape) este egal
nu este egal
identic
rădăcină pătrată (radicală)
infinit
semn semn
semn de muncă
diferențial parțial
integral
pentru toate (vizibile numai dacă este îndrăzneț)
există
set gol
Ø Ø Ø diametru
aparține
nu apartine
conține
este un subset
este o supertensiune
nu un subset
este un subset fie egal
este o supertensiune sau egală
plus într-un cerc
semnul de multiplicare într-o cană
perpendicular
unghi
logic I.
logical sau
trecere
o asociere
semnele valutare.
Euro
¢ ¢ ¢ Cent
£ £ £ Livre
¤ ¤t; ¤ Semn valutar.
¥ ¥ ¥ Jena și semnul de yuani
ƒ ƒ ƒ Florin Sign.
marcatori
. marker simplu
un cerc
· · · punct de mijloc.
traversa
dublu cruce
pEAKS
cluburi
inimile
diamante
romb
creion
creion
creion
mână
citate
" " " citate duble
& & & ampersand.
« « « citate tipografice stânga (citate-pom de Crăciun)
» » » citate tipografice dreapta (citind frica)
citează deschiderea cu un singur colț
citează un singur unghiular
cod de bare (minute, picioare)
cod de bare dublu (secunde, inci)
citate unică superioară stângă
citat superior superior
citat unic de jos
lady Foot.
cauldle-picior dreapta sus
cutter-picior dreapta jos
unică engleză Citând deschiderea
unică engleză care citează închiderea
double English Citate Deschidere
dublu englezesc care citează închiderea
săgeți
săgeată la stânga
săgeata în sus
săgeată spre dreapta
săgeată în jos
săgeată stânga și dreapta
săgeată în sus și în jos
Întoarcerea transportului
săgeată dublă la stânga
dublați săgeata în sus
dublă săgeată dreapta.
săgeată dublă în jos
dublu săgeată stânga și dreapta
săgeată dublă în sus și în jos
triunghiulară în sus săgeată
triunghiulară în jos
săgeata triunghiulară spre dreapta
săgeată triunghiulară la stânga
asteriscuri, fulgi de zăpadă
Om de zapada
Fulg de nea
Fluxul de zăpadă stoarse de arbori
Grăsime de zăpadă de zăpadă
Steaua touchy
Star crescut
Star crescut în cercul pictat
Stea cu un cerc imatur în interior
Rotatoare Star.
Distribuția stea albă
Cercul mediu nestractat
Cercul de dimensiuni medii
Sextil (tip de fulg de zăpadă)
Opt stea rotativă
Stea cu terminații sferice
Ansamblu de picături de picături de picătură
Șaisprezece stele
Twelve-Point Stacked Star
Steaua verticală cu opt vârfuri drepte
Sax-ascuns stea stivuită
Opt stea pictată drept
Steaua pictată cu opt ascuțite
Opt-stele ascuțite
Stea cu un centru imatur
O stele uleioase
A arătat o stea despachetată cu patru poziții
A arătat patru stele
Stea în cerc
Snowflake într-un cerc
ceas
Ceas
Ceas
Clepsidră
Clepsidră

Cazuri de utilizare a unor simboluri speciale, inclusiv un spațiu inseparabil și un transfer moale

Dacă ați studiat puțin tabelul, am primit confirmarea de ceea ce am spus mai sus a spus că utilizează un cod digital () sau analogul său de litere (simbolul mnemonic), unde litera () este scrisă în loc de totalitatea grilajului și numere.

Acum, să vedem când trebuie să aplicați aceste coduri. Spun, în articolul trebuie să informați o etichetă HTML, de exemplu,

. Dacă introduceți parantezele unghiulare de la tastatură (și această funcție este), browserul va lua un astfel de design ca etichetă de deschidere și nu ca un fragment simplu al textului.

Prin urmare, din același tabel al specialiștilor HTML, luăm codurile corespunzătoare, iar întreaga intrare va arăta astfel:

În plus, pentru a afișa în browser nu este un semn al ampersand și desemnarea acesteia în video

Trebuie să adăugați codul său din tabel:

Subsol.

Apoi, înregistrarea mnemonică va fi afișată în browser pentru a fi aplicată pentru a afișa eticheta subsolului. Un pic confuz, dar pe această pagină puteți practica în acest aspect introducând în câmpul "HTML" de mnemonics pentru caracterele corespunzătoare și ciclismul "Run" și în zona "Rezultat" Obținerea rezultatului afișării acestora Browserul:


Rețineți că am asigurat transferul de text utilizând eticheta BR deja menționată, astfel încât caracterele în sine să fie afișate într-o singură linie, ci un lot pentru comoditate.

Dați-i drumul. Uneori în text există combinații care sunt nedorite pentru a se împărți pe diferite rânduri. Să spunem că "1000 de frecare". va fi logic sau va pleca pe string de sus, sau cu o lipsă de loc, mutați întregul design la șirul de mai jos.

Acest lucru este valabil mai ales dacă utilizatorii utilizează dispozitive cu lățimi de ecran diferite, inclusiv mobile. Într-adevăr, în acest caz, Webbrorezer formează textul, ajustarea la noi condiții. Și dacă cu dimensiunile standard ale monitorului, textul pare corect, atunci când se schimbă, totul se poate schimba.

Pentru aceste cazuri furnizate inspectat HTML spațiuAm menționat despre. Permiteți-mi să vă reamintesc că în acest caz codul spațial este:

Și trebuie introdus între cele două seturi de semne pe care doriți să le asociați:

1000 freca.

Acum, browserul nu va împărtăși în nici un fel, chiar dacă formatarea textului este necesară pentru afișarea corectă.

De asemenea, se întâmplă o astfel de situație în care un cuvânt foarte lung nu este plasat în spațiu liber și este necesar să se transfere o parte. Cum de a predetermina transferul la Șir nou în acest caz? Pentru asta este unelte speciale ușoare - să fie plasate în locul în care are nevoie de cuvânt:

Vârstnici de lungă durată

Dacă există o situație în care cuvântul trebuie transferat, se formează locul de găsire a mnemonicii de transfer moale, unde va apărea semnul de transfer (cratime), iar partea rămasă a acestui cuvânt va fi mai mică decât următoarea linie.

Cu toate acestea, din nou, va fi utilă toată această afacere, inclusiv exemple de transfer inseparabil și soft, pentru a urmări persoana în practică:


În fereastra acestui editor, puteți schimba dimensiunea vizualizării "Rezultat", capturarea butonului stâng al mouse-ului marginea acestei zone și, fără a le elibera, trageți spre stânga pentru a reduce lățimea. Apoi situația reală apare atunci când browserul începe să reformeze conținutul pentru afișarea corectă.

Și se transferă transferul, care a fost prevăzut în exemplele descrise de mine. Cu toate acestea, dumneavoastră puteți să mutați fereastra de vizualizare, extinzându-l - îngustându-l și asigurați-vă vizual.

Bună ziua, Stimate site-ul de cititoare blog. Un pic mai devreme am reușit deja să vorbim despre dacă au aflat și despre designul în el. Astăzi avem conceptul de decalaj în HTML la rândul său, și totuși asociat cu formatarea codului atunci când îl scrieți (pentru confortul citirii și percepției ulterioare).

Ei bine, datorită faptului că vom atinge pe subiectul unui spațiu inseparabil și al unui transfer moale, va trebui să ne subliniem atenția asupra așa-numitelor mixi speciale sau mnemonice utilizate în limba HTML, ceea ce vă va permite să adăugați a o mulțime de caractere suplimentare la codul web, care pare a fi menționat mai sus. Dar mai întâi lucrurile mai întâi.

Spații și simboluri orb în HTML

Înainte de a trece la problema formatului de text utilizând etichete special concepute (paragraf, titluri etc.), vreau să mă opresc în acel moment, ca în limba HTML, spații, porturi de șir (Enter) și tabulare, cum să spargi textul în fereastra browserului la schimbarea dimensiunii sale.

Adevărat pentru acest tip de formatare vizuală (care nu va fi văzută pe pagina web) utilizează cel mai adesea golurile în sine, și anume filele și simbolurile de transfer de rând. Există o astfel de regulă - când începeți să scrieți imbricați Tag-ul HTML.T. faceți o liniuță în tab-uri (Tasta filă de pe tastatură) și când această etichetă este închisă, scoateți linia (comanda rapidă de la tastatură de pe tastatură).

Este necesar să faceți acest lucru astfel încât etichetele de deschidere și de închidere să fie la un nivel vertical (pe același număr de tabele de la marginea din dreapta a editorului HTML, de exemplu, Notepad ++, pe care am scris-o). În plus, vă sfătuiesc imediat după ce scrieți elementul de deschidere pentru a face mai multe porți de linie și înregistrați imediat la același nivel (numărul de tabele), astfel încât să nu uitați să o faceți.

Acestea. Elementele de deschidere și de închidere ar trebui să stea pe nivelul vertical, iar etichetele interne se schimbă la o ureche a filei și ne închidem și ne deschidem din nou la același nivel.

Pentru documente web simple, acest lucru poate părea excese, dar atunci când creați mai mult sau mai puțin complex, lor codul va fi mult mai vizual Și citit din cauza abundenței spațiilor, precum și a acestuia, va fi mult mai ușor să observăm erori datorită locației simetrice a etichetelor.

Mixere speciale sau mnemonice în codul HTML

Deci, acum să vorbim despre așa-numitul caractere speciale, comoditatea utilizării pe care am anunțat-o la începutul acestui articol. Amestecurile speciale sunt uneori numite mnemonice sau substituții. Acestea sunt destinate să rezolve destul de mult timp în limbajul de marcare hipertext asociat codificării utilizate.

Când introduceți textul de la tastatură, acesta codifică caracterele limbii dvs. printr-un algoritm predeterminat și apoi sunt afișate pe site folosind fonturile pe care le utilizați (unde găsiți și cum să instalați pentru site) prin decodare.

Codificarea există o mulțime, dar pentru limba HTML, o versiune extinsă a codificării a fost adoptată în mod implicit.

În acest text codifică, a fost posibil să se scrie doar 256 de caractere - 128 de la ASCII și alte 128 pentru scrisorile limbii ruse. Ca rezultat, a apărut o problemă utilizând semne pe site-uri care nu sunt incluse în ASCII și nu sunt scrisorile limbii rusești, care fac parte din windows Codificare 1251 (CP1251). Ei bine, ei au decis să folosească o tildă sau apostrofă, iar posibilitățile sunt inițial în limba HTML. Codificarea nu este pusă.

Pentru astfel de cazuri au fost inventate substituții sau, cu alte cuvinte, mnemonicile. Inițial mixerele speciale au avut un tip digital de înregistrareDar apoi pentru cele mai frecvente dintre ele, analogii lor au fost adăugați pentru simplitatea memorizării lor.

În înțelegerea generală, mnemonia este un astfel de semn care începe cu Ampersand "&" și se termină cu un punct cu o virgulă "; Este pe aceste semne un browser când hTML Parsing. Codul evidențiază specializarea de la aceasta. Imediat în spatele ampersandului în codul de substituție digitală ar trebui să urmeze semnul "#" Lattice, care este uneori numit hash. Și apoi codul digital simbolul dorit În Unicode codificare.

În Unicode, puteți scrie mai mult de 60.000 de caractere - principalul lucru este că simbolul mnemonic are nevoie să fiți acceptat de fontul utilizat pe site-ul dvs. Există fonturi cu suport pentru aproape toate semnele de codificare Unicode și există opțiuni numai cu un set specific de caractere.

Lista completă a specialistrilor va fi doar uriașă, dar cele mai frecvent utilizate mnemonics Puteți împrumuta, de exemplu, din acest tabel:

Cymolov.Codul HTML.Zecimal
Codul
Descriere
designul inspetentului
spațiu îngust (en-lățime în litera n)
lățime largă (EM-Wide în litera M)
- dash îngust (en-dash)
- lăchia largă (em -tir)
­ - ­ transferul soft.
dar ́ accent, pus după scrisoarea "șoc"
© © copywrites.
® ® ® semn de marcă înregistrat
semn de marcă
º º º spear Marsa.
ª ª ª oglindă Venus.
promill
π π π pi (utilizare. Ori nou. Român)
¦ ¦ ¦ vertical dottedier
§ § § paragraf
° ° ° gradul
µ µ µ semn "micro"
semnul de paragraf
punct
suprapuneri
´ ´ ´ semnul semnului
numărul semnului.
🔍 🔍 Magnaya (stânga înclinată)
🔎 🔎 MUPA (înclinat spre dreapta)
semne de operații aritmetice și matematice
× × × multiplica
÷ ÷ ÷ despică
< < mai puțin
> > > mai mult
± ± ± plus minus
¹ ¹ ¹ gradul 1.
² ² ² gradul 2.
³ ³ ³ gradul 3.
¬ ¬ ¬ negare
¼ ¼ ¼ sfert
½ ½ ½ o jumatate
¾ ¾ ¾ trei sferturi
trastul fracționat
minus
mai puțin sau egal
mai mult sau egal
aproximativ (aproape) este egal
nu este egal
identic
rădăcină pătrată (radicală)
infinit
semn semn
semn de muncă
diferențial parțial
integral
pentru toate (vizibile numai dacă este îndrăzneț)
există
set gol
Ø Ø Ø diametru
aparține
nu apartine
conține
este un subset
este o supertensiune
nu un subset
este un subset fie egal
este o supertensiune sau egală
plus într-un cerc
semnul de multiplicare într-o cană
perpendicular
unghi
logic I.
logical sau
trecere
o asociere
semnele valutare.
Rublă. Semnul ruble trebuie utilizat cu o pliere de la număr. Unicode 7.0 Standard. Dacă nu vedeți imaginea, actualizați fonturile Unicode.
Euro
¢ ¢ ¢ Cent
£ £ £ Livre
¤ ¤ ¤ Semn valutar.
¥ ¥ ¥ Jena și semnul de yuani
ƒ ƒ ƒ Florin Sign.
marcatori
. marker simplu
un cerc
· · · punct de mijloc.
traversa
dublu cruce
pEAKS
cluburi
inimile
diamante
romb
creion
creion
creion
mână
citate
" " " citate duble
& & & ampersand.
« « « citate tipografice stânga (citate-pom de Crăciun)
» » » citate tipografice dreapta (citind frica)
citează deschiderea cu un singur colț
citează un singur unghiular
cod de bare (minute, picioare)
cod de bare dublu (secunde, inci)
citate unică superioară stângă
citat superior superior
citat unic de jos
lady Foot.
cauldle-picior dreapta sus
cutter-picior dreapta jos
unică engleză Citând deschiderea
unică engleză care citează închiderea
double English Citate Deschidere
dublu englezesc care citează închiderea
săgeți
săgeată la stânga
săgeata în sus
săgeată spre dreapta
săgeată în jos
săgeată stânga și dreapta
săgeată în sus și în jos
Întoarcerea transportului
săgeată dublă la stânga
dublați săgeata în sus
dublă săgeată dreapta.
săgeată dublă în jos
dublu săgeată stânga și dreapta
săgeată dublă în sus și în jos
triunghiulară în sus săgeată
triunghiulară în jos
săgeata triunghiulară spre dreapta
săgeată triunghiulară la stânga
asteriscuri, fulgi de zăpadă
Om de zapada
Fulg de nea
Fluxul de zăpadă stoarse de arbori
Grăsime de zăpadă de zăpadă
Steaua touchy
Star crescut
Star crescut în cercul pictat
Stea cu un cerc imatur în interior
Rotatoare Star.
Distribuția stea albă
Cercul mediu nestractat
Cercul de dimensiuni medii
Sextil (tip de fulg de zăpadă)
Opt stea rotativă
Stea cu terminații sferice
Ansamblu de picături de picături de picătură
Șaisprezece stele
Twelve-Point Stacked Star
Steaua verticală cu opt vârfuri drepte
Sax-ascuns stea stivuită
Opt stea pictată drept
Steaua pictată cu opt ascuțite
Opt-stele ascuțite
Stea cu un centru imatur
O stele uleioase
A arătat o stea despachetată cu patru poziții
A arătat patru stele
Stea în cerc
Snowflake într-un cerc
ceas
Ceas
Ceas
Clepsidră
Clepsidră

Există destul de interesant metoda de primire codul HTML. Mnemonic Pentru semnul de care aveți nevoie. Pentru a face acest lucru, va fi suficient pentru a deschide microsoft Editor Cuvânt, creați. un nou document Și alegeți din "Inserare" din meniul de sus - "Simbol" (utilizează 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 oricare altul, care va ști cum să participe la majoritatea computerelor de vizitatori la site-ul dvs. - curier sau arial, de exemplu).

Adăugați din lista de listare la dvs. cuvânt de document. Toți specialiștii de care aveți nevoie și salvați acest document Word ca o pagină web (selectată din lista derulantă ".html" la salvare). Ei bine, și apoi veți rămâne doar deschiderea acestei pagini web în orice Editorul HTML. (Toate aceleași Notepad ++ este potrivit) și veți vedea toate codurile digitale ale mnemonicului de care aveți nevoie:

Metoda este un pic complicată, dar dacă aceasta transmite utilizarea unor speciale speciale speciale rare pe pagina site-ului dvs., va fi mai ușor decât să găsiți un tabel pe Internet, similar cu cel puțin mai mare. Trebuie să introduceți codul de cod special pentru a introduce în locația dorită și în locul acesteia de pe pagina Web Browserul va afișa semnul de care aveți nevoie (de exemplu, un spațiu in-existent).

Gapul inspetentic și transferul moale în exemple

Așa cum am menționat deja mai sus și cum puteți vedea din tabelele speciale de mai sus de simboluri speciale, unele mnemonice în HTML au ajuns decât pentru desemnarea simbolică digitală pentru memorarea lor mai simplă. Acestea. În loc de semnul zăbrelei "#" (hash), cuvintele sunt folosite în versiuni simbolice. De exemplu, toate aceleași decalaje integrate pot fi înregistrate fie (mnemonics digital), fie ca (simbolic).

Când scrieți articole, dacă aveți nevoie să introduceți un semn Ampersand (&) sau consola de colț de deschidere în textul documentului (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Acestea, dacă scrieți un articol în care va trebui să introduceți în text, de exemplu, afișarea etichetei< body> Sau trebuie doar să introduceți un semn mai mic (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Prin urmare, va trebui să introduceți următorul design pentru a rezolva o astfel de sarcină:

Același lucru este valabil și pentru numele codurilor mnemonice, pentru că încep cu Ampersand. Va trebui să introduceți codul la text cu înlocuirea semnului ampersand pe substituirea acestuia (specialist):

Va trebui să faceți pentru a ajunge pe pagină<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Veți folosi cel mai probabil un spațiu indiscutabil care va arăta ca un spațiu obișnuit pe pagina web, dar browser-ul nu o va percepe ca un simbol gol în general și nu va efectua transferul (De exemplu, va fi adecvat pentru astfel de fraze ca 1.400 GB, etc., care nu va distribui de preferință transferul de către diferite rânduri):

1400 GB.

Uneori poate exista o situație inversă atunci când există cuvinte foarte lungi în text și vreau să o fac astfel încât atunci când aveți nevoie de un browser ar putea sparge cuvântul prin transfer. Pentru astfel de scopuri există un "transfer moale" special -

Peclinul lung și shynoxo;

Dacă aveți nevoie să treceți la o altă linie, browserul, în loc de transfer monic mnemonic, va pune o cratimă și va trimite partea rămasă a cuvântului la următorul șir. Dacă există suficient spațiu pentru a găzdui întregul cuvânt pe o singură linie, atunci nu va exista nici un browser pentru a desena o linie. Așa este simplu.

Multă baftă! La întâlnirile ambigue pe site-ul web al blogului

S-ar putea să fiți interesat

Mailto - Ce este și cum să creați un link pentru a trimite un e-mail
Etichete și atribute ale antetelor H1-H6, linia orizontală HR, briefing RR și paragraful P conform HTML 4.01
Cum se introduce în link-ul HTML și imaginea (foto) - img și o etichete
Care este limba HTML HyperText Markup și cum se poate vedea lista tuturor etichetelor din validatorul W3C
Tag-uri de fonturi (față, dimensiune și culoare), blockquote și formatare text prealabilă în HTML pur (fără a utiliza CSS)
Deoarece culorile sunt setate în codul HTML și CSS, selecția nuanțelor RGB în tabele, emiterea de programe Yandex și alte programe
Comentarii și directive DOCTYPE în codul HTML, precum și conceptul de elemente de bloc și litere mici (etichete)
Listele din codul HTML - UL, OL, Li și DL etichete