Karakteri i skedës html. Hapësirat dhe karakteret e hapësirës së bardhë në gjuhën HTML

Përshëndetje, të dashur lexues të faqes së blogut. Pak më herët, ne tashmë kemi arritur të flasim se si kemi mësuar edhe për dizajnin në të. Sot ne kemi nga ana tjetër konceptin e një hendeku në HTML, si dhe formatimin e kodit të lidhur me të gjatë shkrimit të tij (për lehtësinë e leximit dhe perceptimit të tij të mëvonshëm).

Epo, për faktin se do të prekim temën e hapësirës së pandërprerë dhe vizatimit të butë, do të duhet të përqendrojmë vëmendjen tonë në të ashtuquajturat karaktere speciale ose mnemonikë të përdorur në Gjuha HTML, i cili do t'ju lejojë të shtoni në kodin tuaj dokument në internet shume nga karaktere shtesë si ai i përmendur më lart. Por gjërat e para së pari.

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

Përpara se të kaloj në çështjen e formatimit të tekstit me ndihmën e etiketave të krijuara posaçërisht për këtë (paragrafi, titujt, etj.), Dua të ndalem në momentin se si interpretohen hapësirat, ndërprerjet e rreshtave (Enter) dhe tabelat në gjuhën HTML. , si kryhet zbërthimi teksti në dritaren e shfletuesit kur ndryshohet madhësia.

Vërtetë, për këtë lloj formatimi vizual (i cili nuk do të jetë i dukshëm në faqen e internetit), më së shpeshti ata përdorin jo vetë hapësirat, por karakteret e tabelës dhe ndërprerjes së rreshtit. Ekziston një rregull i tillë - kur filloni të shkruani një etiketë të mbivendosur Html, atëherë dhëmbëzimi me një skedë(tasti Tab në tastierë), dhe kur të mbyllni këtë etiketë, hiqni dhëmbëzimin (kombinimi i tastit Shift + Tab në tastierë).

Ju duhet ta bëni këtë në mënyrë të tillë që etiketat e hapjes dhe mbylljes të jenë në të njëjtin nivel vertikal (i njëjti numër skedash nga skaji i djathtë i faqes së redaktorit tuaj Html, për shembull, Notepad ++, të cilin e shkrova unë rreth). Për më tepër, ju këshilloj të bëni disa ndërprerje rreshtash menjëherë pas shkrimit të elementit hapës dhe menjëherë të shkruani elementin mbyllës në të njëjtin nivel (numri i skedave), në mënyrë që të mos harroni ta bëni më vonë.

ato. elementet e hapjes dhe mbylljes duhet të jenë në të njëjtin nivel vertikalisht, dhe ne i zhvendosim etiketat e brendshme me një karakter skedë dhe i vendosim elementet mbyllëse dhe hapëse përsëri në të njëjtin nivel.

Për ueb i thjeshtë dokumente, kjo mund të duket si e tepërt, por kur krijohen pak a shumë komplekse, ato kodi do të jetë shumë më i qartë dhe i lexueshëm për shkak të bollëkut të hapësirave, dhe gjithashtu do të jetë shumë më e lehtë të vërehen gabime në të për shkak të rregullimit simetrik të etiketave.

Karaktere speciale ose mnemonikë në kodin HTML

Pra, tani le të flasim për të ashtuquajturat personazhe të veçanta, përdorshmërinë e së cilës e njoftova në fillim të këtij artikulli. Karakteret e veçanta quhen ndonjëherë edhe mnemonikë ose zëvendësime. Ato synojnë të zgjidhin një problem që ka lindur në gjuhën e shënjimit të hipertekstit për një kohë të gjatë, lidhur me kodimet e përdorura.

Kur shkruani tekst nga tastiera, karakteret e gjuhës suaj kodohen paraprakisht algoritmi i vendosur, dhe më pas ato shfaqen në sajt duke përdorur fontet që përdorni (ku të gjeni dhe si të instaloni për sajtin) për shkak të deshifrimit.

Ka shumë kodime, por për gjuhën Html, një version i zgjeruar i kodimeve është miratuar si parazgjedhje.

Në këtë kodim teksti, ishte e mundur të shkruani vetëm 256 karaktere - 128 nga ASCII dhe 128 të tjera për shkronjat e gjuhës ruse. Si rezultat, u shfaq një problem me përdorimin e karaktereve në faqet që nuk përfshihen në ASCII dhe nuk janë shkronja të gjuhës ruse që janë pjesë e Enkodimet e Windows 1251 (CP1251). Epo, ju ka shkuar në mendje të përdorni një tildë ose një apostrof, dhe mundësitë e një të tillë fillimisht në gjuhën e përdorur Kodimi HTML nuk përfshihen.

Pikërisht për raste të tilla u shpikën zëvendësimet, ose me fjalë të tjera, mnemonikë. Fillimisht kishte karaktere të veçanta pamje dixhitale rekorde, por më pas për më të zakonshmet prej tyre, homologët e tyre alfabetik u shtuan për t'i mbajtur mend më lehtë.

