Karakteri i skedës HTML. Formatimi HTML

Kur dokumenti shfaqet në ekran, hapësirat dhe linjat boshe nuk ruhen, përveç tekstit të mbyllur në etiketa PARA(tekst i paraformatuar). Kjo do të thotë, çdo sekuencë e hapësirave, skedave dhe vijave boshe është e barabartë me një hapësirë ​​të vetme në skedar HTML. Nga ana tjetër, hapësira e bardhë në një skedar HTML mund të përfaqësohet duke përdorur çdo numër hapësirash ose vija të reja (bosh).

Afati newlin(vija e re) përdoret për të shënuar TEORIKIKisht fundin e një rreshti. SGML specifikon se një rresht (rekord) duhet të fillojë me një karakter të fillimit (linja e re - furnizimi i linjës, LF, kodi ASCII 10) dhe të përfundojë me një fund të karakterit të regjistrimit (kthimi i transportit, CR, ASCII 13). Në praktikë, dokumentet HTML jepen dhe transmetohen duke përdorur një paraqitje të linjës së re në përputhje me sistemet e dhëna kompjuterike. Prandaj, shfletuesit HTML lejojnë mbështetjen për cilindo nga tre paraqitjet e zakonshme të ndarjes së rreshtave, të shënuar me sekuencën CR LF, vetëm CR, ose vetëm LF, dhe bazuar në këtë supozim ata theksojnë gabimet në paraqitjen e karaktereve kryesore dhe pasuese të një regjistrimi. .

Kështu, nuk ka rëndësi se si e ndani tekstin në rreshta, pasi një furnizim rreshti është ekuivalent me një hapësirë. Vini re, megjithatë, se nuk duhet të ndani një fjalë në dy rreshta në HTML. Nëse, për shembull, e ndani fjalën ndërkombëtare në dy rreshta, siç tregohet më poshtë:

kjo do të interpretohet si

Kështu, për të paraqitur dokumentin tuaj në mënyrë logjike, duhet të përdorni etiketat HTML si p.sh P ose BR për të siguruar një furnizim të linjës nëse është e nevojshme.

Në përgjithësi, shfletuesit nuk i ndajnë fjalët në dy rreshta, përveç nëse fjala përmban një vijë ndarëse. Specifikimet e referencës HTML 3.2 nuk janë shumë të sakta në lidhje me këtë çështje dhe kur diskutohet seksioni i tabelës, jepet sa vijon:

Për disa agjentë përdorues, mund të jetë e nevojshme ose e dëshirueshme të përkthehet një varg brenda një fjale. Në raste të tilla, këshillohet që të verifikoni vizualisht nëse kjo ka ndodhur.

Kujdes nga gjatësia e linjës është përtej kontrollit tuaj. Kjo varet nga shfletuesi, kompjuteri dhe cilësimet e bëra nga njerëzit që shikojnë dokumentin tuaj. Në përgjithësi, nuk ka asnjë mënyrë për të parandaluar ndërprerjet e rreshtave midis fjalëve, por mund të përpiqeni të parandaloni ndërprerjet e rreshtave duke përdorur hapësira të vazhdueshme.

Për sa i përket përdorimit të linjës së re në kombinim me etiketat HTML, ekzistojnë rregulla të veçanta:

• Ndërprerjet e linjës menjëherë pas etiketës së fillimit nuk merren parasysh. Për shembull, linjat
• Po kështu, ndërprerja e linjës që i paraprin etiketës fundore nuk merret parasysh. Për shembull, linjat

Karakteri i skedës horizontale (HT) mund të përdoret në një dokument HTML. Por brenda elementit PARA Karakteri i skedës ka një interpretim të veçantë, është ekuivalent me një hapësirë ​​dhe nuk përmban asnjë lloj informacioni të skedës. (Për të përfaqësuar të dhënat e tabeluara, përdorni elementin tabela.) Praktikisht është më mirë të shmangni përfshirjen e karaktereve të skedës në kodin HTML dhe të përdorni një sasi të përshtatshme hapësirash nëse keni nevojë të formatoni kodin burimor dokument HTML në formë tabelare.

