Korištenje razmaka za formatiranje HTML koda, razmaka bez prekida i drugih posebnih znakova (mnemonika). Razdvajanje redova, razmaci i tabulatori u HTML dokumentima Html kartica

Tag

Oznaka određuje tabulator u tekstu. To je slično korištenju /t escape sekvence.

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

Udaljenost za koju će se linija pomjeriti kada se u nju umetne tabulator može se proizvoljno postaviti. Za to se koristi TABSTOPS atribut oznake.

Oznaka nije standardna HTML oznaka. Dodan je u Flash oznake za označavanje kako bi pomogao formatirati tekst na dosljedan način.

Označi...

Oznaka je odgovorna za karakteristike oblikovanja teksta kao što su margine, uvlačenja i pomaci linija. U njemu se mogu navesti sljedeći atributi:

LEFTMARGIN. Veličina lijeve margine u bodovima. Analogno je svojstvo lijeve margine klase TextFormat.

RIGHTMARGIN. Vrijednost desne margine u poenima Analogno je svojstvo desne margine klase TextFormat.

INDENT. Uvuci prvi red pasusa u tačkama. Među svojstvima klase TextFormat, ona je slična svojstvu uvlačenja.

BLOCKINDENT.

Uvlačenje pasusa teksta na lijevoj strani u tačkama. Analogno - svojstvo blockIndent
class TextFormat.

VODEĆI. Udaljenost između linija u tačkama. Slično svojstvo klase TextFormat je vodeće.

TABSTOPS. Atribut određuje pomak linije u tačkama koji će uzrokovati svaki tabulator u nizu. Njegova vrijednost je lista brojeva koji određuju udaljenosti za koje će se linija pomicati do prozora ako se u redu upiše 1, 2, 3, ... n znakova tabulatora. Analog atributa TABSTOPS je svojstvo tabStops klase TextFormat.


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

0din tabR> Dva tabR>
Tri tabara>

";

Oznaka nije standardna HTML oznaka. Uveden je tako da je mogućnost označavanja teksta pomoću oznaka slična korišćenju svojstava klase Text Format.

Označi...

Tag dizajniran za primjenu u razredu CSS stil u odnosu na proizvoljni fragment teksta.

Ime klase je navedeno u njenom atributu CLASS.

This.createTextField("pol", 0, 150, 150, 200, 90);
pole.autoSize = pole.border=pole.multiline=true;
// Kreirajte tri stila klase koji definiraju crveni, zeleni i plavi tekst
var style:TextField.Stylesheet = novo TextField.Stylesheet();
var green_text:String = ".GREEN (boja:#00FF00)";
var red_text:String = ".RED (boja:#FF0000)";
var blue_text:String = ".BLUE (boja:#0000FF)";
style.parseCSS(zeleni_tekst+crveni_tekst+plavi_tekst);
pole.styleSheet=style;
// Prikaz teksta sa kreiranim stilovima
pole.text = " 3green Text

Crveni tekst

Plavi tekst";

Pozdrav, dragi čitaoci blog stranice. Malo ranije smo već uspjeli razgovarati o tome, a također smo naučili o dizajnu u njemu. Danas imamo zauzvrat koncept bijelog prostora u HTML-u, kao i povezano formatiranje koda prilikom njegovog pisanja (radi pogodnosti njegovog naknadnog čitanja i percepcije).

Pa, s obzirom na činjenicu da ćemo se dotaknuti teme nerazdvajajućeg razmaka i meke crtice, morat ćemo svoju pažnju usmjeriti na tzv. kodu web dokument mnogo dodatnih simbola, poput onog koji je već spomenut. Ali prvo stvari.

Razmaci i razmaci u HTML-u

Prije nego što pređemo na pitanje oblikovanja teksta pomoću oznaka posebno dizajniranih za ovo (paragraf, naslovi, itd.), želim se zadržati na tome kako se razmaci, prijelomi reda (Enter) i tabelariranje tumače u HTML jeziku i kako se razbijanje izvodi tekst u prozoru pretraživača kada mu se promijeni veličina.

Istina, za ovakvo vizualno oblikovanje (koje neće biti vidljivo na web stranici) najčešće se ne koriste sami razmaci, već znakovi tabulatora i prijeloma reda. Postoji takvo pravilo - kada počnete pisati ugniježđeno HTML oznaka, To uvlačenje pomoću tabova(taster na tastaturi), a kada zatvorite ovu oznaku, uklonite udubljenje (kombinacija tastera Shift+Tab na tastaturi).

To se mora učiniti tako da tagovi za otvaranje i zatvaranje budu na istom vertikalnom nivou (na istom broju kartica sa desne ivice stranice u vašem Html editoru, na primjer Notepad++, o čemu sam pisao). Osim toga, savjetujem vam da odmah nakon pisanja početnog elementa napravite nekoliko prijeloma reda i odmah napišete završni na istom nivou (broj tabova), kako to ne biste zaboravili učiniti kasnije.