AT mirëkuptim i përbashkët, një kujtim është një karakter që fillon me një ampersand "&" dhe mbaron me një pikëpresje ";". Është mbi këto arsye që shfletuesi, kur analizon kodin Html, nxjerr karaktere speciale prej tij. Ampersand-i në kodin e zëvendësimit numerik duhet të ndiqet menjëherë nga shenja e paundit "#", e cila nganjëherë quhet hash. Dhe vetëm atëherë ndjek kodin numerik të karakterit të dëshiruar në kodimin Unicode.

Më shumë se 60,000 karaktere mund të shkruhen në Unicode - gjëja kryesore është që simboli mnemonik që ju nevojitet mbështetet nga fonti i përdorur në faqen tuaj. Ka fonte që mbështesin pothuajse të gjithë karakteret e Unicode, dhe ka opsione me vetëm një grup të caktuar karakteresh.

Lista e plotë e personazheve speciale do të jetë thjesht e madhe, por mnemonikët më të përdorur ju mund të huazoni, për shembull, nga kjo tabelë:

Ka mjaft interesante si të merrni kodin Mnemonikë HTML për personazhin që ju nevojitet. Për ta bërë këtë, do të jetë e mjaftueshme për të hapur Redaktori i Microsoft fjalë, krijoj dokument i ri dhe zgjidhni nga menyja kryesore"Insert" - "Symbol" (Unë përdor versionin 2003, kështu që nuk di si të bëj një operacion të ngjashëm në versionet e mëvonshme).

Në dritaren që hapet, duhet të zgjidhni një font, për shembull, Times New Roman (ose ndonjë tjetër që me siguri do të jetë i pranishëm në shumicën e kompjuterëve të vizitorëve të faqes suaj - Courier ose Arial, për shembull).

Shtoni nga lista që hapet në tuaj dokument word të gjithë karakteret speciale që ju nevojiten dhe ruajeni këtë dokument Word si një faqe interneti (të zgjedhur nga lista rënëse ".html" kur ruani). Epo, atëherë thjesht duhet ta hapni këtë faqe interneti në ndonjë Redaktori HTML(të njëjtën gjë do të bëjë Notepad ++) dhe do të shihni gjithçka kodet dixhitale Mnemonikët që ju nevojiten:

Metoda është pak e komplikuar, por nëse ju pëlqen të përdorni ndonjë simbol të rrallë të veçantë në faqen e faqes tuaj, atëherë do të jetë më e lehtë sesa të kërkoni tabela në internet si ajo e mësipërme. Do t'ju duhet të futni kodin e karakterit special që rezulton Vendi i duhur dhe në vend të tij në faqen e internetit, shfletuesi do të shfaqë karakterin që ju nevojitet (për shembull, një hapësirë ​​pa ndërprerje).

Hapësirë ​​që nuk prishet dhe viza e butë në shembuj

Siç e përmenda më lart dhe siç mund ta shihni nga tabela e karaktereve speciale pak më lart, disa mnemonikë në HTML morën, përveç dixhitalit, edhe një emërtim simbolik për më shumë memorizimi. ato. në vend të shenjës së paundit "#" (hash) në variantet e karaktereve përdoren fjalë. Për shembull, e njëjta hapësirë ​​e pandërprerë mund të shkruhet ose si (mnemonike dixhitale) ose si (karakter).