Etiketa specifikon një karakter tab në tekst. Është e ngjashme me përdorimin e sekuencës /t escape.

1 2 3\t\t\t4
Shfaqet:
1 2 3 4

Distanca me të cilën linja do të zhvendoset kur një karakter skedë futet në të mund të vendoset në mënyrë arbitrare. Për këtë përdoret atributi TABSTOPS i etiketës.

Etiketa nuk është një etiketë standarde HTML. Ai u shtua në etiketat e shënimit Flash për të ndihmuar në formatimin e tekstit në një mënyrë të qëndrueshme.

Etiketo...

Etiketa është përgjegjëse për karakteristikat e formatimit të tekstit siç janë margjinat, dhëmbëzimi dhe zhvendosjet e rreshtave. Atributet e mëposhtme mund të specifikohen në të:

MARGINA E MJET. Madhësia e marzhit të majtë në pikë. Një analog është vetia e margjinës së majtë të klasës TextFormat.

MARGINA E DJATHTË. Vlera e marzhit të djathtë në pikë është vetia e marzhit të djathtë të klasës TextFormat.

INDENT. Shënoni me pikë rreshtin e parë të një paragrafi. Ndër vetitë e klasës TextFormat, ajo është e ngjashme me vetinë indent.

BLOCKINDENT.

Dhënia e një paragrafi teksti në të majtë në pikë. Vetia analoge - blockIndent
Formati i tekstit të klasës.

UDHËHEQËS. Distanca ndërmjet vijave në pika. Një veti e ngjashme e klasës TextFormat është drejtuese.

TABSTOPS. Atributi specifikon se çfarë zhvendosjeje të vijës në pika do të shkaktojë çdo karakter skedë në sekuencë. Vlera e saj është një listë numrash që përcaktojnë distancat me të cilat rreshti do të lëvizë në dritare nëse 1, 2, 3, ... n karaktere të skedës janë shtypur në një rresht. Një analog i atributit TABSTOPS është vetia tabStops e klasës TextFormat.

pole.html=pole.border=pole.multiline=true;
pole.htmlText="

0din tabR> Dy tabR>
Tre Taberët>

Etiketa nuk është një etiketë standarde HTML. U prezantua në mënyrë që aftësia për të shënuar tekstin duke përdorur etiketa është e ngjashme me përdorimin e vetive të klasës Format Teksti.

Etiketo...

Etiketë projektuar për aplikim në klasë Stilimi CSS në lidhje me një fragment teksti arbitrar.

Emri i klasës është specifikuar në atributin e saj CLASS.

This.createTextField("pole", 0, 150, 150, 200, 90);
pole.autoSize = pole.border=pole.multiline=true;
// Krijoni tre stile klasash që përcaktojnë tekstin e kuq, jeshil dhe blu
var style:TextField.Stylesheet = New TextField.Stylesheet();
var green_text:String = ".GREEN (ngjyra:#00FF00)";
var red_text:String = ".KUQ (ngjyra:#FF0000)";
var blue_text:String = ". BLU (ngjyra:#0000FF)";
style.parseCSS(teksti_gjelbër+teksti_kuq+teksti_blu);
pole.styleSheet=style;
// Shfaq tekstin me stilet e krijuara
pole.text = " 3 Teksti i gjelbër

Teksti i kuq
Teksti blu ";

Përshëndetje, të dashur lexues të faqes së blogut! Ata që të paktën sipërfaqësisht janë familjarizuar me të, ndoshta tashmë e kanë marrë parasysh, megjithëse në terma të përgjithshëm. Kjo do të thotë se ata kanë një ide se çfarë lloji karaktere HTML përdoren në kodin e dokumentit.

