Si të përktheni nbsp. Pse keni nevojë për një hapësirë ​​pa ndërprerje në html?

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

Epo, për shkak të faktit se do të prekim temën e hapësirës pa ndërprerje dhe vizatimit të butë, do të duhet të përqendrojmë vëmendjen tonë në të ashtuquajturat karaktere speciale ose mnemonikë të përdorur në gjuhën Html, të cilat do t'ju lejojnë të shtoni shumë karaktere shtesë në kodin e dokumentit në ueb, si ato të përmendura më lart. Por gjërat e para së pari.

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

Përpara se të kaloj në çështjen e formatimit të tekstit duke përdorur etiketa të krijuara posaçërisht për këtë (paragrafi, titujt, etj.), Dua të ndalem në mënyrën se si hapësirat, ndërprerjet e rreshtave (Enter) dhe tabelat interpretohen në gjuhën HTML dhe si është thyerja. teksti i kryer në dritaren e shfletuesit kur është ndryshuar përmasat.

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 nuk janë vetë hapësirat që përdoren, por karakteret e skedë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 duke përdorur skedat(tasti Tab në tastierë), dhe kur të mbyllni këtë etiketë, hiqni dhëmbëzimin (kombinimi i tasteve Shift+Tab në tastierë).

Kjo duhet të bëhet në mënyrë që etiketat e hapjes dhe mbylljes të jenë në të njëjtin nivel vertikal (në të njëjtin numër skedash nga skaji i djathtë i faqes në redaktorin tuaj Html, për shembull, Notepad ++, për të cilin kam shkruar). Përveç kësaj, ju këshilloj që menjëherë pas shkrimit të elementit hapës të bëni disa ndërprerje rreshtash dhe menjëherë të shkruani atë mbyllëse në të njëjtin nivel (numri i skedave), në mënyrë që të mos harroni ta bëni këtë më vonë.

Ato. elementët e hapjes dhe mbylljes duhet të jenë në të njëjtin nivel vertikalisht, dhe etiketat e brendshme duhet të zhvendosen me një karakter skedë dhe elementët mbyllës dhe hapës duhet të vendosen përsëri në të njëjtin nivel.

Për dokumente të thjeshta ueb kjo mund të duket si e tepruar, por kur krijohen pak a shumë komplekse, ato kodi do të bëhet 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ë dallohen gabimet për shkak të renditjes simetrike të etiketave.

Karaktere speciale ose mnemonikë në kodin HTML

Pra, tani le të flasim për të ashtuquajturat karaktere speciale, lehtësinë e përdorimit të të cilave 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 në tastierë, karakteret e gjuhës tuaj kodohen sipas një algoritmi të paracaktuar dhe më pas shfaqen në sajt duke përdorur fontet që përdorni (ku të gjeni dhe si të instaloni për sitin) për shkak të deshifrimit.

Ka shumë kodime, por për gjuhën Html versioni i zgjeruar i kodimeve u miratua 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 ruse. Si rezultat, u shfaq një problem me përdorimin në faqet e karaktereve që nuk përfshihen në ASCII dhe nuk janë shkronja ruse që janë pjesë e kodimit të Windows 1251 (CP1251). Epo, ju vendosët të përdorni një tildë ose një apostrof, por një mundësi e tillë nuk ishte përfshirë fillimisht në kodimin e përdorur nga gjuha Html.

Pikërisht për raste të tilla u shpikën zëvendësimet ose, me fjalë të tjera, mnemonikë. Fillimisht personazhet e veçanta kishin një formë dixhitale, por më pas për ato më të zakonshmet u shtuan homologët e tyre të shkronjave për t'i bërë më të lehta për t'u mbajtur mend.

