Kā tulkot nbsp. Kāpēc html ir nepieciešama nepārkāpjoša atstarpe?

Sveiki, dārgie emuāra vietnes lasītāji. Nedaudz agrāk mēs jau paspējām par to runāt, kā arī uzzinājām par dizainu tajā. Šodien mums savukārt ir HTML atstarpes jēdziens, kā arī ar to saistītais koda formatējums, to rakstot (tā turpmākās lasīšanas un uztveres ērtībai).

Nu, sakarā ar to, ka mēs pieskarsimies tēmai par nelaužamo atstarpi un mīksto defisi, mums būs jākoncentrē uzmanība uz tā sauktajām īpašajām rakstzīmēm jeb mnemoniķiem, kas tiek lietoti HTML valodā, kas ļaus jums pievienot daudzas papildu rakstzīmes tīmekļa dokumenta kodam, piemēram, tās, kas jau tika minētas iepriekš . Bet vispirms vispirms.

Atstarpes un atstarpes rakstzīmes HTML

Pirms pāriet pie jautājuma par teksta formatēšanu, izmantojot speciāli šim nolūkam paredzētus tagus (rindkopa, virsraksti utt.), es vēlos pakavēties pie tā, kā HTML valodā tiek interpretētas atstarpes, rindiņu pārtraukumi (Enter) un tabulēšana un kā notiek laušana. veiktais teksts pārlūkprogrammas logā, kad tiek mainīts tā izmērs.

Tiesa, šāda veida vizuālajam formatējumam (kas nebūs redzams tīmekļa lapā) visbiežāk tiek izmantotas nevis pašas atstarpes, bet gan tabulēšanas un rindiņas pārtraukuma rakstzīmes. Ir tāds noteikums – kad sāc rakstīt ligzdotu Html tagu, tad atkāpe, izmantojot cilnes(Tab taustiņu uz tastatūras), un, aizverot šo tagu, noņemiet atkāpi (taustiņu kombinācija Shift+Tab uz tastatūras).

Tas jādara tā, lai sākuma un aizvēršanas tagi būtu vienā vertikālā līmenī (jūsu HTML redaktorā, piemēram, Notepad++, par kuru es rakstīju, no lapas labās malas vienādās cilnēs). Turklāt es iesaku uzreiz pēc sākuma elementa rakstīšanas veikt vairākus rindiņu pārtraukumus un nekavējoties rakstīt noslēdzošo vienā līmenī (ciļņu skaits), lai neaizmirstu to izdarīt vēlāk.

Tie. sākuma un aizvēršanas elementiem ir jāatrodas vienā līmenī vertikāli, un iekšējie tagi ir jānobīda par vienu cilnes rakstzīmi un atkal jānovieto aizvēršanas un atvēršanas tagi vienā līmenī.

Vienkāršiem tīmekļa dokumentiem tas var šķist pārspīlēti, taču, veidojot vairāk vai mazāk sarežģītus, tie tiek darīti kods kļūs daudz skaidrāks un salasāms atstarpju pārpilnības dēļ, kā arī būs daudz vieglāk pamanīt kļūdas simetriskā tagu izvietojuma dēļ.

Speciālās rakstzīmes vai mnemonika HTML kodā

Tātad, tagad parunāsim par tā sauktajām īpašajām rakstzīmēm, par kuru lietošanas ērtumu es paziņoju šī raksta sākumā. Speciālās rakstzīmes dažreiz sauc arī par mnemoniku vai aizstāšanu. Tie ir paredzēti, lai atrisinātu problēmu, kas ilgstoši radusies hiperteksta iezīmēšanas valodā, kas saistīta ar izmantotajiem kodējumiem.

Kad jūs ierakstāt tekstu uz tastatūras, jūsu valodas rakstzīmes tiek kodētas saskaņā ar iepriekš noteiktu algoritmu, un pēc tam tās tiek parādītas vietnē, izmantojot jūsu izmantotos fontus (kur atrast un kā instalēt vietnei) dekodēšanas dēļ.

Kodējumu ir daudz, taču Html valodai pēc noklusējuma tika pieņemta paplašināta kodējumu versija.