Në artikullin e sotëm do të përpiqemi të kuptojmë se çfarë është një hapësirë ​​në HTML dhe në cilat raste mund të përdorni karaktere të hapësirës së bardhë kur formatoni vetë kodin për lexim të lehtë. Ne do të zbulojmë se kur është e nevojshme të përdorim një hapësirë ​​pa ndërprerje, dhe gjithashtu të njihemi me personazhe të tjerë të veçantë (ose, siç quhen gjithashtu, mnemonikë).

Në fakt, unë do t'ju këshilloja të mos e injoroni temën e përdorimit të karaktereve të ndryshme speciale, pasi ky është një komponent i rëndësishëm që ju lejon të përfundoni studimin tuaj të gjuhës së shënjimit të hipertekstit. Në përgjithësi, informacioni i dhënë në këtë botim nuk do të jetë patjetër i tepërt. Epo, tani tek pika.

Hapësirat dhe karakteret e hapësirës së bardhë në HTML

Së pari ju duhet të bëni shënim i rëndësishëm. Ka çelësa të veçantë në një tastierë kompjuteri që ju lejojnë të ndani tekstin (më shumë për këtë më poshtë). Sidoqoftë, vetëm një shirit i gjerë hapësinor siguron ndarje midis fjalëve jo vetëm në redaktues, por edhe në dritaren e shfletuesit. Ka nuanca kur thyhen linjat dhe futen nga skajet.

Siç e dini, shfaqja e elementeve të caktuara në një shfletues në internet përcaktohet nga etiketat. Për të formatuar tekstin, përdoret e njohura , e cila është e bazuar në bllok. Kjo do të thotë, përmbajtja e tij ndodhet në të gjithë gjerësinë e disponueshme.

për të mbështillni rreshtat brenda paragrafit P, ju duhet të përdorni një etiketë të vetme BR, me të cilën mund ta bëni këtë. Le të themi se duhet të fusim në tekst disa rreshta nga një poezi në të cilën shkruajmë redaktori i tekstit:

Përkundër faktit se rreshtat e vargut janë të vendosura saktë dhe vizat janë bërë në vendet e duhura, gjithçka do të duket ndryshe në shfletuesin:

Për të arritur të njëjtin shfaqje në një dritare të shfletuesit të internetit, duhet të shkruani BR në çdo ndërprerje të rreshtit:

Tani e kemi arritur detyrën dhe rreshtat poetikë do të shfaqen plotësisht në mënyrë korrekte në shfletues:

Kështu, transferimet e nevojshme linjat janë përfunduar. Një veçori tjetër që duhet theksuar këtu është se hapësirat e shumta që vijnë njëra pas tjetrës shfaqen nga shfletuesi i internetit si një. Ju mund ta verifikoni këtë nëse në të njëjtin redaktues përpiqeni të vendosni jo një, por disa hapësira midis dy fjalëve dhe, duke klikuar në butonin "Ruaj", shikoni rezultatin në shfletues.

Hapësira, skeda dhe ndërprerja e rreshtit

Në thelb, me këto karaktere të hapësirës së bardhë ne njihemi sapo fillojmë të punojmë me tekstin në redaktues dhe e formatojmë atë në formën e duhur. Për të zbatuar një detyrë të tillë, ekzistojnë çelësa të veçantë, secila prej të cilave korrespondon me karakterin e vet hapësinor:

• Spacebar është çelësi më i gjerë në një tastierë kompjuteri (pa etiketë);
• Tab - një çelës në të majtë me mbishkrimin "Tab" dhe dy shigjeta që tregojnë drejtime të ndryshme;
• Ndërprerja e linjës - tasti "Enter".