One. elementi za otvaranje i zatvaranje treba da budu na istom nivou po vertikali, a interne oznake treba da budu pomerene za jedan tab znak i elementi za zatvaranje i otvaranje treba da budu ponovo postavljeni na istom nivou.

Za jednostavne web dokumente ovo može izgledati kao pretjerano, ali kada kreirate manje ili više složene, oni kod će postati mnogo jasniji i čitljiv zbog obilja razmaka, a takođe će biti mnogo lakše uočiti greške zbog simetričnog rasporeda oznaka.

Specijalni znakovi ili mnemonika u HTML kodu

Dakle, sada razgovarajmo o takozvanim specijalnim znakovima, čiju sam jednostavnost korištenja najavio na početku ovog članka. Posebni znakovi se ponekad nazivaju i mnemotehnika ili zamjene. Namijenjeni su rješavanju problema koji se dugo javljao u jeziku za označavanje hiperteksta, a koji se odnosi na korištena kodiranja.

Kada kucate tekst na tastaturi, znakovi vašeg jezika se kodiraju prema unaprijed određenom algoritmu, a zatim se prikazuju na stranici pomoću fontova koje koristite (gdje pronaći i kako instalirati za stranicu) zbog dekodiranja.

Postoji mnogo kodiranja, ali za HTML jezik proširena verzija kodiranja je usvojena po defaultu.

U ovom kodiranju teksta bilo je moguće napisati samo 256 znakova - 128 iz ASCII i još 128 za ruska slova. Kao rezultat toga, nastao je problem sa upotrebom na stranicama znakova koji nisu uključeni u ASCII i nisu ruska slova uključena u Windows kodiranja 1251 (CP1251). Pa, odlučili ste koristiti tildu ili apostrof, ali takve mogućnosti su u početku u korištenom HTML jezik kodiranje nije uključeno.

Za takve slučajeve izmišljene su zamjene ili, drugim riječima, mnemotehnika. U početku specijalni znakovi su imali digitalni oblik, ali onda su za najčešća dodana njihova slova kako bi se lakše zapamtili.

Uopšteno govoreći, mnemonika je znak koji počinje znakom &, a završava se tačkom i zarezom ";". Na osnovu ovih karakteristika pretraživač, kada analizira HTML kod, izdvaja posebne znakove iz njega. Ampersand u numeričkom džoker kodu mora biti odmah praćen znakom funte "#", koji se ponekad naziva i heš. I tek onda slijedi digitalni kod željenog znaka u Unicode kodiranju.

Više od 60.000 znakova može se napisati u Unicode-u - glavna stvar je da mnemonički simbol koji vam je potreban podržava font koji se koristi na vašoj web lokaciji. Postoje fontovi koji podržavaju gotovo sve Unicode znakove, a postoje opcije samo s određenim skupom znakova.

Potpuna lista specijalnih znakova bit će jednostavno ogromna, ali najčešće korištena mnemotehnika možete posuditi na primjer iz ove tabele:

SimbolHTML kodDecimala
kod
Opis
neprekidni prostor
uzak prostor (en-širina kao slovo n)
širok prostor (em-širina kao slovo m)
- crtica (crtica)
- em dash (em dash)
­ - ­ meki transfer
A ́ naglasak se stavlja iza slova “stres”.
© © autorsko pravo
® ® ® registrovani zaštitni znak
znak zaštitnog znaka
º º º koplje Marsa
ª ª ª ogledalo Venere
ppm
π π π pi (koristite Times New Roman)
¦ ¦ ¦ vertikalna isprekidana linija
§ § § stav
° ° ° stepen
µ µ µ mikro znak
oznaka pasusa
ellipsis
prevlaka
´ ´ ´ znak akcenta
znak broja
🔍 🔍 Povećalo (nagnuto ulijevo)
🔎 🔎 Povećalo (nagnuto udesno)
znakovi aritmetičkih i matematičkih operacija
× × × umnožiti
÷ ÷ ÷ podijeliti
< < manje
> > > više
± ± ± plus/minus
¹ ¹ ¹ stepen 1
² ² ² stepen 2
³ ³ ³ stepen 3
¬ ¬ ¬ negacija
¼ ¼ ¼ Jedna četvrtina
½ ½ ½ polovina
¾ ¾ ¾ tri četvrtine
decimalni zarez
oduzeti
manje ili jednako
više ili jednako
približno (skoro) jednako
nije jednako
identično
kvadratni korijen (radikal)
beskonačnost
znak sumiranja
radni znak
parcijalni diferencijal
integral
za sve (vidljivo samo ako je podebljano)
postoji
prazan set
Ø Ø Ø prečnika
pripada
ne pripadaju
sadrži
je podskup
je superset
nije podskup
je podskup ili jednak
je nadskup ili jednak
plus u krug
znak množenja u krugu
okomito
ugao
logično I
logic OR
raskrsnica
Union
valutni znakovi
Rublja. Znak rublje se mora koristiti zajedno sa brojem. Unicode 7.0 standard. Ako ne vidite sliku, ažurirajte svoje Unicode fontove.
Euro
¢ ¢ ¢ Cent
£ £ £ Lb
¤ ¤ ¤ Znak valute
¥ ¥ ¥ Znak jena i juana
ƒ ƒ ƒ Florin znak
markeri
. jednostavan marker
krug
· · · midpoint
krst
dupli krst
vrhovi
klubovima
srca
dijamanti
rhombus
olovka
olovka
olovka
ruku
citati
" " " dvostruki citat
& & & ampersand
« « « lijevi tipografski navodnik (navodnik riblje kosti)
» » » desni tipografski navodnik (navodnik riblje kosti)
otvaranje citata u jednom uglu
zatvaranje citata u jednom uglu
glavni (minute, stope)
dvostruki prosti (sekunde, inči)
gornji lijevi jednostruki navodnik
gornji desni pojedinačni navodnik
donji desni pojedinačni navodnik
navodnik-stopa lijevo
citat stopa gore desno
citat stopa dolje desno
jedan engleski početni navodnik
jedan engleski završni navodnik
otvarajući dvostruki navodnik
zatvarajući dvostruki navodnik
strelice
lijeva strelica
strelica gore
strelica desno
strelica prema dolje
strelica lijevo i desno
strelica gore i dolje
povrat kočije
dvostruka strelica lijevo
dupla strelica gore
dvostruka strelica desno
dvostruka strelica prema dolje
dvostruka strelica lijevo i desno
dupla strelica gore i dolje
trokut strelica gore
trokut strelica dolje
trokut strelica desno
trokut strelica lijevo
zvijezde, pahulje
Snjegović
Pahuljica
Pahuljica u sendviču djetelinama
Debela pahulja oštrog ugla
Zasjenjena zvijezda
Prazna zvijezda
Nepopunjena zvijezda u popunjenom krugu
Ispunjena zvijezda sa otvorenim krugom unutra
Rotirajuća zvijezda
Nacrtana bijela zvijezda
Srednji otvoreni krug
Srednji popunjen krug
Sextile (tip pahuljice)
Osmokraka rotirajuća zvijezda
Zvijezda sa sfernim krajevima
Odvažan osmokraki propeler u obliku kapljice
Šesnaestokraka zvjezdica
Dvanaestokraka zvijezda
Podebljana osmokraka ravna punjena zvijezda
Šestokraka punjena zvijezda
Osmokraka ravna punjena zvijezda
Osmokraka zvijezda
Osmokraka zvijezda
Zvezdica sa praznim središtem
Fat star
Zašiljena četverokraka otvorena zvijezda
Zašiljena četverokraka punjena zvijezda
Zvezda u krugu
Pahulja u krugu
sat, vreme
Gledaj
Gledaj
Peščani sat
Peščani sat

Postoji prilično zanimljivo način dobijanja HTML kod mnemonički za znak koji vam je potreban. Da biste to učinili, samo otvorite uređivač Microsoft Word, kreirajte novi dokument i odaberite iz top meni“Insert” - “Symbol” (koristim verziju iz 2003., pa ne znam kako napraviti sličnu operaciju u kasnijim verzijama).

U prozoru koji se otvori potrebno je da odaberete font, na primjer, Times New Roman (ili bilo koji drugi koji će očito biti prisutan na većini računara posjetitelja vaše stranice - Courier ili Arial, na primjer).

Dodajte sa liste koja se otvori na vašu Word dokument sve specijalne znakove koji su vam potrebni i sačuvajte ovaj Word dokument kao web stranicu (odabranu sa padajuće liste “.html” prilikom snimanja). Pa, onda sve što treba da uradite je da otvorite ovu web stranicu u bilo kom HTML editoru (isti Notepad++ će učiniti) i sve ćete videti digitalni kodovi mnemotehnika koja vam je potrebna:

Metoda je malo komplikovana, ali ako želite da koristite neki rijedak poseban znak na stranici vaše web stranice, onda će to biti lakše nego tražiti na Internetu tablice poput one koja je prikazana gore. Morat ćete zalijepiti rezultujući kod specijalnog karaktera na pravo mjesto i umjesto njega na web stranici pretraživač će prikazati znak koji vam je potreban (na primjer, razmak bez prekida).

Razmak bez prekida i meka crtica u primjerima

Kao što sam već pomenuo i kao što možete vidjeti iz tabele specijalnih znakova date malo iznad, neke mnemonike u Html-u dobile su, osim digitalne, i simboličku oznaku za lakše pamćenje. One. Umjesto heš znaka “#” (heš), riječi se koriste u simboličkim varijantama. Na primjer, isti razmak koji se ne prekida može biti napisan ili kao (digitalni mnemonički) ili kao (znak).