Šajā teksta kodējumā bija iespējams ierakstīt tikai 256 rakstzīmes - 128 no ASCII un vēl 128 krievu burtiem. Rezultātā radās problēma, izmantojot vietnēs rakstzīmes, kas nav iekļautas ASCII un nav krievu valodas burti, kas ir daļa no Windows kodējuma 1251 (CP1251). Nu, jūs nolēmāt izmantot tildi vai apostrofu, taču šāda iespēja sākotnēji nebija iekļauta HTML valodas izmantotajā kodējumā.

Tieši šādiem gadījumiem tika izgudroti aizvietojumi vai, citiem vārdiem sakot, mnemonika. Sākotnēji īpašajām rakstzīmēm bija digitāla forma, bet pēc tam visizplatītākajiem tika pievienoti to burtu ekvivalenti, lai tos būtu vieglāk atcerēties.

Vispārīgi runājot, mnemonika ir rakstzīme, kas sākas ar & un beidzas ar semikolu ";". Pamatojoties uz šīm īpašībām, pārlūkprogramma, parsējot HTML kodu, izvelk no tā speciālās rakstzīmes. Ciparu aizstājējzīmes kodā & & rakstzīmei uzreiz ir jāpievieno mārciņas zīme “#”, ko dažreiz sauc par jaucējzīmi. Un tikai pēc tam seko vajadzīgās rakstzīmes digitālais kods Unicode kodējumā.

Unikodā var ierakstīt vairāk nekā 60 000 rakstzīmju - galvenais, lai jums nepieciešamo mnemonisko simbolu atbalstītu jūsu vietnē izmantotais fonts. Ir fonti, kas atbalsta gandrīz visas unikoda rakstzīmes, un ir opcijas tikai ar noteiktu rakstzīmju kopu.

Pilns īpašo rakstzīmju saraksts būs vienkārši milzīgs, bet Visbiežāk lietotā mnemonika Jūs varat aizņemties, piemēram, no šīs tabulas:

Ir diezgan interesants veids, kā iegūt HTML mnemonisko kodu vajadzīgajai zīmei. Lai to izdarītu, vienkārši atveriet Microsoft Word redaktoru, izveidojiet jaunu dokumentu un augšējā izvēlnē atlasiet “Ievietot” - “Simbols” (es izmantoju 2003. gada versiju, tāpēc es nezinu, kā veikt līdzīgu darbību jaunākās versijās ).

Atvērtajā logā jums ir jāizvēlas fonts, piemēram, Times New Roman (vai jebkurš cits, kas acīmredzami būs pieejams lielākajā daļā jūsu vietnes apmeklētāju datoru, piemēram, Courier vai Arial).

Pievienojiet visas nepieciešamās īpašās rakstzīmes no saraksta, kas tiek atvērts jūsu Word dokumentam, un saglabājiet šo Word dokumentu kā tīmekļa lapu (saglabājot atlasīts nolaižamajā sarakstā “.html”). Tad atliek tikai atvērt šo mājas lapu jebkurā HTML redaktorā (der tas pats Notepad++), un jūs redzēsiet visus nepieciešamos mnemonikas digitālos kodus:

Metode ir nedaudz sarežģīta, taču, ja vēlaties savā vietnes lapā izmantot kādu retu speciālo rakstzīmi, tad tas būs vienkāršāk nekā meklēt internetā tādas tabulas, kas ir līdzīgas tieši iepriekš redzamajai. Iegūtais speciālās rakstzīmes kods būs jāielīmē pareizajā vietā, un tā vietā tīmekļa lapā pārlūkprogramma parādīs jums nepieciešamo rakstzīmi (piemēram, nelokāmu atstarpi).

Nepārtraucoša atstarpe un mīksta defise piemēros

Kā jau minēju iepriekš un kā redzat tieši iepriekš sniegtajā īpašo rakstzīmju tabulā, daži mnemoniki HTML formātā papildus digitālajam saņēma arī simbolisku apzīmējumu vieglākai iegaumēšanai. Tie. Jaucējzīmes “#” (jaucējzīmes) vietā tiek lietoti vārdi simboliskos variantos. Piemēram, vienu un to pašu nelaužamo atstarpi var rakstīt kā (digitālā mnemonika) vai kā (rakstzīme).