Kur shkruani artikuj, nëse keni nevojë të vendosni një ampersand (&) ose një kllapë këndi të hapur (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Kjo do të thotë, nëse jeni duke shkruar një artikull në të cilin do t'ju duhet të futni në tekst, për shembull, etiketën e shfaqjes< body>ose përndryshe thjesht duhet të futni një shenjë më pak se (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Prandaj, do t'ju duhet të futni konstruksionin e mëposhtëm për të zgjidhur një problem të tillë:

E njëjta gjë vlen edhe për shfaqjen e kodit të vetë kujtesës, sepse ato fillojnë me një ampersand. Ju do të duhet të futni një kod në tekst me zëvendësimin e shenjës ampersand me zëvendësimin e tij (karakter i veçantë):

Kjo duhet të bëhet për të hyrë në faqe<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Gjithashtu, me shumë mundësi do të përdorni një hapësirë ​​pa ndërprerje, e cila do të duket si një hapësirë ​​e rregullt në një faqe interneti, por shfletuesi nuk do ta trajtojë atë fare si një karakter hapësinor dhe nuk do të transferohet mbi të(për shembull, kjo do të ishte e përshtatshme për fraza të tilla si 1400 GB, etj., të cilat nuk do të ishte e dëshirueshme të mbani një vizë në vija të ndryshme):

1400 GB.

Ndonjëherë mund të lindë situata e kundërt, kur ka fjalë shumë të gjata në tekst dhe dëshironi të siguroheni që, nëse është e nevojshme, shfletuesi mund t'i thyente këto fjalë me një transferim. Për qëllime të tilla, sigurohet një simbol i veçantë "transferim i butë" -

Fjalë e gjatë, e gjatë;

Kur bëhet e nevojshme të kaloni në një rresht tjetër, shfletuesi do të vendosë një vizë në vend të mnemonic me mbështjellës të butë dhe do të dërgojë pjesën tjetër të fjalës në rreshtin tjetër. Nëse ka hapësirë ​​të mjaftueshme për të vendosur të gjithë këtë fjalë në një rresht, atëherë shfletuesi nuk do të tërheqë asnjë vijë të re. Kjo është ajo, është e thjeshtë.

Paç fat! Shihemi së shpejti në faqen e faqeve të blogut

Mund të shikoni më shumë video duke shkuar te

Ju mund të jeni të interesuar

MailTo - çfarë është dhe si të krijoni një lidhje emaili në Html
Etiketat dhe atributet e titujve H1-H6, vija horizontale Hr, thyerja e rreshtit Br dhe paragrafi P sipas standardit Html 4.01
Si të futni një lidhje dhe një fotografi (foto) në etiketat HTML - IMG dhe A

Përshëndetje, të dashur lexues të faqes së blogut! Ata që të paktën sipërfaqësisht arritën të njiheshin, me siguri, tashmë e kanë marrë parasysh, megjithëse në terma të përgjithshëm. Kjo do të thotë se ata kanë një ide se cilat karaktere HTML përdoren përgjithësisht në kodin e dokumentit.

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

Në fakt, unë do të 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 për të përfunduar studimin e 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, duhet bërë një vërejtje e rëndësishme. Ka çelësa të veçantë në tastierën e kompjuterit që ju lejojnë të zbatoni ndarjen e tekstit (më shumë për këtë më poshtë). Megjithatë, vetëm shiriti i gjerë i hapësirës siguron një ndarje midis fjalëve, jo vetëm në redaktues, por edhe në dritaren e shfletuesit. Ka nuanca kur mbështillni linjat dhe futeni nga buza.

Siç e dini, shfaqja e elementeve të caktuara në një shfletues ueb përcaktohet nga etiketat. Për formatimin e tekstit, përdoret një i njohur, i cili është i bazuar në bllok. Kjo do të thotë, përmbajtja e tij ndodhet në të gjithë gjerësinë e disponueshme.

te mbështillni rreshtat brenda paragrafit P, ju duhet të përdorni një etiketë të vetme BR, me të cilën mund të bëhet kjo. Le të themi se duhet të fusim në tekst disa rreshta nga një poezi që shkruajmë në një redaktues teksti:

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 në shfletues rreshtat poetikë do të shfaqen mjaft saktë:

Kështu, përfundojnë ndërprerjet e nevojshme të linjës. Këtu është gjithashtu e nevojshme të theksohet një veçori e tillë që hapësirat e shumta që pasojnë 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ë njihemi sapo fillojmë të punojmë me tekstin në redaktues dhe e formatojmë në mënyrë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:

• Hapësirë ​​- çelësi më i gjerë në një tastierë kompjuteri (pa një mbishkrim);
• Tabela - 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, ne marrim rezultatin përfundimtar të dëshiruar jo vetëm në një redaktues teksti, por edhe në një shfletues, vetëm kur përdorni çelësin e parë. Të tre çelësat (duke përfshirë ndarjen e skedës dhe rreshtit) janë të dobishëm kur formatoni kodin HTML. Le të themi se kështu duket një pjesë e kodit në NotePad ++ (material shpjegues për këtë redaktues) 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 shënojnë indencat e krijuara me tastin Tab dhe karakteret CR dhe LF shënojnë ndërprerjet e rreshtave të bëra me tastin Enter.

Shihen kontejnerët e mbivendosur, etiketat e hapjes dhe mbylljes dallohen mirë. 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ë kuptueshme 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ë stilit, mund ta nënshtroni duke hequr të gjitha hapësirat nga kodi. Kjo është e nevojshme për t'u 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ë referuara si mnemonikë, u prezantuan për të zgjidhur një problem të gjatë të kodimit në gjuhën e shënjimit të hipertekstit.

Kur shkruani tekst në tastierë, karakteret e gjuhës që po përdorni kodohen. Në një shfletues ueb, teksti i shtypur do të jepet në fontet që zgjidhni si rezultat i operacionit të dekodimit të kundërt.

Fakti është se kodime të tilla ka shumë, tani nuk kemi synim t'i analizojmë në detaje. Thjesht secilës prej tyre mund t'i mungojnë disa karaktere, të cilat, megjithatë, duhet të shfaqen. Le të themi se ju pëlqen të shkruani thonjëza të vetme ose një shenjë theksi, dhe këto ikona mungojnë në grup.

Për të eliminuar këtë problem, u prezantua një sistem i karaktereve speciale, 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 vërtetë:

Por pas ca kohësh, simboleve më të zakonshme iu caktuan homologë të mirëfilltë (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 gjeni 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, atëherë keni marrë konfirmimin e fjalëve që thashë më lart se për të shfaqur të gjithë karakteret speciale, përdoret një kod numerik () ose analog i tij alfabetik (karakter mnemonik), ku shkruhen shkronjat () në vend të një kombinimi të rrjetës dhe numrave.

Tani le të shohim se kur është e nevojshme të zbatohen këto kode. Le të themi se në një artikull duhet të specifikoni disa etiketa HTML për qëllime informative, për shembull,