Korištenje razmaka za formatiranje HTML koda, neprekinutog razmaka i drugih posebnih znakova (mnemotehnika). Razdvajanje redaka, razmaci i kartice u HTML dokumentima Html kartica

Označiti

Oznaka određuje tabulator u tekstu. Slično je korištenju /t izlazne sekvence.

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

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

Oznaka nije standardna HTML oznaka. Dodan je Flash oznakama za označavanje kako bi pomogao u oblikovanju teksta na dosljedan način.

Označiti...

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

LIJEVA MARGINA. Veličina lijeve margine u točkama. Analog je svojstvo leftmargin klase TextFormat.

DESNA MARGINA. Vrijednost desne margine u bodovima. Analogue je svojstvo desne margine klase TextFormat.

ULAZNICA Uvucite prvi redak odlomka u točkama. Među svojstvima klase TextFormat ono je slično svojstvu uvlake.

BLOKUDEZ.

Uvlačenje odlomka teksta s lijeve strane u točkama. Analogno - svojstvo blockIndent
klasa TextFormat.

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

TABSTOPS. Atribut određuje koji će pomak retka u točkama uzrokovati svaki znak kartice u nizu. Njegova vrijednost je popis brojeva koji određuju udaljenosti za koje će se linija pomaknuti do prozora ako se u nizu upiše 1, 2, 3, ... n znakova tabulatora. Analog atributa TABSTOPS je svojstvo tabStops klase TextFormat.


pole.html=pole.border=pole.multiline=true;
stup.htmlTekst="

0din tabR> Dvije karticeR>
Tri tabara>

";

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

Označiti...

Označiti dizajniran za klasnu primjenu CSS stiliziranje u odnosu na proizvoljni fragment teksta.

Ime klase navedeno je u njenom atributu CLASS.