Në terma të përgjithshëm, një kujtim është një karakter që fillon me një ampersand "&" dhe përfundon me një pikëpresje ";". Bazuar në këto karakteristika, shfletuesi, kur analizon kodin HTML, nxjerr karaktere të veçanta prej tij. Ampersand-i në kodin numerik të shkronjave të ngurta duhet të pasohet menjëherë nga një shenjë paund "#", e quajtur ndonjëherë një hash. Dhe vetëm atëherë ndjek kodin dixhital 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 vetëm me 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 mënyra për të marrë kodin kujtues HTML për shenjën që ju nevojitet. Për ta bërë këtë, thjesht hapni redaktorin e Microsoft Word, krijoni një dokument të ri dhe zgjidhni "Insert" - "Symbol" nga menyja e sipërme (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ë padyshim 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 të gjithë karakteret speciale që ju nevojiten nga lista që hapet në dokumentin tuaj Word dhe ruajeni këtë dokument Word si një faqe interneti (e zgjedhur nga lista rënëse “.html” kur ruani). Epo, atëherë gjithçka që duhet të bëni është të hapni këtë faqe në internet në çdo redaktues HTML (i njëjti Notepad ++ do të bëjë) dhe do të shihni të gjitha kodet dixhitale të kujtesës që ju nevojiten:

Metoda është pak e komplikuar, por nëse doni të përdorni ndonjë karakter të rrallë të veçantë në faqen tuaj të internetit, atëherë do të jetë më e lehtë sesa të kërkoni në internet për tabela si ajo e treguar më lart. Do t'ju duhet të ngjisni kodin e karakterit special që rezulton në vendin e duhur dhe në vend të tij në faqen e internetit, shfletuesi do të shfaqë karakterin që ju nevojitet (për shembull, një hapësirë ​​që nuk prishet).

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

Siç e përmenda edhe më lart dhe siç mund ta shihni nga tabela e karaktereve speciale të dhëna pak më sipër, disa mnemonikë në Html morën, përveç dixhitalit, edhe një emërtim simbolik për memorizimin më të lehtë. Ato. Në vend të shenjës hash "#" (hash), fjalët përdoren në variante simbolike. 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 të hapni kllapa këndore (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Kjo do të thotë, nëse jeni duke shkruar një artikull në të cilin do t'ju duhet të futni, për shembull, një shfaqje të etiketës në tekst< body>ose 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ë ngjashëm:

E njëjta gjë vlen edhe për shfaqjen e kodit të vetë kujtesës, pasi ato fillojnë me një ampersand. Do t'ju duhet të futni kodin në tekst, duke zëvendësuar shenjën ampersand me zëvendësimin e tij (karakter i veçantë):

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

Ju gjithashtu ka shumë të ngjarë 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ë kryejë transferta mbi të(për shembull, kjo do të jetë e përshtatshme për fraza të tilla si 1400 GB, etj., të cilat nuk do të ishte e këshillueshme të viheshin me vizë në vija të ndryshme):

1400 GB.

Ndonjëherë mund të lindë situata e kundërt, kur teksti përmban fjalë shumë të gjata dhe dëshironi të siguroheni që, nëse është e nevojshme, shfletuesi Mund t'i thyeja këto fjalë me vizë. 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ë përdorë një vizë në vend të vizës së butë mnemonic 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ë linjë. Është kaq e thjeshtë.

Paç fat! Shihemi së shpejti në faqet e faqes së 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 në Html për të dërguar një email
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

Të gjithë ata që u përpoqën krijoni faqe interneti në HTML u përball me këtë problem. Pothuajse te gjitha Etiketat HTML prerë hapësirat shtesë. Dhe këtë herë do t'ju jap një shembull të kësaj "prerjeje" dhe gjithashtu do t'ju tregoj se si të siguroheni që hapësirat të mos priten.

Le të fillojmë duke shkruar një të thjeshtë Kodi HTML:

Disa tekste Vazhdon...

Nëse shikoni rezultatin, do të shihni se të gjitha hapësirat tona janë prerë dhe ka mbetur vetëm një. Dhe pothuajse çdo etiketë e bën këtë.

Ka tre opsione shfaqin hapësira shtesë në HTML. Mënyra e parë është të përdorni një etiketë<para>:

Disa tekste Vazhdon...

Si rezultat, do të shihni se boshllëqet mbeten, dhe kjo është pikërisht ajo që ne donim.

Por ka një mënyrë tjetër që unë përdor rregullisht - entiteti "". Ky ent thjesht zëvendëson karakterin e hapësirës:

Disa tekste Vazhdon...

Si rezultat, do të shihni gjithashtu një seri të tërë hapësirash. Për mua, kjo metodë është më e mirë sepse nuk keni nevojë të përdorni etiketa shtesë. Por kjo është çështje shije. Ku nevojitet? hapësirë ​​shtesë në HTML, thjesht futni "" dhe shijoni rezultatin.

Dhe së fundi, mënyra e fundit është duke përdorur CSS. Për ta bërë këtë, ju vetëm duhet të shtoni këtë stil:

P(
hapësira e bardhë: para;
}

Kjo metodë është më e shpejta dhe më e lehta, megjithatë nuk e përdor, pasi në praktikën time janë të pakta rastet kur duhet të shtoj shumë hapësira të njëpasnjëshme. Dhe nëse ndodhin, atëherë unë përdor entitetin " " disa herë. Përveç kësaj, pronë e hapësirës së bardhë nuk mbështetet nga të gjithë shfletuesit (në veçanti, IE6 Dhe IE7 nuk mbështet), gjë që tashmë kufizon qëllimin e kësaj metode.

Në përgjithësi, për të përmbledhur:

1) Nëse ndonjë pjesë e tekstit tuaj përmban shumë hapësira në vende të ndryshme, atëherë përdorni etiketën<para>.

2) Nëse hasni një moment të vetëm diku ku keni nevojë për disa hapësira me radhë, atëherë përdorni entitetin "  ";

3) Nëse e gjithë faqja juaj përbëhet nga një mori hapësirash të njëpasnjëshme (edhe pse kjo ndodh jashtëzakonisht rrallë), atëherë përdorni pronën hapesire e bardhe me kuptim para.

Nëse dëshironi të dini më shumë rreth HTML, pastaj hidhini një sy kursit tim falas me një shembull të krijimit të një faqe interneti në HTML:

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 cilat simbole HTML përdoren përgjithësisht 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ë specialë (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 duhet të bëni një shënim të 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 ueb 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.

te 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 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 rreshtat poetikë do të shfaqen plotësisht në mënyrë korrekte në shfletues:

Kështu, kryhen ndërprerjet e nevojshme të linjës. 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ë Njihemi sapo fillojmë të punojmë me tekstin në redaktues dhe e formatojmë në formën e kërkuar. 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ë deshifrimit 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, se 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,