Rakstot rakstus, ja nepieciešams ievietot & zīmi vai atvērt leņķa iekava (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Tas ir, ja rakstāt rakstu, kurā tekstā būs jāievieto, piemēram, tagu displejs< body>vai vienkārši jāievieto zīme mazāk nekā (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Tāpēc, lai atrisinātu līdzīgu problēmu, jums būs jāievieto šāda konstrukcija:

Tas pats attiecas uz pašu mnemonikas koda parādīšanu, jo tie sākas ar &. Tekstā jums būs jāievieto kods, aizstājot zīmi & ar tā aizstāšanu (speciālā rakstzīme):

Tas būs jādara, lai nokļūtu lapā<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Jūs arī, visticamāk, izmantosit neatstarpi, kas tīmekļa lapā izskatīsies kā parasta atstarpe, taču pārlūkprogramma to vispār neuzskatīs par atstarpi un neveiks pārskaitījumus par to(piemēram, tas būs piemērots tādām frāzēm kā 1400 GB utt., kuras nebūtu ieteicams defisēt dažādās rindās):

1400 GB.

Dažkārt var rasties pretēja situācija, kad tekstā ir ļoti gari vārdi un vēlaties pārliecināties, ka nepieciešamības gadījumā pārlūkprogramma Es varētu lauzt šos vārdus ar defisēm. Šādiem nolūkiem tiek nodrošināts īpašs simbols “mīkstā pārsūtīšana” -

Garš, garš vārds;

Kad būs nepieciešams pāriet uz citu rindiņu, pārlūkprogramma izmantos defisi, nevis mnemonisko defisi, un nosūtīs pārējo vārdu uz nākamo rindiņu. Ja ir pietiekami daudz vietas, lai visu vārdu ievietotu vienā rindā, pārlūkprogramma neveiks nekādu rindiņu plūsmu. Tas ir tik vienkārši.

Veiksmi tev! Uz drīzu tikšanos emuāra vietnes lapās

Vairāk video varat skatīties, apmeklējot

Jūs varētu interesēt

MailTo - kas tas ir un kā izveidot saiti HTML formātā, lai nosūtītu e-pastu
Virsrakstu H1-H6, horizontālās līnijas Hr, rindiņas pārtraukuma Br un rindkopas P atzīmes un atribūti saskaņā ar Html 4.01 standartu
Kā ievietot saiti un attēlu (fotoattēlu) HTML - IMG un A tagi

Visi, kas mēģināja izveidot vietnes HTML saskārās ar šo problēmu. Gandrīz visi HTML tagi izgrieziet papildu atstarpes. Un šoreiz es jums došu šīs “griešanas” piemēru, kā arī pastāstīšu, kā pārliecināties, ka atstarpes nav izgrieztas.

Sāksim, rakstot vienkāršu HTML kods:

Dažs teksts Turpinājums...

Ja paskatās uz rezultātu, jūs redzēsit, ka visas mūsu vietas ir izgrieztas un palikusi tikai viena. Un gandrīz katrs tags to dara.

Ir trīs iespējas parādīt papildu atstarpes HTML. Pirmais veids ir izmantot tagu<iepriekš>:

Dažs teksts Turpinājums...

Rezultātā jūs redzēsiet, ka nepilnības paliek, un tas ir tieši tas, ko mēs vēlējāmies.

Bet ir vēl viens veids, ko es izmantoju regulāri - entītija "". Šī entītija vienkārši aizstāj atstarpes rakstzīmi:

Dažs teksts Turpinājums...

Rezultātā jūs redzēsiet arī veselu virkni telpu. Man šī metode ir labāka, jo jums nav jāizmanto papildu atzīmes. Bet šī ir gaumes lieta. Kur tas ir vajadzīgs? papildu vieta HTML, vienkārši ievietojiet "" un izbaudiet rezultātu.

Un visbeidzot, pēdējais veids ir izmantojot CSS. Lai to izdarītu, jums vienkārši jāpievieno šis stils:

P(
atstarpe: iepriekš;
}

Šī metode ir ātrākā un vienkāršākā, tomēr es to neizmantoju, jo manā praksē ir maz gadījumu, kad man ir jāpievieno daudzas secīgas atstarpes. Un, ja tie notiek, es izmantoju entītiju vairākas reizes. Papildus, balto telpu īpašums neatbalsta visas pārlūkprogrammas (jo īpaši IE6 Un IE7 neatbalsta), kas jau ierobežo šīs metodes darbības jomu.

Kopumā, apkopojot:

1) Ja kādā teksta daļā ir daudz atstarpju dažādās vietās, izmantojiet tagu<iepriekš>.

2) Ja kaut kur saskaraties ar vienu brīdi, kad jums ir vajadzīgas vairākas atstarpes pēc kārtas, izmantojiet entītiju "  ";