This.createTextField("pole", 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 = new TextField.Stylesheet();
var green_text:String = ".GREEN (color:#00FF00)";
var red_text:String = ".RED (boja:#FF0000)";
var blue_text:String = ".BLUE (color:#0000FF)";
style.parseCSS(zeleni_tekst+crveni_tekst+plavi_tekst);
pole.styleSheet=stil;
// Prikaz teksta s kreiranim stilovima
stup.text = " 3zeleni tekst

Crveni tekst

Plavi tekst ";

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

Pa, zbog činjenice da ćemo se dotaknuti teme neprekinutog razmaka i meke crtice, morat ćemo se usredotočiti na takozvane posebne znakove ili mnemonike koji se koriste u Html jeziku, koji će vam omogućiti da dodate na kod web dokument mnogo dodatnih simbola, poput onog koji je već spomenut. Ali prvo o svemu.

Razmaci i razmaci u HTML-u

Prije nego što prijeđem na pitanje oblikovanja teksta pomoću oznaka posebno dizajniranih za to (odlomak, naslovi, itd.), želim se zadržati na tome kako se razmaci, prijelomi redaka (Enter) i tabeliranje tumače u HTML jeziku, te kako se prekidanje izvodi tekst u prozoru preglednika 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 tabulator i prijelom retka. Postoji takvo pravilo - kada počnete pisati ugniježđeni HTML oznaka, To uvući pomoću tabulatora(tipka Tab na tipkovnici), a kada zatvorite ovu oznaku, uklonite uvlaku (kombinacija tipki Shift+Tab na tipkovnici).

To morate učiniti tako da su oznake za otvaranje i zatvaranje na istoj okomitoj razini (na istom broju kartica od desnog ruba stranice u vašem Html uređivaču, na primjer, Notepad++, o kojem sam pisao). Osim toga, savjetujem vam da odmah nakon pisanja uvodnog elementa napravite nekoliko prijeloma retka i odmah napišete završni na istoj razini (broj tabulatora), kako to ne biste zaboravili učiniti kasnije.

Oni. početni i završni elementi trebaju biti na istoj razini okomito, a unutarnje oznake trebaju biti pomaknute za jedan tab znak i zatvarajući i početni elementi trebaju biti ponovno postavljeni na istu razinu.

Za jednostavne web-dokumente to se može činiti pretjeranim, ali pri izradi više ili manje složenih, oni kod će postati mnogo jasniji i čitljiv zbog obilja razmaka, a također će biti puno lakše uočiti pogreške zbog simetričnog rasporeda oznaka.

Posebni znakovi ili mnemotehnike u HTML kodu

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

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

Postoji mnogo kodiranja, ali za Html jezik standardno je usvojena proširena verzija kodiranja.

U ovom kodiranju teksta bilo je moguće napisati samo 256 znakova - 128 iz ASCII i još 128 za ruska slova. Kao rezultat toga, pojavio se problem s 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 upotrijebiti tildu ili apostrof, ali takve su mogućnosti u početku u korištenom HTML jezik kodiranje nije uključeno.

Upravo su za takve slučajeve izmišljene supstitucije ili, drugim riječima, mnemotehnike. U početku posebni znakovi imali su digitalni oblik, ali onda su za one najčešće dodani slovni pandani kako bi se lakše zapamtili.

Općenito govoreći, mnemotehnika je znak koji počinje ampersandom "&" i završava točkom i zarezom ";". Na temelju tih karakteristika preglednik prilikom raščlambe HTML koda izdvaja posebne znakove iz njega. Ampersand u numeričkom zamjenskom kodu mora odmah slijediti znak "#", koji se ponekad naziva i hash. I tek onda slijedi digitalni kod željenog znaka u Unicode kodiranju.

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

Potpuni popis posebnih znakova bit će jednostavno ogroman, ali najčešće korištena mnemotehnika možete posuditi na primjer iz ove tablice:

SimbolHTML kôdDecimal
kodirati
Opis
neprekinuti prostor
uzak prostor (en-širina kao slovo n)
širok prostor (em-širina kao slovo m)
- crtica (crtica)
- em crtica (em crtica)
­ - ­ meki prijenos
A ́ naglasak se stavlja iza slova "naglasak".
© © autorsko pravo
® ® ® registrirani zaštitni znak
znak zaštitnog znaka
º º º koplje Marsa
ª ª ª ogledalo Venere
ppm
π π π pi (koristite Times New Roman)
¦ ¦ ¦ okomita isprekidana linija
§ § § paragraf
° ° ° stupanj
µ µ µ mikro znak
oznaka odlomka
elipsa
nadstavljanje
´ ´ ´ znak naglaska
brojčani znak
🔍 🔍 Povećalo (nagnuto ulijevo)
🔎 🔎 Povećalo (nagnuto udesno)
znakovi aritmetičkih i matematičkih operacija
× × × pomnožiti
÷ ÷ ÷ podijeliti
< < manje
> > > više
± ± ± plus/minus
¹ ¹ ¹ stupanj 1
² ² ² stupanj 2
³ ³ ³ stupanj 3
¬ ¬ ¬ negacija
¼ ¼ ¼ Jedna četvrtina
½ ½ ½ pola
¾ ¾ ¾ tri četvrtine
decimalna točka
minus
manje ili jednako
više ili jednako
približno (skoro) jednak
nejednak
istovjetno
kvadratni korijen (radikal)
beskonačnost
znak zbrajanja
oznaka rada
parcijalni diferencijal
sastavni
za sve (vidljivo samo ako je podebljano)
postoji
prazan skup
Ø Ø Ø promjer
pripada
ne pripada
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
kutak
logično I
logički ILI
križanje
Unija
znakovi valute
Rublja. Znak rublja mora se koristiti zajedno s brojem. Standard Unicode 7.0. Ako ne vidite sliku, ažurirajte svoje Unicode fontove.
Euro
¢ ¢ ¢ Cent
£ £ £ lb
¤ ¤ ¤ Znak valute
¥ ¥ ¥ Znak jena i juana
ƒ ƒ ƒ Florin znak
oznake
. jednostavan marker
krug
· · · središnja točka
križ
dvostruki križ
vrhovi
klubovi
srca
dijamant
romb
olovka
olovka
olovka
ruka
citati
" " " dvostruki navodnik
& & & ampersand
« « « lijevi tipografski navodnik (navodnik u obliku riblje kosti)
» » » desni tipografski navodnik (navodnik riblje kosti)
single corner citatni otvor
single corner quote closing
primarni (minute, stope)
dvostruko prima (sekunde, inči)
gornji lijevi jednostruki navodnik
gornji desni jednostruki navodnik
donji desni jednostruki navodnik
citat-foot lijevo
citat stopalo gore desno
citat stopalo dolje desno
jednostruki engleski početni navodnik
jednostruki engleski zatvarajući navodnik
otvarajući dvostruki navodnik
zatvarajući dvostruki navodnik
strijele
lijeva strelica
strelica prema gore
desna strijela
strelica prema dolje
strelica lijevo i desno
strelica gore i dolje
povrat prtljage
dvostruka strelica lijevo
dvostruka strelica prema gore
dvostruka desna strelica
dvostruka strelica prema dolje
dvostruka strelica lijevo i desno
dvostruka strelica gore i dolje
trokut strelica prema gore
trokut strelica prema dolje
trokut strelica desno
trokut strelica lijevo
zvijezde, snježne pahulje
Snjegović
Pahuljica
Snježna pahulja stisnuta djetelinom
Debela pahulja oštrog kuta
Osjenčana zvijezda
Prazna zvijezda
Neispunjena zvijezda u ispunjenom krugu
Ispunjena zvijezda s otvorenim krugom iznutra
Rotirajuća zvijezda
Nacrtana bijela zvijezda
Srednji otvoreni krug
Ispunjeni srednji krug
Sekstil (tip snježne pahulje)
Osmerokraka rotirajuća zvijezda
Zvijezda sa sfernim krajevima
Podebljani osmokraki zvjezdasti propeler u obliku kapi
Šesnaestokraka zvjezdica
Dvanaestokraka zvijezda
Podebljana osmerokraka ravno ispunjena zvijezda
Ispunjena šestokraka zvijezda
Osmokraka ravno ispunjena zvijezda
Zvijezda s osam krakova
Zvijezda s osam krakova
Zvijezda s praznim središtem
Debela zvijezda
Zašiljena četverokraka otvorena zvijezda
Zašiljena četverokraka ispunjena zvijezda
Zvijezda u krugu
Pahuljica u krugu
sat, vrijeme
Gledati
Gledati
Pješčani sat
Pješčani sat

Postoji prilično zanimljivo način dobivanja HTML kôd mnemonički za znak koji vam je potreban. Da biste to učinili, samo otvorite uređivač Microsoft Word, izradite novi dokument i odaberite iz gornji izbornik"Umetni" - "Simbol" (koristim verziju iz 2003., pa ne znam kako izvesti sličnu operaciju u kasnijim verzijama).

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

Dodajte s popisa koji se otvori na vaš Word dokument sve posebne znakove koji su vam potrebni i spremite ovaj Word dokument kao web stranicu (odabrano s padajućeg popisa “.html” prilikom spremanja). Pa, onda sve što trebate učiniti je otvoriti ovu web stranicu u bilo kojem HTML uređivaču (to će učiniti isti Notepad++) i vidjet ćete sve digitalni kodovi mnemotehnika koja vam je potrebna:

Metoda je malo komplicirana, ali ako želite upotrijebiti neki rijedak poseban znak na stranici svoje web stranice, bit će lakše nego tražiti tablice na internetu poput ove gore prikazane. Morat ćete zalijepiti dobiveni kod posebnog znaka na pravo mjesto i umjesto njega na web stranici preglednik će prikazati znak koji vam je potreban (na primjer neprekinuti razmak).

Neraskidivi razmak i meka crtica u primjerima

Kao što sam već gore naveo i kao što možete vidjeti iz gore navedene tablice posebnih znakova, neke mnemotehnike u Html-u dobile su, osim digitalne, i simboličku oznaku radi lakšeg pamćenja. Oni. Umjesto znaka "#" (hash) riječi se koriste u simboličkim varijantama. Na primjer, isti neprekinuti razmak može se napisati ili kao (digitalna mnemonika) ili kao (znak).

Kada pišete članke, ako trebate umetnuti znak & (&) ili otvorenu uglastu zagradu (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

To jest, 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 vrijedi i za prikaz koda samih mnemonika, budući da počinju znakom &. Morat ćete umetnuti kod u tekst, zamjenjujući znak ampersand njegovom zamjenom (poseban znak):

To će biti potrebno učiniti da biste došli na stranicu<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Također ćete najvjerojatnije koristiti neprekinuti razmak, koji će izgledati kao običan razmak na web stranici, ali ga preglednik uopće neće tretirati kao razmak i neće vršiti transfere na njemu(na primjer, ovo će biti prikladno za izraze kao što je 1400 GB itd., koje ne bi bilo preporučljivo stavljati crticom u različite retke):

1400 GB.

Ponekad se može pojaviti suprotna situacija, kada tekst sadrži vrlo dugačke riječi i želite biti sigurni da će, ako je potrebno, preglednik Mogao bih rastaviti ove riječi rastavljanjem spojnica. Za takve svrhe predviđen je poseban simbol "soft transfer" -

Duga, duga riječ;

Kada postane potrebno prijeći u drugi redak, preglednik će upotrijebiti crticu umjesto mnemotehnike meke crtice i poslati ostatak riječi u sljedeći redak. Ako ima dovoljno prostora da se cijela riječ smjesti u jedan redak, tada preglednik neće crtati nijedan redak. Tako je jednostavno.

Sretno ti! Vidimo se uskoro na stranicama bloga

Moglo bi vas zanimati

MailTo - što je to i kako napraviti link u HTML-u za slanje e-pošte
Oznake i atributi naslova H1-H6, vodoravne crte Hr, prijeloma retka Br i paragrafa P prema Html 4.01 standardu
Kako ubaciti link i sliku (fotografiju) u HTML - IMG i A tagovi
Što je hipertekstualni označni jezik Html i kako vidjeti popis svih oznaka u W3C validatoru
Font (lice, veličina i boja), Blockquote i Pre oznake - staro oblikovanje teksta u čistom HTML-u (ne koristi se CSS)
Kako su postavljene boje u Html i CSS kodu, izbor RGB nijansi u tablicama, Yandex izlaz i drugi programi
Naredbe komentara i Doctype u Html kodu, kao i koncept bloka i inline elemenata (tagova)
Popisi u Html kodu - UL, OL, LI i DL oznake

Pozdrav, dragi čitatelji bloga! Oni koji su se s njim barem površno upoznali vjerojatno su ga već primili na znanje, iako 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šat ćemo otkriti što je razmak u HTML-u i u kojim slučajevima možete koristiti razmake prilikom oblikovanja samog koda za lakše čitanje. Saznat ćemo kada je potrebno koristiti neprekinuti razmak, a također ćemo se upoznati s drugim posebnim znakovima (ili, kako ih još nazivaju, mnemotehnikama).

Zapravo, savjetovao bih vam da ne zanemarite temu korištenja raznih posebnih znakova, budući da je to važna komponenta koja vam omogućuje da dovršite svoje proučavanje jezika za označavanje hiperteksta. Općenito, informacije navedene u ovoj publikaciji definitivno neće biti suvišne. Pa, sada na stvar.

Razmaci i razmaci u HTML-u

Prvo treba napraviti važnu napomenu. Na tipkovnici računala postoje posebne tipke koje vam omogućuju odvajanje teksta (o tome više u nastavku). Međutim, samo široka razmaknica pruža razdvajanje između riječi ne samo u uređivaču, već iu prozoru preglednika. Postoje nijanse kod lomljenja linija i uvlačenja od rubova.

Kao što znate, prikaz određenih elemenata u web pregledniku određen je oznakama. Za oblikovanje teksta koristi se dobro poznati , koji se temelji na blokovima. Odnosno, njegov sadržaj se nalazi po cijeloj dostupnoj širini.

Do prelomi retke unutar odlomka P, morate koristiti jednu BR oznaku, s kojom to možete učiniti. Recimo da u tekst trebamo umetnuti stihove iz pjesme koju smo napisali u uređivaču teksta:

Unatoč činjenici da su redovi stiha ispravno smješteni i crtice su 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 retka:

Sada smo ispunili zadatak i poetski stihovi bit će potpuno ispravno prikazani u pregledniku:

Time su dovršeni potrebni prijelomi redaka. Još jedna značajka koju ovdje treba napomenuti je da se više razmaka koji dolaze jedan za drugim prikazuje u web pregledniku 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 gumb "Spremi" pogledajte rezultat u pregledniku.

Razmak, tabulator i prijelom retka

Uglavnom, s ovima znakovi razmaka Upoznajemo se čim počnemo raditi s tekstom u editoru i oblikujemo ga u željeni oblik. Za provedbu takvog zadatka postoje posebni ključevi, od kojih svaki odgovara vlastitom razmaku:

  • Razmaknica je najšira tipka na tipkovnici računala (bez oznake);
  • Tab - tipka s lijeve strane s natpisom "Tab" i dvije strelice koje pokazuju u različitim smjerovima;
  • Prijelom retka - tipka "Enter".

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


Dobivamo kod koji je lako čitljiv i razumljiv zahvaljujući razmacima. Narančaste strelice označavaju udubljenja stvorena pomoću tipke Tab, a simboli CR i LF označavaju prijelome redaka stvorene pomoću tipke Enter.

Pregledavaju se spremnici ugniježđeni jedan u drugi, a oznake za otvaranje i zatvaranje jasno su vidljive. U ovom obliku, ovaj kod se može lako uređivati. Sada ga usporedite s istim kodom, koji nema takvu podjelu 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 pod zajednički nazivnik i potpuno završite s uređivanjem datoteke stilova, možete izvršiti uređivanje uklanjanjem svih razmaka iz koda. To je potrebno za povećanje, što je vrlo važno kada se promovira resurs.

Posebni znakovi (ili mnemotehnike) u HTML kodu

Sada pogledajmo slučajeve u kojima je potrebno koristiti posebne znakove koje sam spomenuo na početku članka. Posebni HTML znakovi, ponekad zvani mnemotehnika, uvedeni su kako bi se riješio dugogodišnji problem s kodiranjem koji se pojavio u jeziku za označavanje hiperteksta.

Kada tipkate tekst na tipkovnici, znakovi jezika koji koristite su kodirani. U web pregledniku će se upisani tekst prikazati pomoću fontova koje ste odabrali kao rezultat operacije obrnutog dekodiranja.

Činjenica je da postoji mnogo takvih kodiranja, sada nemamo cilj detaljno ih analizirati. Samo što svakom od njih možda nedostaju određeni simboli, koji se ipak moraju prikazati. Recimo da osjećate potrebu da napišete jednostruke navodnike ili znak naglaska, ali te ikone jednostavno nisu uključene u set.

Kako bi se uklonio ovaj problem, uveden je sustav posebnih simbola koji uključuje veliki broj različitih mnemotehnika. Svi počinju znakom & "&" i obično završavaju točkom i zarezom ";". U početku je svaki poseban znak imao svoj digitalni kod. Na primjer, za neprekinuti prostor, koji ćemo detaljnije razmotriti u nastavku, vrijedit će sljedeći unos:

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

Kao rezultat, preglednik prikazuje odgovarajući simbol. Popis mnemotehnike je vrlo obiman, najčešće korišteni posebni znakovi u HTML-u možete otkriti u sljedećoj tablici:

simbol kodirati mnemotehnika opis
neprekinuti prostor
uzak prostor (en-širina kao slovo n)
širok prostor (em-širina kao slovo m)
- crtica (crtica)
- em crtica (em crtica)
­ - ­ meki prijenos
A ́ naglasak se stavlja iza slova "naglasak".
© © autorsko pravo
® ® ® registrirani zaštitni znak
znak zaštitnog znaka
º º º koplje Marsa
ª ª ª ogledalo Venere
ppm
π π π pi (koristite Times New Roman)
¦ ¦ ¦ okomita isprekidana linija
§ § § paragraf
° ° ° stupanj
µ µ µ mikro znak
oznaka odlomka
elipsa
nadstavljanje
´ ´ ´ znak naglaska
brojčani znak
🔍 🔍 Povećalo (nagnuto ulijevo)
🔎 🔎 Povećalo (nagnuto udesno)
znakovi aritmetičkih i matematičkih operacija
× × × pomnožiti
÷ ÷ ÷ podijeliti
< < manje
> > > više
± ± ± plus/minus
¹ ¹ ¹ stupanj 1
² ² ² stupanj 2
³ ³ ³ stupanj 3
¬ ¬ ¬ negacija
¼ ¼ ¼ Jedna četvrtina
½ ½ ½ pola
¾ ¾ ¾ tri četvrtine
decimalna točka
minus
manje ili jednako
više ili jednako
približno (skoro) jednak
nejednak
istovjetno
kvadratni korijen (radikal)
beskonačnost
znak zbrajanja
oznaka rada
parcijalni diferencijal
sastavni
za sve (vidljivo samo ako je podebljano)
postoji
prazan skup
Ø Ø Ø promjer
pripada
ne pripada
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
kutak
logično I
logički ILI
križanje
Unija
znakovi valute
Euro
¢ ¢ ¢ Cent
£ £ £ lb
¤ ¤t; ¤ Znak valute
¥ ¥ ¥ Znak jena i juana
ƒ ƒ ƒ Florin znak
oznake
. jednostavan marker
krug
· · · središnja točka
križ
dvostruki križ
vrhovi
klubovi
srca
dijamant
romb
olovka
olovka
olovka
ruka
citati
" " " dvostruki navodnik
& & & ampersand
« « « lijevi tipografski navodnik (navodnik u obliku riblje kosti)
» » » desni tipografski navodnik (navodnik riblje kosti)
single corner citatni otvor
single corner quote closing
primarni (minute, stope)
dvostruko prima (sekunde, inči)
gornji lijevi jednostruki navodnik
gornji desni jednostruki navodnik
donji desni jednostruki navodnik
citat-foot lijevo
citat stopalo gore desno
citat stopalo dolje desno
jednostruki engleski početni navodnik
jednostruki engleski zatvarajući navodnik
otvarajući dvostruki navodnik
zatvarajući dvostruki navodnik
strijele
lijeva strelica
strelica prema gore
desna strijela
strelica prema dolje
strelica lijevo i desno
strelica gore i dolje
povrat prtljage
dvostruka strelica lijevo
dvostruka strelica prema gore
dvostruka desna strelica
dvostruka strelica prema dolje
dvostruka strelica lijevo i desno
dvostruka strelica gore i dolje
trokut strelica prema gore
trokut strelica prema dolje
trokut strelica desno
trokut strelica lijevo
zvijezde, snježne pahulje
Snjegović
Pahuljica
Snježna pahulja stisnuta djetelinom
Debela pahulja oštrog kuta
Osjenčana zvijezda
Prazna zvijezda
Neispunjena zvijezda u ispunjenom krugu
Ispunjena zvijezda s otvorenim krugom iznutra
Rotirajuća zvijezda
Nacrtana bijela zvijezda
Srednji otvoreni krug
Ispunjeni srednji krug
Sekstil (tip snježne pahulje)
Osmerokraka rotirajuća zvijezda
Zvijezda sa sfernim krajevima
Podebljani osmokraki zvjezdasti propeler u obliku kapi
Šesnaestokraka zvjezdica
Dvanaestokraka zvijezda
Podebljana osmerokraka ravno ispunjena zvijezda
Ispunjena šestokraka zvijezda
Osmokraka ravno ispunjena zvijezda
Zvijezda s osam krakova
Zvijezda s osam krakova
Zvijezda s praznim središtem
Debela zvijezda
Zašiljena četverokraka otvorena zvijezda
Zašiljena četverokraka ispunjena zvijezda
Zvijezda u krugu
Pahuljica u krugu
sat, vrijeme
Gledati
Gledati
Pješčani sat
Pješčani sat

Slučajevi korištenja nekih posebnih znakova, uključujući neprekinuti razmak i meku crticu

Ako ste već malo proučili tablicu, dobili ste potvrdu onog što sam gore rekao, da se za prikaz svih posebnih znakova koristi digitalni kod () ili njegov abecedni analog (simbolička mnemonika), gdje se umjesto skupa hash oznaka oznake i brojke, slova ().

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

. Ako s tipkovnice upišete kutne zagrade (a postoji takva opcija), preglednik će takvu konstrukciju percipirati kao početnu oznaku, a ne kao jednostavan fragment teksta.

Stoga iz iste HTML tablice posebnih 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 oblik

, trebate dodati njegov kod iz tablice:

podnožje

Tada će preglednik prikazati točno onaj zapis mnemotehnike koju je potrebno primijeniti za prikaz oznake FOOTER. Malo je zbunjujuće, ali na ovoj stranici možete vježbati ovaj aspekt unosom mnemotehnike za odgovarajuće znakove u polje “HTML” i korištenjem gumba “Pokreni”, a u području “Rezultat” dobivanjem rezultata njihovog prikaza u preglednik:


Imajte na umu da sam osigurao da je tekst omotan pomoću već spomenute BR oznake tako da sami znakovi nisu prikazani u jednom retku, već u stupcu radi praktičnosti.

Samo naprijed. Ponekad se u tekstu pojavljuju kombinacije koje nije poželjno razdvajati u različite retke. Recimo, "1000 rubalja." Bilo bi logično ostaviti ga u gornjoj liniji ili ako nema dovoljno prostora, premjestiti cijelu strukturu u crtu ispod.

To je osobito istinito ako korisnici koriste uređaje s različitim širinama zaslona, ​​uključujući mobilne. Doista, u ovom slučaju, web preglednik oblikuje tekst, prilagođavajući se novim uvjetima. A ako tekst izgleda ispravno na standardnim veličinama monitora, onda ako se one promijene, sve se može promijeniti.

Za ove slučajeve predviđeno je HTML neprekinuti razmak, što sam već spomenuo. Dopustite mi 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 preglednik ni pod kojim okolnostima neće razdvojiti, čak i ako je za ispravan prikaz potrebno oblikovanje teksta.

Postoji i situacija kada vrlo dugačka riječ ne stane u slobodni prostor i trebate pomaknuti dio nje. Kako mogu predefinirati novi red u ovom slučaju ako je potrebno? Za ovo postoji poseban znak meke crtice-, koji treba staviti na mjesto gdje treba prekinuti riječ:

Duga, duga, duga, duga riječ

Ako se pojavi situacija kada riječ treba staviti crticom, tada se na mjestu mnemonike meke crtice formira praznina, gdje se pojavljuje crtica (crtica), a ostatak riječi pojavljuje se u sljedećem retku ispod.

Međutim, opet, bit će 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 prikaz "Rezultat" tako da lijevom tipkom miša uhvatite rub ovog područja i, bez otpuštanja, povučete ulijevo kako biste smanjili širinu. Tada nastaje stvarna situacija kada preglednik počne preoblikovati sadržaj kako bi ga ispravno prikazao.

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

Kada se dokument prikaže na ekranu, razmaci i prazni redovi se ne čuvaju, osim teksta unutar oznaka PRIJE(prethodno formatirani tekst). To jest, svaki niz razmaka, kartica i praznih redaka ekvivalentan je jednom razmaku u HTML datoteci. S druge strane, prazan prostor u HTML datoteci može se predstaviti korištenjem bilo kojeg broja razmaka ili novih (praznih) redaka.

Termin newlin(novi redak) koristi se za TEORIJSKI označavanje kraja retka. SGML specificira da redak (zapis) mora započeti znakom za početak (novi redak - novi redak, LF, ASCII kod 10) i završiti znakom za kraj zapisa (povratak na početak reda, CR, ASCII 13). U praksi se HTML dokumenti prikazuju i prenose korištenjem reprezentacije novog retka u skladu s danim računalnim sustavima. Stoga HTML preglednici dopuštaju podršku za bilo koji od tri uobičajena prikaza odvajanja redaka, označenih nizom CR LF, samo CR ili samo LF, i na temelju ove pretpostavke ističu pogreške u predstavljanju vodećih i završnih znakova zapisa. .

Dakle, nije važno kako ćete podijeliti tekst u retke, budući da je novi redak jednak razmaku. Međutim, imajte na umu da ne biste trebali podijeliti riječ u dva retka u HTML-u. Ako, na primjer, podijelite riječ International u dva retka, kao što je prikazano u nastavku:

međunarodni

ovo će se protumačiti kao

međunarodni

Dakle, da biste svoj dokument predstavili logično, trebali biste koristiti HTML oznake kao što su P ili BR kako bi se osigurao pomak redaka ako je potrebno.

Preglednici općenito ne dijele riječi u dva retka osim ako riječ ne sadrži crticu. Referentne specifikacije HTML 3.2 nisu baš precizne u vezi s ovim pitanjem i kada se raspravlja o odjeljku tablice, 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.

Pazi se duljina linije je izvan vaše kontrole. To ovisi o pregledniku, računalu i postavkama osoba koje gledaju vaš dokument. Općenito govoreći, ne postoji način za sprječavanje prijeloma redaka između riječi, ali možete pokušati spriječiti prijelome redaka korištenjem neprekidnih razmaka.

Što se tiče korištenja novog retka u kombinaciji s HTML oznakama, postoje posebna pravila:

  • Prijelomi redaka odmah nakon početne oznake zanemaruju se. Na primjer, linije
  • Isto tako, prijelom retka koji prethodi završnoj oznaci se zanemaruje. Na primjer, linije

Vodoravni tabulator (HT) može se koristiti u HTML dokumentu. Ali unutar elementa PRIJE Tabulator ima posebno tumačenje, ekvivalentan je razmaku i ne nosi bilo koju vrstu tabulatorskih informacija. (Za predstavljanje tabličnih podataka koristite element stol.) 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 što prikazano u pregledniku.

Kao što smo već vidjeli, oznake HTML kao što je<р>, čita samo preglednik (da biste znali koji tip sadržaj napisan), ali nije prikazano u njemu.

Također smo vidjeli kako možete pisati komentari u HTML kodu kako bi pomogli čovjeku da pročita kod bez potrebe za prikazom tih komentara u pregledniku.

Druga vrsta pisanog koda koji ignorirani preglednik je prostor, uključuje:

  • prijelomi redaka;
  • prazne linije;
  • jezičak (ili uvlačenje).

Prekidi redaka

Prijelomi redaka i prazni redovi (koji su niz prijeloma redaka) u HTML kodu ignorirani preglednik. One iznose samo unificiran prostor.

Izvorna ideja weba bila je da bi to trebao biti prostor za suradnju gdje možete komunicirati dijeljenjem informacija.

Da bude stvarno umetnuti prijelom retka morate koristiti element
:

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

Tabeliranje

Tabeliranje je poseban znak dobiven pomoću tipke Tab. Obično pomiče pokazivač na sljedeću tabulatorsku tačku, ali ponekad se pretvara u dva razmaka.

U svakom slučaju, baš kao i redoviti razmak, tab nevidljiv. Preglednik ga također zanemaruje:

Označimo ovaj tekst tabulatorom.

Ako želite dodati prostor prije ukratko, morat ćete koristiti CSS.

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

Oblikovanje stabla

Budući da se HTML elementi mogu ugniježditi jedan u drugi, trebali biste pripaziti na njih u redu u kojem su otvoreni, jer će to utjecati na redoslijed kojim su zatvoreni.

Ovaj kod je napisan u jedan crta.

Budući da može biti teško pratiti redoslijed otvaranja HTML elemenata, preporuča se upisati HTML oblik stabla:

Ovaj kod je napisan u neki linije, ali će se i dalje pojavljivati ​​kao jedan crta.

Oblikovanje stabla omogućuje vam da vizualno reproducirati razina gniježđenja vaš HTML kod. Ovo olakšava vidjeti da:

  • je predak;
  • - roditelj Za I ;

  • I - Ovo bratski elementi.

Napišite HTML za čitanje

Tabulatore, prazne retke, razmake i prijelome redaka računalo izostavlja i sve se pretvara u jedan prostor.

HTML dokument piše i čita čovjek, ali ga čita samo računalo. S obzirom na to da kartice, razmaci i prijelomi redaka ne utječu na to kako će preglednik čitati i naknadno prikazati web stranicu, svoj dokument možete formatirati na način koji je najčitljiviji za sebe put.

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

  • koristiti tabeliranje pomoći u vizualizaciji prilozima HTML elementi;
  • umetnuti oznake otvaranja i zatvaranja elemenata bloka na odvojene linije;
  • pisati umetnute elemente u jednom redu (uključujući otvarajuće i zatvarajuće oznake).