Sidoqoftë, siç thashë më lart, rezultatin përfundimtar të dëshiruar e marrim jo vetëm në një redaktues teksti, por edhe në një shfletues, vetëm kur përdorim çelësin e parë. Të tre çelësat (përfshirë skedën dhe ndërprerjen e rreshtit janë të dobishëm kur formatoni kodin HTML. Le të themi se kështu duket një fragment kodi në NotePad++ (ka shumë informacion rreth këtij redaktuesi) kur shfaqen të gjitha karakteret e hapësirës së bardhë:

Ne marrim kod që është i lehtë për t'u lexuar dhe kuptuar falë hapësirave. Shigjetat portokalli tregojnë dhëmbëzimet e krijuara duke përdorur tastin Tab dhe simbolet CR dhe LF tregojnë ndërprerjet e linjës të krijuara duke përdorur tastin Enter.

Shihen kontejnerët e vendosur brenda njëri-tjetrit dhe etiketat e hapjes dhe mbylljes janë qartë të dukshme. Në këtë formë, ky kod mund të modifikohet lehtësisht. Tani krahasojeni atë me të njëjtin kod, i cili nuk ka një ndarje të tillë teksti:

Në të njëjtën mënyrë, duke përdorur karaktere të hapësirës së bardhë, mund të shkruani rregulla CSS që vizualisht do të duken të qarta dhe të tretshme:

Pasi t'i sillni të gjitha stilet në një emërues të përbashkët dhe të përfundoni plotësisht redaktimin e skedarit të stileve, mund të kryeni redaktimin duke hequr të gjitha hapësirat nga kodi. Kjo është e nevojshme për të rritur, gjë që është shumë e rëndësishme kur promovoni një burim.

Karaktere speciale (ose mnemonikë) në kodin HTML

Tani le të shohim rastet në të cilat është e nevojshme të përdoren karakteret speciale që përmenda në fillim të artikullit. Karakteret speciale HTML, nganjëherë të quajtura mnemonikë, u prezantuan për të zgjidhur një problem të gjatë me kodimet që u shfaqën në gjuhën e shënjimit të hipertekstit.

Kur shkruani tekst në tastierë, karakteret e gjuhës që po përdorni kodohen. Në shfletuesin e internetit, teksti i shtypur do të shfaqet duke përdorur fontet që keni zgjedhur si rezultat i operacionit të dekodimit të kundërt.

Fakti është se ka shumë kodime të tilla, tani nuk kemi synim t'i analizojmë ato në detaje. Thjesht secilës prej tyre mund t'i mungojnë disa simbole, të cilat, megjithatë, duhet të shfaqen. Le të themi se ndjeni dëshirën për të shkruar thonjëza të vetme ose një theks, por këto ikona thjesht nuk përfshihen në grup.

Për të eliminuar këtë problem, u prezantua një sistem simbolesh të veçanta, i cili përfshin një numër të madh të mnemonikëve të ndryshëm. Të gjitha fillojnë me një ampersand "&" dhe zakonisht përfundojnë me një pikëpresje ";". Në fillim, çdo personazh i veçantë kishte kodin e tij dixhital. Për shembull, për një hapësirë ​​që nuk prishet, të cilën do ta shqyrtojmë më në detaje më poshtë, hyrja e mëposhtme do të jetë e vlefshme:

Por pas ca kohësh, simboleve më të zakonshme iu caktuan analoge të shkronjave (mnemonikë) për t'i bërë më të lehta për t'u mbajtur mend. Le të themi se për të njëjtën hapësirë ​​pa thyerje duket kështu:

Si rezultat, shfletuesi shfaq simbolin përkatës. Lista e mnemonikëve është shumë voluminoze, karakteret speciale më të përdorura në HTML mund ta zbuloni nga tabela e mëposhtme:

Rastet e përdorimit të disa karaktereve të veçanta, duke përfshirë hapësirën që nuk thyhet dhe vizën e butë

Nëse tashmë e keni studiuar pak tabelën, keni marrë konfirmimin e asaj që thashë më sipër, që për të shfaqur të gjithë karakteret speciale, përdoret një kod dixhital () ose analog alfabetik i tij (mnemonikë simbolike), ku në vend të një grupi hash. shkruhen shenjat dhe numrat, shkronjat ().

Tani le të shohim se kur t'i përdorim këto kode. Le të themi se në një artikull ju duhet të tregoni disa etiketa HTML për qëllime informative, për shembull,