3) Ja visa jūsu lapa sastāv no vairākām secīgām atstarpēm (lai gan tas notiek ārkārtīgi reti), izmantojiet īpašumu atstarpe ar nozīmi iepriekš.

Ja vēlaties uzzināt vairāk par HTML, tad apskatiet manu bezmaksas kursu ar tīmekļa vietnes izveides piemēru vietnē HTML:

Sveiki, dārgie emuāra vietnes lasītāji! Tie, kas ar to ir iepazinušies vismaz virspusēji, droši vien jau to ir ņēmuši vērā, kaut arī vispārīgi. Tas nozīmē, ka viņiem ir priekšstats par to, kādi HTML simboli parasti tiek izmantoti dokumenta kodā.

Šodienas rakstā mēs centīsimies noskaidrot, kas ir atstarpe HTML un kādos gadījumos varat izmantot atstarpes rakstzīmes, formatējot pašu kodu, lai to varētu viegli lasīt. Mēs noskaidrosim, kad nepieciešams izmantot nelaužamo atstarpi, kā arī iepazīsimies ar citām īpašajām rakstzīmēm (vai, kā tos sauc arī par mnemoniku).

Patiesībā es ieteiktu neignorēt tēmu par dažādu speciālo rakstzīmju izmantošanu, jo tas ir svarīgs komponents, kas ļauj pabeigt hiperteksta iezīmēšanas valodas izpēti. Kopumā šajā publikācijā sniegtā informācija noteikti nebūs lieka. Nu, tagad pie lietas.

Atstarpes un atstarpes rakstzīmes HTML

Vispirms ir jāizdara svarīga piezīme. Datora tastatūrā ir īpaši taustiņi, kas ļauj atdalīt tekstu (vairāk par to tālāk). Tomēr tikai plaša atstarpes taustiņš nodrošina vārdu atdalīšanu ne tikai redaktorā, bet arī pārlūkprogrammas logā. Pārraujot līnijas un atkāpjoties no malām, ir nianses.

Kā zināms, noteiktu elementu parādīšanu tīmekļa pārlūkprogrammā nosaka tagi. Lai formatētu tekstu, tiek izmantots labi zināms , kas ir bloks. Tas ir, tā saturs atrodas visā pieejamajā platumā.

Uz aplauzt līnijas P rindkopā, jums ir jāizmanto viens BR tags, ar kuru varat to izdarīt. Pieņemsim, ka mums tekstā jāievieto dažas rindiņas no dzejoļa, ko rakstām teksta redaktorā:

Neskatoties uz to, ka panta rindas atrodas pareizi un defises ir izveidotas pareizajās vietās, pārlūkprogrammā viss izskatīsies savādāk:

Lai tīmekļa pārlūkprogrammas logā panāktu to pašu attēlojumu, katrā rindiņas pārtraukumā ir jāraksta BR:

Tagad mēs esam sasnieguši uzdevumu, un poētiskās rindas pārlūkprogrammā tiks parādītas pilnīgi pareizi:

Tādējādi ir pabeigti nepieciešamie rindu pārtraukumi. Vēl viena iezīme, kas šeit jāņem vērā, ir tā, ka vairākas atstarpes, kas nāk viena pēc otras, tīmekļa pārlūkprogrammā parāda kā vienu. Par to var pārliecināties, ja tajā pašā redaktorā starp diviem vārdiem mēģināt ievietot nevis vienu, bet vairākas atstarpes un, noklikšķinot uz pogas “Saglabāt”, pārlūkprogrammā aplūkot rezultātu.

Atstarpe, tabulēšana un rindiņas pārtraukums

Būtībā ar šiem atstarpes rakstzīmes Mēs viens otru iepazīstam, tiklīdz sākam strādāt ar tekstu redaktorā un formatējam to vajadzīgajā formā. Lai īstenotu šādu uzdevumu, ir īpaši taustiņi, no kuriem katrs atbilst savam atstarpes rakstzīmei:

• Atstarpes taustiņš ir platākais datora tastatūras taustiņš (bez uzraksta);
• Tab - taustiņš kreisajā pusē ar uzrakstu “Tab” un divām bultiņām, kas vērstas dažādos virzienos;
• Rindas pārtraukums - taustiņš "Enter".