Prilikom pisanja članaka, ako trebate umetnuti ampersand (&) ili otvorenu ugaonu zagradu (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Odnosno, ako pišete članak u koji ćete morati umetnuti, na primjer, prikaz oznake u tekst< body>ili samo trebate umetnuti znak manje od (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Stoga ćete morati umetnuti sljedeću konstrukciju da biste riješili sličan problem:

Isto se odnosi i na prikazivanje koda samih mnemonika, budući da počinju ampersandom. Morat ćete umetnuti kod u tekst, zamjenjujući znak ampersand njegovom zamjenom (poseban znak):

Ovo će morati da se uradi da biste došli na stranicu<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Također ćete najvjerovatnije koristiti razmak bez prekida, koji će izgledati kao običan prostor na web stranici, ali ga pretraživač uopće neće tretirati kao razmak i neće vršiti transfere na njemu(na primjer, ovo će biti prikladno za fraze kao što su 1400 GB, itd., koje ne bi bilo preporučljivo stavljati crticom u različite redove):

1400 GB.

Ponekad se može pojaviti suprotna situacija, kada tekst sadrži veoma dugačke reči i želite da se uverite da, ako je potrebno, pretraživač Mogao bih prelomiti ove riječi crticama. U te svrhe predviđen je poseban simbol "meki prijenos" -

Duga, duga riječ;

Kada postane neophodno da se pređe na drugi red, pretraživač će koristiti crticu umesto meke mnemonike crtice i poslati ostatak reči u sledeći red. Ako ima dovoljno prostora da se cijela ova riječ smjesti u jedan red, tada pretraživač neće crtati nikakav feed. To je tako jednostavno.

Sretno ti! Vidimo se uskoro na stranicama blog stranice

Možda ste zainteresovani

MailTo - šta je to i kako napraviti link u HTML-u za slanje e-pošte
Oznake i atributi naslova H1-H6, horizontalna linija Hr, prijelom reda Br i paragraf P prema Html 4.01 standardu
Kako umetnuti link i sliku (fotografiju) u HTML - IMG i A tagove
Šta je jezik za označavanje hiperteksta Html i kako pogledati listu svih oznaka u W3C validatoru
Font (lice, veličina i boja), blok citata i pre tagovi - naslijeđeno formatiranje teksta u čistom HTML-u (ne koristi se CSS)
Kako se boje postavljaju u Html i CSS kodu, odabir RGB nijansi u tabelama, Yandex izlaz i drugi programi
Direktive komentara i Doctype u HTML kodu, kao i koncept blok i inline elemenata (tagova)
Liste u HTML kodu - UL, OL, LI i DL oznake

Pozdrav, dragi čitaoci blog stranice! Oni koji su se barem površno upoznali s tim, vjerovatno su već primijetili, doduše općenito. To znači da imaju ideju o tome koji se HTML simboli općenito koriste u kodu dokumenta.

U današnjem članku pokušaćemo da shvatimo šta je razmak u HTML-u i u kojim slučajevima možete koristiti razmake prilikom formatiranja samog koda radi lakšeg čitanja. Saznat ćemo kada je potrebno koristiti razmak bez prekida, a također ćemo se upoznati s drugim posebnim znakovima (ili, kako ih još zovu, mnemotehnikom).

U stvari, savjetovao bih vam da ne zanemarite temu korištenja raznih specijalnih znakova, jer je ovo važna komponenta koja vam omogućava da završite svoje proučavanje jezika za označavanje hiperteksta. Općenito, informacije navedene u ovoj publikaciji definitivno neće biti suvišne. Pa, sad na stvar.

Razmaci i razmaci u HTML-u

Prvo treba napraviti jednu važnu napomenu. Postoje posebni tasteri na tastaturi računara koji vam omogućavaju da odvojite tekst (više o tome u nastavku). Međutim, samo široka razmaknica omogućava razdvajanje između riječi ne samo u uređivaču, već iu prozoru pretraživača. Postoje nijanse prilikom lomljenja linija i uvlačenja od ivica.

Kao što znate, prikaz određenih elemenata u web pretraživaču je određen oznakama. Za formatiranje teksta koristi se dobro poznati , koji je baziran na blokovima. Odnosno, njegov sadržaj se nalazi na cijeloj dostupnoj širini.

To premotati linije unutar paragrafa P, trebate koristiti jednu BR oznaku, s kojom to možete učiniti. Recimo da u tekst treba da ubacimo neke stihove iz pesme koju napišemo u uređivaču teksta:

Uprkos činjenici da su redovi stiha pravilno locirani i da su crtice napravljene na pravim mjestima, sve će izgledati drugačije u pregledniku:


Da biste postigli isti prikaz u prozoru web preglednika, trebate napisati BR na svakom prijelomu reda:

Sada smo postigli zadatak i poetske linije će biti potpuno ispravno prikazane u pretraživaču:

Tako su neophodni prijelomi redaka završeni. Još jedna karakteristika koju ovdje treba napomenuti je da se više prostora koji dolaze jedan za drugim prikazuju u web pretraživaču kao jedan. To možete provjeriti ako u istom uređivaču pokušate staviti ne jedan, već nekoliko razmaka između dvije riječi i klikom na dugme „Sačuvaj“ pogledajte rezultat u pretraživaču.

Razmak, tabulator i prijelom reda

Uglavnom, sa ovim razmaka znakova Upoznajemo se čim počnemo da radimo sa tekstom u editoru i formatiramo ga u traženom obliku. Za implementaciju takvog zadatka postoje posebni ključevi, od kojih svaki odgovara svom razmaku:

  • Razmaknica je najširi taster na tastaturi računara (bez oznake);
  • Tab - tipka na lijevoj strani sa natpisom "Tab" i dvije strelice usmjerene u različitim smjerovima;
  • Prijelom reda - tipka "Enter".

Međutim, kao što sam već rekao, konačni željeni rezultat dobijamo ne samo u uređivaču teksta, već iu pretraživaču, samo kada koristimo prvi ključ. Sva tri ključa (uključujući tabulator i prijelom reda su korisni pri formatiranju HTML koda. Recimo da ovako izgleda fragment koda u NotePad++ (postoji puno informacija o ovom uređivaču) kada se prikazuju svi razmaci:


Dobijamo kod koji se lako čita i razumije zahvaljujući razmacima. Narandžaste strelice označavaju udubljenja kreirana pomoću tipke Tab, a simboli CR i LF označavaju prijelome reda kreirane pomoću tipke Enter.

Kontejneri ugniježđeni jedan u drugom se vide, a oznake za otvaranje i zatvaranje su jasno vidljive. U ovom obliku, ovaj kod se može lako uređivati. Sada ga uporedite sa istim kodom, koji nema takvu podelu teksta:

Na isti način, koristeći razmake, možete napisati CSS pravila koja će vizualno izgledati jasno i probavljivo:


Nakon što sve stilove dovedete u zajednički nazivnik i potpuno završite uređivanje datoteke stilova, možete izvršiti uređivanje uklanjanjem svih razmaka iz koda. Ovo je neophodno za povećanje, što je veoma važno prilikom promocije nekog resursa.

Posebni znakovi (ili mnemonika) u HTML kodu

Pogledajmo sada slučajeve u kojima je potrebno koristiti posebne znakove koje sam spomenuo na početku članka. HTML specijalni znakovi, koji se ponekad nazivaju i mnemotehnika, uvedeni su kako bi se riješio dugogodišnji problem s kodiranjem koji je nastao u jeziku za označavanje hiperteksta.

Kada kucate tekst na tastaturi, znakovi jezika koji koristite su kodirani. U web pretraživaču, otkucani tekst će se prikazati koristeći fontove koje ste odabrali kao rezultat operacije obrnutog dekodiranja.

Činjenica je da postoji mnogo takvih kodiranja; sada nemamo cilj da ih detaljno analiziramo. Samo što svakom od njih možda nedostaju određeni simboli, koji, međutim, moraju biti prikazani. Recimo da osjećate želju da napišete pojedinačne navodnike ili znak akcenta, ali ove ikone jednostavno nisu uključene u skup.

Da bi se eliminisao ovaj problem, uveden je sistem specijalnih simbola koji uključuje veliki broj različitih mnemonika. Svi počinju ampersandom "&" i obično završavaju tačkom zarezom ";". U početku je svaki specijalni znak imao svoj digitalni kod. Na primjer, za razmak bez prekida, koji ćemo detaljnije razmotriti u nastavku, vrijedit će sljedeći unos:

Ali nakon nekog vremena, najčešćim simbolima dodijeljeni su slovni analogi (mnemonika) kako bi se lakše zapamtili. Recimo za isti neprekidni prostor to izgleda ovako:

Kao rezultat toga, pretraživač prikazuje odgovarajući simbol. Lista mnemotehnike je veoma obimna, najčešće korišteni specijalni znakovi u HTML-u možete saznati iz sljedeće tabele:

simbol kod mnemonika opis
neprekidni prostor
uzak prostor (en-širina kao slovo n)
širok prostor (em-širina kao slovo m)
- crtica (crtica)
- em dash (em dash)
­ - ­ meki transfer
A ́ naglasak se stavlja iza slova "stres".
© © autorsko pravo
® ® ® registrovani zaštitni znak
znak zaštitnog znaka
º º º koplje Marsa
ª ª ª ogledalo Venere
ppm
π π π pi (koristite Times New Roman)
¦ ¦ ¦ vertikalna isprekidana linija
§ § § stav
° ° ° stepen
µ µ µ mikro znak
oznaka pasusa
ellipsis
prevlaka
´ ´ ´ znak akcenta
znak broja
🔍 🔍 Povećalo (nagnuto ulijevo)
🔎 🔎 Povećalo (nagnuto udesno)
znakovi aritmetičkih i matematičkih operacija
× × × umnožiti
÷ ÷ ÷ podijeliti
< < manje
> > > više
± ± ± plus/minus
¹ ¹ ¹ stepen 1
² ² ² stepen 2
³ ³ ³ stepen 3
¬ ¬ ¬ negacija
¼ ¼ ¼ Jedna četvrtina
½ ½ ½ polovina
¾ ¾ ¾ tri četvrtine
decimalni zarez
oduzeti
manje ili jednako
više ili jednako
približno (skoro) jednako
nije jednako
identično
kvadratni korijen (radikal)
beskonačnost
znak sumiranja
radni znak
parcijalni diferencijal
integral
za sve (vidljivo samo ako je podebljano)
postoji
prazan set
Ø Ø Ø prečnika
pripada
ne pripadaju
sadrži
je podskup
je superset
nije podskup
je podskup ili jednak
je nadskup ili jednak
plus u krug
znak množenja u krugu
okomito
ugao
logično I
logic OR
raskrsnica
Union
valutni znakovi
Euro
¢ ¢ ¢ Cent
£ £ £ Lb
¤ ¤t; ¤ Znak valute
¥ ¥ ¥ Znak jena i juana
ƒ ƒ ƒ Florin znak
markeri
. jednostavan marker
krug
· · · midpoint
krst
dupli krst
vrhovi
klubovima
srca
dijamanti
rhombus
olovka
olovka
olovka
ruku
citati
" " " dvostruki citat
& & & ampersand
« « « lijevi tipografski navodnik (navodnik riblje kosti)
» » » desni tipografski navodnik (navodnik riblje kosti)
otvaranje citata u jednom uglu
zatvaranje citata u jednom uglu
glavni (minute, stope)
dvostruki prosti (sekunde, inči)
gornji lijevi jednostruki navodnik
gornji desni pojedinačni navodnik
donji desni pojedinačni navodnik
navodnik-stopa lijevo
citat stopa gore desno
citat stopa dolje desno
jedan engleski početni navodnik
jedan engleski završni navodnik
otvarajući dvostruki navodnik
zatvarajući dvostruki navodnik
strelice
lijeva strelica
strelica gore
strelica desno
strelica prema dolje
strelica lijevo i desno
strelica gore i dolje
povrat kočije
dvostruka strelica lijevo
dupla strelica gore
dvostruka strelica desno
dvostruka strelica prema dolje
dvostruka strelica lijevo i desno
dupla strelica gore i dolje
trokut strelica gore
trokut strelica dolje
trokut strelica desno
trokut strelica lijevo
zvijezde, pahulje
Snjegović
Pahuljica
Pahuljica u sendviču djetelinama
Debela pahulja oštrog ugla
Zasjenjena zvijezda
Prazna zvijezda
Nepopunjena zvijezda u popunjenom krugu
Ispunjena zvijezda sa otvorenim krugom unutra
Rotirajuća zvijezda
Nacrtana bijela zvijezda
Srednji otvoreni krug
Srednji popunjen krug
Sextile (tip pahuljice)
Osmokraka rotirajuća zvijezda
Zvijezda sa sfernim krajevima
Odvažan osmokraki propeler u obliku kapljice
Šesnaestokraka zvjezdica
Dvanaestokraka zvijezda
Podebljana osmokraka ravna punjena zvijezda
Šestokraka punjena zvijezda
Osmokraka ravna punjena zvijezda
Osmokraka zvijezda
Osmokraka zvijezda
Zvezdica sa praznim središtem
Fat star
Zašiljena četverokraka otvorena zvijezda
Zašiljena četverokraka punjena zvijezda
Zvezda u krugu
Pahulja u krugu
sat, vreme
Gledaj
Gledaj
Peščani sat
Peščani sat

Slučajevi korištenja nekih specijalnih znakova, uključujući razmak bez prekida i meku crticu

Ako ste već malo proučili tabelu, dobili ste potvrdu onoga što sam rekao gore, da se za prikaz svih specijalnih znakova koristi digitalni kod () ili njegov alfabetski analog (simbolička mnemonika), gdje umjesto skupa hash napisane su oznake i brojevi, slova ().

Sada da vidimo kada koristiti ove kodove. Recimo da u članku trebate navesti neku HTML oznaku u informativne svrhe, na primjer,

. Ako kucate ugaone zagrade sa tastature (a postoji takva opcija), pretraživač će takvu konstrukciju percipirati kao početnu oznaku, a ne kao običan fragment teksta.

Stoga, iz iste HTML tablice specijalnih znakova uzimamo odgovarajuće kodove i cijeli unos će izgledati ovako:

Osim toga, kako bi se u pregledniku prikazao ne sam znak ampersand, već njegova oznaka u formu

, potrebno je dodati njegov kod iz tabele:

footer

Tada će pretraživač prikazati tačno zapis mnemonika koji treba da se primeni da bi se prikazala oznaka FOOTER. Malo je zbunjujuće, ali na ovoj stranici možete uvježbati ovaj aspekt tako što ćete uneti mnemotehniku ​​za odgovarajuće znakove u polje “HTML” i koristiti dugme “Run”, a u području “Rezultat” dobiti rezultat njihovog prikaza u Pretraživač:


Imajte na umu da sam osigurao da je tekst umotan koristeći već spomenutu BR oznaku tako da sami znakovi nisu prikazani u jednom redu, već u koloni radi pogodnosti.

Nastavi. Ponekad se u tekstu pojavljuju kombinacije koje je nepoželjno razdvajati u različite redove. Recimo, "1000 rubalja." Bilo bi logično ili ostaviti na gornjoj liniji, ili ako nema dovoljno prostora, cijelu strukturu premjestiti na liniju ispod.

Ovo je posebno istinito ako korisnici koriste uređaje s različitim širinama ekrana, uključujući i mobilne. Zaista, u ovom slučaju, web pretraživač formatira tekst, prilagođavajući se novim uslovima. A ako tekst izgleda ispravno na standardnim veličinama monitora, onda ako se promijene, sve se može promijeniti.

Za ove slučajeve je predviđeno HTML neprekidni razmak, što sam već pomenuo. Da vas podsjetim da je u ovom slučaju prostorni kod sljedeći:

I treba ga umetnuti između dva skupa znakova koje je potrebno povezati:

1000 rub.

Sada ih pretraživač ni pod kojim okolnostima neće razdvajati, čak i ako je potrebno formatiranje teksta da bi se ispravno prikazao.

Postoji i situacija kada se jako duga riječ ne uklapa u slobodan prostor i dio je potrebno pomjeriti. Kako mogu unaprijed definirati novi red u ovom slučaju ako je potrebno? Za ovo postoji poseban znak meke crtice-, koji treba staviti na mjesto gdje se riječ treba prelomiti:

Duga duga duga duga duga rijec

Ako dođe do situacije kada riječ treba staviti na crticu, tada se formira praznina na mjestu mnemonike meke crtice, gdje se pojavljuje crtica (crtica), a ostatak riječi pojavljuje se u sljedećem redu ispod.

Međutim, opet će biti korisno vidjeti cijelu ovu stvar, uključujući primjere kontinuiranog i mekog prijenosa, u praksi:


U prozoru ovog uređivača možete promijeniti veličinu polja za pregled „Rezultat“ tako što ćete uhvatiti rub ovog područja lijevom tipkom miša i, ne puštajući ga, povući ulijevo da smanjite širinu. Tada nastaje prava situacija kada pretraživač počne preformatirati sadržaj kako bi ga ispravno prikazao.

I prijenos se vrši, što je predviđeno u primjerima koje sam opisao. Međutim, sami možete pomicati prozor za gledanje, proširivati ​​ga i sužavati i to vizualno provjeriti.

Kada je dokument prikazan na ekranu, razmaci i prazni redovi se ne čuvaju, osim teksta zatvorenog u oznake PRE(prethodno formatirani tekst). Odnosno, svaki niz razmaka, tabulatora i praznih linija je ekvivalentan jednom razmaku u HTML datoteci. S druge strane, razmak u HTML datoteci može biti predstavljen bilo kojim brojem razmaka ili novih (praznih) redova.

Termin newlin(novi red) se koristi za TEORIJSKI označavanje kraja reda. SGML specificira da red (zapis) mora početi sa početnim znakom (novi red - prijelaz na red, LF, ASCII kod 10) i završiti znakom za kraj zapisa (povratak nosioca, CR, ASCII 13). U praksi, HTML dokumenti se prikazuju i prenose koristeći prikaz novog reda u skladu sa datim računarskim sistemima. Stoga, HTML pretraživači dozvoljavaju podršku za bilo koju od tri uobičajena predstavljanja razdvajanja linija, označena nizom CR LF, CR samo ili samo LF, i na osnovu ove pretpostavke ističu greške u predstavljanju vodećih i završnih znakova zapisa .

Stoga, nije važno kako ćete podijeliti tekst na redove, jer je prijelaz reda ekvivalentan razmaku. Imajte na umu, međutim, da ne biste trebali dijeliti riječ na dva reda u HTML-u. Ako, na primjer, podijelite riječ međunarodno u dva reda, kao što je prikazano u nastavku:

međunarodni

ovo će se tumačiti kao

međunarodni

Stoga, da biste logički predstavili svoj dokument, trebali biste koristiti HTML oznake kao što su P ili BR kako bi se po potrebi osigurao prijelaz na liniju.

Pretraživači uglavnom ne dijele riječi u dva reda osim ako riječ ne sadrži crticu. Referentne specifikacije HTML 3.2 nisu baš precizne u vezi sa ovim pitanjem i kada se raspravlja o dijelu tabele, daje se sljedeće:

Za neke korisničke agente može biti potrebno ili poželjno prevesti niz unutar riječi. U takvim slučajevima, preporučljivo je vizualno provjeriti da se to dogodilo.

Čuvajte se dužina linije je izvan vaše kontrole. Ovo zavisi od pretraživača, računara i postavki koje su izvršili ljudi koji pregledavaju vaš dokument. Općenito govoreći, ne postoji način da spriječite prijelome reda između riječi, ali možete pokušati spriječiti prijelome reda korištenjem kontinuiranih razmaka.

Što se tiče upotrebe novog reda u kombinaciji sa HTML oznakama, postoje posebna pravila:

  • Prelomi reda odmah nakon početne oznake se zanemaruju. Na primjer, linije
  • Isto tako, prelom reda koji prethodi završnoj oznaci se zanemaruje. Na primjer, linije

Horizontalni tabulator (HT) karakter se može koristiti u HTML dokumentu. Ali unutar elementa PRE Tab znak ima posebnu interpretaciju, ekvivalentan je razmaku i ne nosi informacije bilo koje vrste. (Da biste predstavili tabelarne podatke, koristite element sto.) U praksi je bolje izbjegavati uključivanje znakova tabulatora u HTML kod i umjesto toga koristiti odgovarajuću količinu razmaka ako želite formatirati izvorni HTML kod dokumenta kao tabulatore.

Postoji razlika između čega napisano u vašem HTML kodu i šta prikazano u pretraživaču.

Kao što smo već vidjeli, oznake HTML kao npr<р>, čita samo pretraživač (da bi znali koji tip napisani sadržaj), ali nije prikazano u njemu.

Videli smo i kako možete da pišete komentari u HTML kodu kako bi pomogao čovjeku da pročita kod bez potrebe za prikazivanjem tih komentara u pretraživaču.

Druga vrsta pisanog koda koji ignorisano pretraživač je prostor, To uključuje:

  • prelomi linija;
  • prazni redovi;
  • tab (ili uvlačenje).

Prelomi linija

Prijelomi redova i prazni redovi (koji su niz prijeloma reda) u HTML kodu ignorisano Pretraživač. Oni samo iznose unified prostor.

Prvobitna ideja weba je bila da to bude prostor za saradnju u kojem možete komunicirati dijeljenjem informacija.

Da bude stvarna insert prijelom reda koji trebate koristiti element
:

U najboljem slučaju, život je savršen
nepredvidivo

Tablica

Tablica je poseban znak koji se dobija pomoću tastera Tab. Obično pomera kursor do sledeće tabulatorske tačke, ali se ponekad pretvara u dva razmaka.

U svakom slučaju, kao običan razmak, tab nevidljiv. Internet pretraživač takođe ignoriše:

Hajdemo tabulatorom ovog teksta.

Ako želite dodati prostor prije ukratko, moraćete da koristite CSS.

Ako želite da zatvorite HTML element, prvo morate zatvoriti sve njegove podređene elemente.

Formatiranje stabla

Pošto HTML elementi mogu biti ugniježđeni jedni u druge, trebali biste ih paziti u redu u kojoj su otvoreni, jer će to uticati na redosled zatvaranja.

Ovaj kod je upisan jedan linija.

Budući da može biti teško pratiti redoslijed otvaranja HTML elemenata, preporučuje se pisanje HTML-a oblik drveta:

Ovaj kod je upisan neki linije, ali će se i dalje pojaviti kao jedan linija.

Formatiranje stabla vam omogućava vizuelno reprodukovati nivo gniježđenja vaš HTML kod. Ovo olakšava uvid u to:

  • je predak;
  • - roditelj Za I ;

  • I - Ovo bratski elementi.

Napišite HTML za sebe da ga čitate

Računar izostavlja tabulatore, prazne redove, postavljene razmake i prijelome redova i svi se pretvaraju u jedan prostor.

HTML dokument piše i čita čovjek, ali ga čita samo računar. S obzirom na to da tabulatori, razmaci i prijelomi redova ne utiču na to kako će preglednik čitati i kasnije prikazati web stranicu, možete formatirati svoj dokument na način koji je najčitljiviji za sebe način.

Ne postoje posebna pravila u vezi sa HTML formatiranjem, ali postoje implicitna sporazumi, posebno:

  • koristiti tabelarno za pomoć u vizualizaciji priloge HTML elementi;
  • umetnuti oznake otvaranja i zatvaranja blok elemenata odvojene linije;
  • pisati inline elemente u jednom redu (uključujući oznake za otvaranje i zatvaranje).