Tomēr, kā jau teicu iepriekš, mēs iegūstam gala vēlamo rezultātu ne tikai teksta redaktorā, bet arī pārlūkprogrammā, tikai izmantojot pirmo taustiņu. Visi trīs taustiņi (tostarp tabulēšanas un rindiņas pārtraukumi ir noderīgi, formatējot HTML kodu. Pieņemsim, ka šādi izskatās koda fragments programmā NotePad++ (par šo redaktoru ir daudz informācijas), kad tiek parādītas visas atstarpes rakstzīmes:

Mēs iegūstam kodu, kas ir viegli lasāms un saprotams, pateicoties atstarpēm. Oranžās bultiņas norāda atkāpes, kas izveidotas, izmantojot taustiņu Tab, un CR un LF simboli norāda rindiņas pārtraukumus, kas izveidoti, izmantojot taustiņu Enter.

Tiek skatīti konteineri, kas ligzdoti viens otrā, un atvēršanas un aizvēršanas atzīmes ir skaidri redzamas. Šajā formā šo kodu var viegli rediģēt. Tagad salīdziniet to ar to pašu kodu, kuram nav šāda teksta dalījuma:

Tādā pašā veidā, izmantojot atstarpes rakstzīmes, varat rakstīt CSS noteikumus, kas vizuāli izskatīsies skaidri un viegli uztverami:

Kad esat apvienojis visus stilus līdz kopsaucējam un pilnībā pabeidzis stilu faila rediģēšanu, varat veikt rediģēšanu, no koda noņemot visas atstarpes. Tas ir nepieciešams, lai palielinātu , kas ir ļoti svarīgi, reklamējot resursu.

Speciālās rakstzīmes (vai mnemonika) HTML kodā

Tagad apskatīsim gadījumus, kādos ir nepieciešams izmantot speciālās rakstzīmes, kuras minēju raksta sākumā. HTML īpašās rakstzīmes, ko dažkārt sauc par mnemoniku, tika ieviestas, lai atrisinātu ieilgušo problēmu ar kodējumiem, kas radās hiperteksta iezīmēšanas valodā.

Kad rakstāt tekstu uz tastatūras, tiek kodētas izmantotās valodas rakstzīmes. Tīmekļa pārlūkprogrammā drukātais teksts tiks parādīts, izmantojot fontus, kurus atlasījāt apgrieztās dekodēšanas darbības rezultātā.

Fakts ir tāds, ka ir daudz šādu kodējumu, tagad mums nav mērķa tos detalizēti analizēt. Vienkārši katrā no tiem var trūkt noteiktu simbolu, kas tomēr ir jāparāda. Pieņemsim, ka jūtat vēlmi rakstīt vienas pēdiņas vai uzsvara zīmi, taču šīs ikonas vienkārši nav iekļautas komplektā.

Lai novērstu šo problēmu, tika ieviesta īpašu simbolu sistēma, kas ietver milzīgu skaitu dažādu mnemonikas. Tie visi sākas ar & un parasti beidzas ar semikolu ";". Sākumā katrai īpašajai rakstzīmei bija savs digitālais kods. Piemēram, neplīstošai atstarpei, kuru mēs sīkāk aplūkosim tālāk, būs derīgs šāds ieraksts:

Bet pēc kāda laika visizplatītākajiem simboliem tika piešķirti burtu analogi (mnemonika), lai tos būtu vieglāk atcerēties. Pieņemsim, ka tai pašai neplīstošai vietai tas izskatās šādi:

Rezultātā pārlūkprogramma parāda atbilstošo simbolu. Mnemonikas saraksts ir ļoti apjomīgs, HTML visbiežāk lietotās īpašās rakstzīmes jūs varat uzzināt no šādas tabulas:

Dažu speciālo rakstzīmju izmantošanas gadījumi, tostarp atstarpes un mīkstā defise

Ja esat jau nedaudz papētījis tabulu, esat saņēmis apstiprinājumu iepriekš teiktajam, ka visu speciālo rakstzīmju attēlošanai tiek izmantots ciparkods () vai tā alfabētiskais analogs (simboliskā mnemonika), kur jaucējkopas vietā tiek rakstītas atzīmes un cipari, burti ().

Tagad redzēsim, kad izmantot šos kodus. Pieņemsim, ka rakstā informatīvos nolūkos ir jānorāda kāds HTML tags, piemēram,