Välilyöntimerkintä html:ssä. Välilyöntien käyttäminen HTML-koodin muotoiluun, välilyöntejä ja muita erikoismerkkejä (muistomerkkejä)

Hei, rakkaat lukijat blogisivusto! Ne, jotka ainakin pinnallisesti onnistuivat tutustumaan, huomasivat todennäköisesti jo, vaikkakin sisään yleisesti ottaen. Tämä tarkoittaa, että heillä on käsitys siitä, mitä HTML-merkkejä asiakirjakoodissa yleensä käytetään.

Tämän päivän artikkelissa yritämme selvittää, mikä välilyönti on HTML:ssä, missä tapauksissa voit hakea sitä välilyöntejä itse koodin muotoilun helpottamiseksi. Opimme milloin on tarpeen käyttää katkeamatonta välilyöntiä, ja tutustumme myös muihin erikoismerkkeihin (tai kuten niitä kutsutaan myös muistokirjoiksi).

Itse asiassa neuvoisin olemaan sivuuttamatta aihetta erilaisten erikoismerkkien käytöstä, koska tämä on tärkeä komponentti, jonka avulla voit suorittaa kielen opiskelun hypertekstimerkintä. Yleisesti ottaen tässä julkaisussa annetut tiedot eivät varmasti ole tarpeettomia. No, nyt asiaan.

Välilyönnit ja välilyönnit HTML:ssä

Ensin sinun on tehtävä tärkeä muistiinpano. Tietokoneen näppäimistössä on erikoisnäppäimet, joiden avulla voit toteuttaa tekstin jakamisen (lisätietoja alla). Kuitenkin vain leveä välilyönti erottaa sanat, ei vain editorissa, vaan myös selainikkunassa. Viivojen käärimisessä ja reunasta sisennyksessä on vivahteita.

Kuten tiedät, tiettyjen elementtien näyttäminen verkkoselaimessa määräytyy tunnisteiden avulla. Tekstin muotoiluun käytetään hyvin tunnettua , joka on lohkopohjainen. Eli sen sisältö sijaitsee koko käytettävissä olevan leveyden poikki.

Vastaanottaja rivittää rivit kappaleen P sisään, sinun on käytettävä yhtä BR-tunnistetta, jolla tämä voidaan tehdä. Oletetaan, että meidän on lisättävä tekstiin joitain rivejä runosta, johon kirjoitamme tekstieditori:

Huolimatta siitä, että jakeen rivit sijaitsevat oikein ja yhdysmerkit on tehty oikeisiin paikkoihin, kaikki näyttää selaimessa erilaiselta:

Saavuttaaksesi saman näytön verkkoselainikkunassa, sinun on kirjoitettava BR jokaiseen rivinvaihtoon:

Nyt olemme saavuttaneet tehtävän ja selaimessa runolliset rivit näkyvät melko oikein:

Täten, tarvittava tavutus rivit ovat valmiit. Tässä on myös huomioitava sellainen ominaisuus, että useat peräkkäin seuraavat välilyönnit näkyvät web-selain yhtenä. Voit varmistaa tämän, jos yrität samassa editorissa laittaa ei yhtä, vaan useita välilyöntejä kahden sanan väliin ja napsauttamalla "Tallenna" -painiketta, katsot tulosta selaimessa.

Välilyönti, sarkain ja rivinvaihto

Periaatteessa näiden kanssa välilyöntejä tutustumme toisiimme heti, kun alamme työstää tekstiä editorissa ja muotoilla sen haluttu muoto. Tällaisen tehtävän toteuttamiseksi on olemassa erityisiä avaimia, joista jokainen vastaa omaa välilyöntiään:

Space - tietokoneen näppäimistön levein näppäin (ilman kirjoitusta);
Taulukko - vasemmalla oleva näppäin, jossa on merkintä "Tab" ja kaksi eri suuntiin osoittavaa nuolta;
Rivinvaihto - "Enter"-näppäin.

Kuitenkin, kuten edellä sanoin, finaali haluttu lopputulos ei vain tekstieditorissa, vaan myös selaimessa, saamme vain ensimmäistä avainta käytettäessä. Kaikki kolme näppäintä (mukaan lukien sarkain ja rivinvaihto) ovat hyödyllisiä HTML-koodin muotoilussa. Oletetaan, että tältä koodinpätkä näyttää NotePad ++:ssa (selvitysmateriaali tästä editorista), kun kaikki välimerkit näkyvät:

Saamme koodin, jota on helppo lukea ja ymmärtää välilyöntien ansiosta. Oranssit nuolet merkitsevät Tab-näppäimellä luotuja sisennyksiä ja CR- ja LF-merkit merkitsevät Enter-näppäimellä tehtyjä rivinvaihtoja.

Sisäkkäisiä säiliöitä tarkastellaan, avaus- ja sulkemistunnisteet erottuvat hyvin. Tässä muodossa annettu koodi voidaan helposti muokata. Vertaa sitä nyt samaan koodiin, jolla ei ole tällaista tekstierottelua:

Samalla tavalla, käyttämällä välilyöntejä, voit kirjoittaa ja css-säännöt, joka näyttää visuaalisesti ymmärrettävältä ja sulavalta:

Kun olet tuonut kaikki tyylit yhteiseen nimittäjään ja lopettanut tyylitiedoston muokkauksen kokonaan, voit muokata sitä poistamalla kaikki välilyönnit koodista. Tätä on lisättävä, mikä on erittäin tärkeää resurssin edistämisessä.

Erikoismerkit (tai muistomerkit) HTML-koodissa

Katsotaanpa nyt tapauksia, joissa on tarpeen käyttää artikkelin alussa mainitsemiani erikoismerkkejä. asiantuntija HTML-merkkejä, jota joskus kutsutaan muistoksi, otettiin käyttöön ratkaisemaan pitkäaikainen koodausongelma hypertekstin merkintäkielessä.

Kun kirjoitat tekstiä näppäimistöllä, käyttämäsi kielen merkit koodataan. Verkkoselaimessa kirjoitettu teksti hahmonnetaan valitsemillasi fonteilla käänteisen dekoodauksen tuloksena.

Tosiasia on, että tällaisia koodauksia on monia, nyt meillä ei ole tavoitetta analysoida niitä yksityiskohtaisesti. Jokaisesta niistä voi vain puuttua tiettyjä merkkejä, jotka on kuitenkin näytettävä. Oletetaan, että haluat kirjoittaa yksittäisiä lainausmerkkejä tai aksenttimerkkejä, ja nämä kuvakkeet puuttuvat sarjasta.

Tämän ongelman poistamiseksi otettiin käyttöön erikoismerkkijärjestelmä, joka sisältää valtavan määrän erilaisia muistomerkkejä. Ne kaikki alkavat et-merkillä "&" ja päättyvät yleensä puolipisteeseen ";". Aluksi jokaisella erikoismerkillä oli oma digitaalinen koodinsa. Esimerkiksi katkeamattomalle välille, jota tarkastelemme alla yksityiskohtaisemmin, seuraava merkintä on totta:

Mutta jonkin ajan kuluttua yleisimmille symboleille määritettiin kirjaimelliset vastineet (muistomerkit), jotta ne olisi helpompi muistaa. Oletetaan, että saman rikkoutumattoman tilan kohdalla se näyttää tältä:

Tämän seurauksena selain näyttää vastaavan merkin. Muistiikan luettelo on erittäin laaja, HTML:n yleisimmin käytetyt erikoismerkit löydät alla olevasta taulukosta:

symboli	koodi	muistitekniikka	kuvaus
			rikkoutumaton tila
			kapea tila (n-kirjaimen leveys)
			leveä tila (em-leveys kirjaimeen m)
–	-	–	em viiva (en-dash)
-	—	—	em-viiva (em-viiva)
	-		pehmeä siirto
A		́	aksentti, sijoitettu "shokki"-kirjaimen jälkeen

©		©	tekijänoikeus
®	®	®	rekisteröity tavaramerkki
™	™	™	tavaramerkin merkki
º	º	º	marsin keihäs
ª	ª	ª	Venuksen peili
‰	‰	‰	ppm
π	π	π	pi (käytä Times New Romania)
¦	¦	¦	pystysuora katkoviiva
§	§	§	kohta
°	°	°	tutkinnon
µ	µ	µ	mikro merkki
¶	¶	¶	kappaleen merkki
…	…	…	ellipsi
‾	‾	‾	yliviivaus
´	´	´	aksentti
№		№	numeromerkki
🔍		🔍	Suurennuslasi (vasemmalle kallistettuna)
🔎		🔎	Suurennuslasi (oikealle kallistettuna)
aritmeettisten ja matemaattisten operaatioiden merkit
×	×	×	moninkertaistaa
÷	÷	÷	jakaa
<	<		Vähemmän
>	>	>	lisää
±	±	±	plus miinus
¹	¹	¹	aste 1
²	²	²	tutkinto 2
³	³	³	tutkinto 3
¬	¬	¬	kieltäminen
¼	¼	¼	yksi neljännes
½	½	½	puolikas
¾	¾	¾	kolme neljäsosaa
⁄	⁄	⁄	murto-osiopalkki
−	−	−	miinus
≤	≤	≤	pienempi tai yhtä suuri
≥	≥	≥	enemmän tai yhtä paljon
≈	≈	≈	suunnilleen (melkein) yhtä suuri
≠	≠	≠	ei tasa-arvoinen
≡	≡	≡	identtisesti
√	√	√	neliöjuuri (radikaali)
∞	∞	∞	ääretön
∑	∑	∑	summausmerkki
∏	∏	∏	tuotemerkki
∂	∂	∂	osittainen ero
∫	∫	∫	kiinteä
∀	∀	∀	kaikille (näkyy vain lihavoituna)
∃	∃	∃	olemassa
∅	∅	∅	tyhjä setti
Ø	Ø	Ø	halkaisija
∈	∈	∈	kuuluu
∉	∉	∉	ei kuulu
∋	∋	∗	sisältää
⊂	⊂	⊂	on osajoukko
⊃	⊃	⊃	on supersetti
⊄	⊄	⊄	ei ole osajoukko
⊆	⊆	⊆	on jommankumman alajoukko
⊇	⊇	⊇	on superjoukko tai yhtä suuri kuin
⊕	⊕	⊕	plus ympyrässä
⊗	⊗	⊗	kertomerkki ympyrässä
⊥	⊥	⊥	kohtisuorassa
∠	∠	∠	kulma
∧	∧	∧	looginen JA
∨	∨	∨	looginen TAI
∩	∩	∩	Risteys
∪	∪	∪	liitto
valuutan merkkejä
€	€	€	euroa
¢	¢	¢	Cent
£	£	£	Paunaa
¤	¤t;	¤	Valuutan merkki
¥	¥	¥	Jenin ja yuanin merkki
ƒ	ƒ	ƒ	Florinin merkki
merkit
	.		yksinkertainen merkki
○		○	ympyrä
·	·	·	keskipiste
†		†	ylittää
‡		‡	pettää
♠	♠	♠	huiput
♣	♣	♣	klubeja
			sydämet
♦	♦	♦	timantteja
◊	◊	◊	rombi
✏		✏	lyijykynä
✎		✎	lyijykynä
✐		✐	lyijykynä
✍		✍	käsi
lainausmerkit
"	"	"	kaksoislainaus
&	&	&	et-merkki
«	«	«	vasen typografinen lainausmerkki (kalanruotolainausmerkki)
»	»	»	oikea typografinen lainausmerkki (kalanruotolainausmerkki)
‹		‹	yksittäinen kulman lainaus avaaminen
›		›	yhden kulman lainauksen sulkeminen
′	′	′	aivohalvaus (minuutit, jalat)
″	″	″	kaksoisisku (sekuntia, tuumaa)
‘	‘	‘	ylempi vasen lainaus
’	’	’	yläoikea yksilainaus
‚	‚	‚	oikea alempi lainaus
“	“	“	lainausmerkki-jalka vasemmalla
”	”	”	lainausmerkki-jalka oikeassa yläkulmassa
„	„	„	lainausmerkki-jalka alhaalla oikealla
❛		❛	yhden englanninkielisen lainausmerkin aloitus
❜		❜	yksi englanninkielinen lainausmerkki sulkeutuu
❝		❝	kaksinkertainen englanninkielinen lainausmerkki
❞		❞	kaksinkertainen englantilainen lainausmerkki sulkeutuu
nuolet
←	←	←	vasen nuoli
			nuoli ylös
→	→	→	oikea nuoli
↓	↓	↓	nuoli alaspäin
↔	↔	↔	nuoli vasemmalle ja oikealle
↕		↕	ylös ja alas nuoli
↵	↵	↵	vaunun paluu
⇐	⇐	⇐	kaksoisnuoli vasemmalle
⇑	⇑	⇑	kaksinkertainen nuoli ylös
⇒	⇒	⇒	kaksois oikea nuoli
⇓	⇓	⇓	kaksoisnuoli alas
⇔	⇔	⇔	kaksoisnuoli vasemmalle ja oikealle
⇕		⇕	kaksoisnuoli ylös ja alas
▲		▲	kolmion muotoinen nuoli ylös
▼		▼	kolmion muotoinen alanuoli
			kolmion oikea nuoli
◄		◄	kolmion vasen nuoli
tähdet, lumihiutaleet
☃		☃	Lumiukko
❄		❄	Lumihiutale
❅		❅	Apiloiden puristama lumihiutale
❆		❆	Paksu teräväkulmainen lumihiutale
★		★	varjostettu tähti
☆		☆	varjostamaton tähti
✪		✪	Täyttämätön tähti täytetyssä ympyrässä
✫		✫	Täytetty tähti, jonka sisällä on täyttämätön ympyrä
✯		✯	pyörivä tähti
⚝		⚝	Piirretty valkoinen tähti
⚪		⚪	Keskimmäinen täyttämätön ympyrä
⚫		⚫	Keskikokoinen täytetty ympyrä
⚹		⚹	Sekstiili (lumihiutaletyyppi)
✵		✵	Kahdeksankärkinen pyörivä tähti
❉		❉	Tähti pallomaisilla päätteillä
❋		❋	Rohkea kahdeksankärkinen pisaran muotoinen potkuritähti
✺		✺	Heksadesimaalitähti
✹		✹	Kaksitoistasakarainen täytetty tähti
✸		✸	Lihavoitu kahdeksansakarainen suoraviivainen varjostettu tähti
✶		✶	kuusisakarainen täytetty tähti
✷		✷	Kahdeksankärkinen suoraviivainen varjostettu tähti
✴		✴	Kahdeksansakarainen varjostettu tähti
✳		✳	kahdeksansuuinen tähti
✲		✲	Tähti, jonka keskellä on tyhjä
✱		✱	lihava tähti
✧		✧	Terävä nelisakarainen varjostamaton tähti
✦		✦	Terävä nelisakarainen varjostettu tähti
⍟		⍟	tähti ympyrässä
⊛		⊛	Lumihiutale ympyrässä
kellonaika
⏰		⏰	Katsella
⌚		⌚	Katsella
⌛		⌛	Tiimalasi
⏳		⏳	Tiimalasi

Joidenkin erikoismerkkien käyttötapaukset, mukaan lukien välilyönti ja pehmeä yhdysmerkki

Jos olet jo tutkinut taulukkoa hieman, niin olet saanut vahvistuksen sanoille, jotka sanoin yllä, että kaikkien erikoismerkkien näyttämiseksi käytetään numeerista koodia () tai sen aakkosista analogia (merkkimuistomerkki), johon kirjoitetaan kirjaimet () hilan ja numeroiden yhdistelmän sijaan.

Katsotaan nyt, milloin on tarpeen käyttää näitä koodeja. Oletetaan, että artikkelissa sinun on määritettävä HTML-tunniste tiedotustarkoituksiin, esimerkiksi

. Jos kirjoitat kulmasulkeja näppäimistöltä (ja sellainen mahdollisuus on), selain havaitsee tällaisen rakenteen avaustunnisteena, ei yksinkertaisena tekstinä.

Siis samasta pöydästä HTML-erikoismerkit otamme vastaavat koodit ja koko merkintä näyttää tältä:

Lisäksi, jotta selaimessa ei näy itse et-merkkiä, vaan sen nimitys muodossa

, sinun on lisättävä sen koodi taulukosta:

alatunniste

Sitten selain näyttää tarkalleen ne muistiinpanot, joita on käytettävä näyttöön FOOTER-tunniste. Hieman hämmentävää, mutta tällä sivulla pääset harjoittelemaan tämä näkökohta, syöttämällä vastaavien merkkien muistiinpanot "HTML"-kenttään ja käyttämällä "Suorita"-painiketta ja "Tulos"-alueella saadaksesi tulos niiden näyttämisestä selaimessa:

Huomaa, että olen käyttänyt tekstin rivitystä jo mainitulla BR-tunnisteella, jotta itse merkit eivät näy yhdellä rivillä, vaan sarakkeessa mukavuuden vuoksi.

Mene eteenpäin. Joskus tekstissä on yhdistelmiä, joiden perusteella ei ole toivottavaa erottaa toisistaan erilaisia linjoja. Sanotaan "1000 ruplaa". on loogista tai jätä päälle kärkilinja, tai jos tilaa ei ole tarpeeksi, siirrä koko rakenne yhden rivin alapuolelle.

Tämä pätee erityisesti, jos käyttäjät käyttävät laitteita, joilla on eri leveys näyttö, mukaan lukien mobiililaitteet. Todellakin, tässä tapauksessa selain muotoilee tekstin sopeutuen uusiin olosuhteisiin. Ja jos klo vakiokoot näytön teksti näyttää oikealta, niin niiden muuttaminen voi muuttaa kaiken.

Näitä tapauksia varten on erottamaton HTML-tilaa jonka jo mainitsin. Muistutan, että tässä tapauksessa välilyöntikoodi on:

Ja se on lisättävä kahden linkitettävän merkkijoukon väliin:

1000 ruplaa.

Nyt selain ei koskaan erota niitä, vaikka tekstin muotoilu vaadittaisiin sen näyttämiseksi oikein.

On myös tilanne, jossa pitkä sana ei sovi joukkoon Vapaa tila ja haluat siirtää osan siitä. Miten rivinvaihto voidaan tarvittaessa määrittää ennalta tässä tapauksessa? Tätä varten on pehmeä tavuviiva erikoismerkki-, joka on sijoitettava kohtaan, jossa sana on murrettava:

pitkäpitkäpitkäpitkäpitkä sana

Jos syntyy tilanne, jossa sana täytyy tavuttaa, pehmeän yhdysviivamuistomerkin kohdalle muodostuu aukko, johon ilmestyy yhdysviiva ja loput tästä sanasta on seuraavalla rivillä alla.

Kuitenkin, jälleen kerran, on hyödyllistä seurata tätä koko asiaa, mukaan lukien esimerkit erottamattomasta ja pehmeästä siirrosta, omin silmin käytännössä:

Tämän editorin ikkunassa voit muuttaa "Tulos"-näkymäkentän kokoa tarttumalla tämän alueen reunaan hiiren vasemmalla painikkeella ja vapauttamatta sitä vetämällä sitä vasemmalle pienentääksesi leveyttä. Sitten on todellinen tilanne, kun selain alkaa muotoilla sisältöä uudelleen näyttääkseen sen oikein.

Ja siirto suoritetaan, mitä kuvaili esimerkeissä. Voit kuitenkin itse siirtää katseluikkunaa laajentamalla tai kaventaa sitä ja tarkistaa tämän visuaalisesti.

Tällä kertaa puhumme HTML-välilyönneistä. Ensi silmäyksellä aihe vaikuttaa merkityksettömältä eikä kovin tarpeelliselta, mutta voin vakuuttaa, että tämä ei ole kaukana siitä. HTML:n välilyönneillä on Ensinnäkin selkeä ja määritelty tarkoitus ja toiseksi ennalta määritetty käyttäytyminen. Mielestäni välilyöntien määrittäminen HTML:ssä on enemmän tai vähemmän selkeä: välilyöntejä käytetään pääasiassa HTML-muotoilu koodia, mutta ei vain tätä varten. Mutta välilyöntihahmojen käytöksessä kaikki ei mielestäni ole selvää. Asia on siinä, että selaimet kohtelevat välilyöntejä erityisellä tavalla, minkä vuoksi kirjoitin, että välilyönneillä on hyvin määritelty käyttäytyminen.

Huomaamme välittömästi, että HTML jakaa välilyönnit tyyppeihin: HTML-taulukointi, välilyönti ja rivinvaihto. Ja jokaista näistä tyypeistä selain käsittelee eri tavalla, ja HTML:ssä on erityisiä tunnisteita, jotka kertovat selaimelle, kuinka välilyöntejä tulee käsitellä. Tästä viestistä opit, mitä välilyönnit tarkoittavat HTML:ssä, millaisia välilyöntejä HTML:ssä jaetaan ja miten selain käsittelee niitä.

Tarkastelemme myös yksityiskohtaisesti jokaista välilyöntimerkkiä erikseen. Viesti käsittelee seuraavia kysymyksiä:

miten selain käsittelee aukkoja sisään HTML-dokumentti e ja mitä eroa niillä on säännöllinen tila ja rikkoutumatonta tilaa;
mihin sitä käytetään välilehdet HTML:ssä;
miten selain käsittelee rivinvaihtoja, mitä rivinvaihtoja varten HTML:ssä ja Miltä rivinvaihtomerkki näyttää HTML:ssä?;
miten selain pakotetaan pakottamaan rivinvaihto;
ja kuinka säilyttää kaikki välilyönnit HTML:ssä.

Toivon, että julkaisun sanalliset selitykset ja esimerkit auttavat sinua ymmärtämään, kuinka selain käsittelee välilyöntejä.

Mitä ovat välilyönnit HTML:ssä

HTML:ssä, kuten missä tahansa kielessä, jolla kehitämme jotain, on välilyöntejä. Joten käsitellään ensin kysymys: mitä ovat välilyönnit html:ssä? Vastaus on itse asiassa hyvin yksinkertainen. HTML:n välilyöntejä käytetään kahteen tarkoitukseen. HTML:n välilyöntien ensimmäinen tarkoitus tai tarkoitus on muotoilla HTML-dokumentti.

Välilyöntien avulla teemme HTML-koodista luettavaa ja ymmärrettävää meille ja muille kehittäjille. Hyväksy, että koodi ilman välilyöntejä ei olisi kovin luettavissa eikä sitä olisi kovin kätevää muokata. HTML-kielistandardi on lojaali välilyönneille, mikä tarkoittaa, että voimme käyttää niitä dokumentissa haluamallamme tavalla tai voimme kirjoittaa kiinteää koodia.

HTML:n välilyöntien toisen tarkoituksen voidaan sanoa olevan looginen, ja käytämme välilyöntejä erottamaan sanat toisistaan, koska tekstit ilman välilyöntejä olisivat täysin lukukelvottomia. On tilanteita, joissa laitat vahingossa muutaman välilyönnin sanojen väliin HTML-tunniste ja tässä tapauksessa selain "pakkaa" nämä välilyönnit yhdeksi. Tulevaisuudessa näemme tämän kanssasi ja katsomme esimerkkiä.

Toivomme, että kanssa selvitimme välilyöntien määrityksen HTML:ssä ja nyt voimme jatkaa eteenpäin. Välimerkkien aihe on melko yksinkertainen, mutta tärkeä. Periaatteessa HTML:ssä ei ole vaikeita aiheita eikä mikään ole merkityksetöntä, koska HTML on standardi, jota on noudatettava.

Välilyöntityypit HTML:ssä

Koska kaikki on selvää välilyöntien tarkoituksessa, on syytä ymmärtää välilyöntien tyypit. HTML:ssä ja yleensäkin välilyönnit voidaan erottaa seuraavasti: välilyönti, sarkain ja rivinvaihto. Välilyöntejä on hyvä kuvailla sanoin, mutta haluaisin nähdä ne omin silmin, mikä auttaa meitä tässä, jossa on syntaksin korostus, mutta nyt meille on tärkeää, että Notepad ++ pystyy näyttämään välilyöntejä.

Kiinnitä huomiota kuvaan: tämä on kuvakaappaus Notepad++:sta, joka avataan viestistä, jossa puhuimme . oranssi nuoli - on välilehti HTML-dokumentissa. Koska työskentelen Windows 10:n parissa HTML-rivin rivitys näkyy minulle kahdella merkillä: CR ja LF(tällainen perinne tulee kirjoituskoneista, perheen käyttöjärjestelmässä Linux-portti rivi on merkitty yhdellä LF-merkillä). Mutta Notepad ++ -tila näkyy punaisena pistesymbolina, jos katsot tarkkaan näyttöä, huomaat sen.

Niin, Notepad++ auttoi meitä näkemään välilyönnit HTML-dokumentissa: sarkain, rivinvaihto ja välilyönti. Emme kuitenkaan näe suurinta osaa näistä välilyönneistä HTML-sivu, jonka selain luo meille. Olemme jo sanoneet, että HTML ei ole välilyöntiherkkä, ja selaimet hylkäävät kaikki välilyönnit tunnisteiden välissä.

Haluamme myös kiinnittää huomiosi siihen, että jokainen välilyöntimerkki vie tilaa kiintolevylläsi. Välilyönnin koko HTML:ssä riippuu asiakirjan koodauksesta. Siksi, jos pyyhkäiset ja yrität hidastaa sivuston latausnopeutta, voit yrittää poistaa isännöinnistä kaikki välilyönnit väliltä, mikä pienentää asiakirjan kokoa.

Välilyönti ja katkeamaton tila HTML:ssä

Tarkastellaan nyt jokaista välilyöntimerkkiä erikseen. Aloitetaan välilyönnillä HTML:ssä. Tiedämme siis jo, että selain jättää huomioimatta kaikki välilyönnit tunnisteiden välillä. Mutta miten selain käsittelee välilyöntejä tunnisteiden sisällä? tärkeä kysymys, koska se vaikuttaa siihen, miten sivun tekstit näytetään. Katsotaanpa tätä esimerkillä. Avaa mikä tahansa sinulle sopiva editori, voit jopa käyttää tavallista muistilehteä, mutta suosittelen sinulle, jolla on erinomaiset ominaisuudet HTML-työskentelyyn, ja kirjoita seuraava koodi:

Tallenna tiedosto .html-tunnisteella mihin tahansa sinulle sopivaan kansioon ja avaa se selaimessa, näet tämän kuvan:

Näemme, että ensimmäisessä HTML-kappaleessa selain on "muuntanut" kaiken ylimääräisiä tiloja ja muut kuin välilyönnit yhteen välilyöntiin. Mutta toisessa kappaleessa tilanne on hieman erilainen. Tässä käytetään erikoismerkkiä, jonka usein sanotaan olevan katkeamaton välilyönti HTML:ssä. Koko asian pointti on, että HTML:ssä ei ole täysin oikein sanoa, että välilyönti ei katkea, koska tämä on erityinen koodaussekvenssi.

Ei-rikkovia välilyöntejä HTML-dokumenteissa, kuten missä tahansa muussa asiakirjassa, käytetään kertomaan avautuvalle ohjelmalle Tämä asiakirja(meidän tapauksessamme selain), että nämä sanat on yhdistetty välilyönnillä erottamattomasti, toisin sanoen, jos kirjoitamme "Hei maailma!", selain ei koskaan siirrä sanaa "maailma!" ilman sanaa "Hei" uudella rivillä, siirto suoritetaan vain yhdessä. Plus kaikki muu HTML:ssä voidaan käyttää katkeamatonta välilyöntiä lisätäksesi useita välilyöntejä sanojen väliin HTML-tunnisteiden sisällä.

Kiinnitä huomiota kuvaan, jossa näkyy selainikkuna: selain jätti huomioimatta kaikki rivinvaihdot huolimatta siitä, että käytimme katkeamatonta välilyöntiä HTML-tunnisteen sisällä

Tehdään yhteenveto välisummasta: selain jättää huomioimatta kaikki välilyönnit HTML-tunnisteiden ulkopuolella ja selain pakkaa kaikki välilyönnit HTML-tunnisteiden sisällä yhteen välilyöntiin asti, jos HTML-tunnisteen sisällä ei käytetä katkeamatonta välilyöntiä.

HTML-koodin sarkain tai jokin muu välilyöntimerkki

HTML-välilehti on vain yksi välilyöntimerkki. Useimmiten HTML-koodin välilehtiä käytetään muotoilemaan HTML-koodia editorissa. Välilehtiä ei saa käyttää HTML-tunnisteen sisällä.

Mistä puhumme seuraavaksi. Pointti on, että taulukolla ei ole kiinteä koko. Välilehden kokoa voi säätää sekä editorissa että selaimessa. Siksi on mahdotonta sanoa tarkalleen, kuinka välilehti näytetään tietylle käyttäjälle .

HTML:n välilehtiä voidaan määrittää (eikä vain HTML:ssä), koska se on useita välilyöntejä, jotka on ketjutettu yhteen. Jos haluat kirjoittaa välilyöntimerkin, paina sarkainnäppäintä (luulen, että tämä toimii missä tahansa editorissa). HTML:n välilehtiä voidaan käyttää koodin muotoiluun (älä sekoita koodin muotoilua suoraan tekstin muotoiluun HTML:ssä), mutta älä käytä sitä HTML-tunnisteiden sisällä, koska se näkyy jokaiselle käyttäjälle hänen asetustensa mukaisesti ja siksi eri tavoilla. Ehkä olemme sanoneet kaiken mitä voimme välilehtien käyttäminen HTML-dokumenteissa ja -editoreissa.

Rivinvaihto HTML:ssä tai kolmas välilyöntimerkki. Rivinvaihtohahmo

Rivinvaihto HTML:ssä, eikä vain HTML:ssä, tehdään painamalla Syötä avaimet. Rivinvaihtohahmo leikkaussaleissa Linux-järjestelmät: LF. Leikkaussaleissa Windows-järjestelmät CR LF, V Mac-järjestelmät Ennen käyttöjärjestelmän versiota yhdeksän rivinvaihtomerkki oli sekvenssi CR. Tiedämme siis jo sen selain ohittaa rivinvaihdot HTML-dokumentissa missä ne sijaitsevat.

Rivinvaihto HTML:ssä käytetään pääasiassa koodin muokkaamiseen ja muotoiluun, jotta se olisi luettavissa ja helposti muokattavissa. Älä unohda laittaa rivinvaihtomerkkiä, jotta sinun ja kanssasi työskentelevien ihmisten on helpompi lukea koodia.

Miten selain tekee rivinvaihdot

Joten olemme jo selvittäneet, kuinka selain tulkitsee välilyöntejä, ja periaatteessa päätimme itse kysymyksen siitä, mitä välimerkit ovat: sarkain, välilyönti, katkeamaton välilyönti, rivinvaihtomerkki, me tarvitsemme koodin muotoilua varten jotta se olisi luettavissa. Mutta emme kertoisi koko totuutta, jos emme puhuisi siitä, kuinka selain tekee rivien rivitystä, kun sillä ei ole tarpeeksi näkymää.

Asia on siinä, että selaimelle välilyönnit ovat ohjeita, joiden mukaan se määrittää, kuinka rivit rivitetään siinä tapauksessa, että niitä ei voida sovittaa näyttöporttiin. Yritetään toteuttaa yksinkertainen esimerkki. Luodaan yksinkertainen html asiakirja. Avaa esimerkiksi mikä tahansa kätevä editori ja kirjoita seuraava koodi:

Välilyönti HTML:ssä

Ilman välilyöntejä kirjoitettua tekstiä ei siirretä

Selain käyttää välilyöntejä rivien rivittämiseen, kun näkymä ei ole tarpeeksi suuri koko riville.

< ! DOCTYPE html >

< html lang = "ru-RU" >

< head >

< meta charset = "UTF-8" >

< title >Välilyönti HTML:ssä< / title >

< link rel = "stylesheet" type = "text/css" href = "style.css" / >

< / head >

< body >

< h1 >Ilman välilyöntejä kirjoitettua tekstiä ei siirretä< / h1 >

< p >Selain käyttää välilyöntejä käärimisen suorittamiseen

rivit, jos näkymä ei riitä

sopii koko riville< / p >

< / body >

< / html >

Avaa sitten esimerkki selaimessa ja pienennä näkymä minimiin, näet jotain alla olevan kuvan kaltaista.

HTML-otsikon tapauksessa selain ei käärinyt mitään ja jätti merkkijonon ennalleen. Mutta HTML-kappaleen tapauksessa selain ymmärtää sen kuinka kääriä viivoja johtuu siitä, että kappaleen tekstissä on välilyöntejä, joihin selain keskittyy katkaistakseen rivin.

Olemme siis jo löytäneet kolme käyttöä välilyönnille HTML:ssä: ensimmäinen ja tärkein on, että koodin muotoiluun käytetään välilyöntejä, toinen käyttö on, että selain, keskittyen välilyönteihin, rivittää rivit siinä tapauksessa, että sillä ei ole tarpeeksi katselualuetta, ja kolmas käyttö on välilyöntejä HTML:ssä on sanojen erottamista tekstissä.

Pakota rivinvaihto HTML:ssä. HTML-tunniste

Joten huomasimme, että selain aivastanut rivinvaihdoissa HTML:ssä, mutta mitä meidän pitäisi tehdä, jos on tarve katkaista viiva haluamaamme kohtaan, ei selaimessa siihen, mihin näkymä päättyy? Haluamme esimerkiksi julkaista runoja, mutta niiden julkaiseminen kappaleessa ei ole kovin oikeaa ja hankalaa. Tällaisissa tilanteissa se säästää meidät ja lisäksi säästää meidät paljon, HTML-tunniste
.

BR on inline HTML elementti ja yksi HTML-tunniste. Suorittaa HTML-tunnisteen
yksi yksinkertainen mutta tärkeä toiminto – tekee pakotetun rivinvaihdon. Kun selain näkee HTML-tunnisteen
, se luo HTML-elementin, jonka käyttäjät näkevät rivinvaihtoina. Tehdään pakotettu rivinvaihto esimerkin avulla, avaa mikä tahansa sinulle sopiva editori, mielestäni yksi parhaista kätevät editorit on , ja kopioi seuraava koodi:

Välilyönti HTML:ssä

Valkoinen koivu
ikkunani alla
lumen peitossa,
Aivan hopeaa.

< ! DOCTYPE html >

< html lang = "ru-RU" >

< head >

< meta charset = "UTF-8" >

< title >Välilyönti HTML:ssä< / title >

< link rel = "stylesheet" type = "text/css" href = "style.css" / >

< / head >

< body >

< p >Valkoinen koivu< br >Ikkunan alla< br >

Lumen peitossa< br >Tarkkaan hopeaa.< / p >

< / body >

< / html >

Yeseninin työn nelikko näytetään seuraavasti:

Jokainen runon rivi on kirjoitettu uusi rivi Pohjimmiltaan se on se, mitä olemme yrittäneet saavuttaa. Tagi siis
käytetään pakottaa rivinvaihdot HTML:ään. Jos kirjoitat kaksi tai useampia BR-tunnisteita peräkkäin, selain luo niin monta pakotettua rivinvaihtoa kuin on tunnisteita
hän tapaa asiakirjassa.

Tunnisteen tärkeä ominaisuus
on, että kaikki välilyönnit, jotka sijaitsevat koodissa ennen sitä, ja kaikki merkit, jotka sijaitsevat sen jälkeen, ohitetaan. Siksi voit turvallisesti muodostaa pakotetun rivinvaihdon tällä tagilla ilman pelkoa, että ylimääräinen välilyönti "tulee ulos" jostain. On huomattava, että tunniste
on yksiselitteinen, joka kertoo selaimelle kuinka käsitellä seuraavaa
riviä, jos teksti kiertyy kelluvan HTML-elementin ympärille, mutta puhumme siitä toisessa viestissä.

Välilyöntien säilyttäminen HTML:ssä. HTML-tunniste

Keskustellaan nyt Vladimir Majakovskin ongelmasta... Tai pikemminkin hänen tyylistään, vielä tarkemmin, kuinka voimme kirjoittaa Vladimir Majakovskin runoja HTML-dokumenttiin.

Pitääkö meidän todella käyttää erikoismerkkejä HTML:ssä, kuten välilyöntiä ja jokaisen rivin jälkeen tagia
? Vastaus: Ei tietenkään. HTML-standardin kehittäjät ottivat tämän huomioon ja ottivat sen osaksi standardia erityinen HTML tag

. Tag Tai esimuotoiltu venäjäksi voidaan kääntää tekijän muotoiluksi.
Tämä tunniste sallii säilyttää välilyönnit HTML:ssä.  Kun selain kohtaa tekstin tunnisteen sisällä 
Se näyttää sen sellaisena kuin se on, eli kaikki välilyönnit säilyvät: rivinvaihdot, sarkaimet ja pelkkä välilyönti tallennetaan tagin sisään. Tapa, jolla kirjoitit ne.
Huomaa, että HTML-tunniste 
Se on paritettu, ja PRE HTML -elementti on lohkoelementti.  Itse asiassa tunnistetta kutsutaan tekijän muotoiluksi edellä mainitsemastamme syystä: selain tallentaa kaikki tämän tagin sisällä olevan tekstin välilyönnit siinä muodossa, jossa kirjoittaja ne kirjoitti.  kokeillaan säilytä kaikki välilyönnit html:ssä, käyttämällä tunnistetta Katsotaanpa, kuinka välilyönnit näkyvät selaimessa.

Asiakirjan koodi on hyvin yksinkertainen, V. Majakovskin säe on sijoitettu säiliöön 
Katsotaan nyt miten selain käsittelee sisällä olevia välilyöntejä HTML-elementti PRE.

Näemme, että kaikki välilyönnit säilyvät siinä muodossa, jossa ne kirjoitimme.  Olemme nyt varmistaneet, että tunniste 
Säilyttää todella välilyönnit HTML-sivuilla.
Tehdään siis yhteenveto kaikesta yllä olevasta. HTML:ssä on kolmenlaisia välilyöntejä: sarkain, rivinvaihto ja välilyönti.. HTML:n välilehdet tulee käyttää vain muotoilemaan HTML-koodia editorissa. Rivinvaihdot HTML:ssä selaimet jättävät ne huomioimatta "pakkaamalla" ne välilyönneiksi, aivan kuten sarkaimet.  Luo rivinvaihtomerkki HTML:ään käyttämällä tagia 
.
Välilyönti HTML:ssä tarvitaan kahteen tarkoitukseen: selain määrittää, kuinka rivit jaetaan välilyönnillä, välilyöntejä tarvitaan tekstin lukemiseen.  HTML tukee erityisiä koodausmerkkejä, esim. katkeamaton välilyöntimerkki HTML:ssä voidaan käyttää, kun haluat kirjoittaa useita välilyöntejä peräkkäin (muuten selain lyhentää ne yhdeksi) tai koodia, jolla haluat kertoa selaimelle, ettei se rivitä sanoja uusille riveille ilman toisiaan.
Hei, rakkaat blogisivuston lukijat.  Hieman aikaisemmin saimme jo puhua siitä, kuinka opimme myös sen suunnittelusta.  Nykyään meillä on puolestaan HTML-aukon käsite, samoin kuin siihen liittyvän koodin muotoilu sitä kirjoitettaessa (sen myöhemmän lukemisen ja havaitsemisen helpottamiseksi).
No, koska käsittelemme aihetta rikkoutumattomasta välilyönnistä ja pehmeästä tavutuksesta, meidän on keskitettävä huomiomme HTML-kielessä käytettyihin niin kutsuttuihin erikoismerkkeihin tai muistomerkkeihin, joiden avulla voit lisätä to verkkokoodi dokumentoi paljon lisämerkkejä, kuten jo edellä mainittu.  Mutta ensin asiat ensin.
Välilyönnit ja välilyönnit HTML-kielellä
Ennen kuin siirryn tekstin muotoiluun erityisesti tätä varten suunniteltujen tunnisteiden (kappale, otsikot jne.) avulla, haluan jäädä hetkeksi, kuinka välilyönnit, rivinvaihdot (Enter) ja taulukointi tulkitaan HTML-kielessä. , miten erittely suoritetaan tekstiä selainikkunassa, kun kokoa muutetaan.
Totta, tällaiseen visuaaliseen muotoiluun (joka ei näy verkkosivulla) he eivät useimmiten käytä välilyöntejä itse, vaan taulukko- ja rivinvaihtomerkkejä.  On olemassa tällainen sääntö - kun alat kirjoittaa sisäkkäistä html-tunniste, Tuo sisennys välilehdellä (Tab-näppäin näppäimistöllä) ja kun suljet tämän tunnisteen, poista sisennys (näppäimistön pikanäppäin Shift + Tab).
Sinun on tehtävä tämä siten, että avaus- ja sulkemistunnisteet ovat samalla pystytasolla (sama määrä välilehtiä HTML-editorin sivun oikeasta reunasta, esim. Notepad ++, jonka kirjoitin noin).  Lisäksi suosittelen, että teet useita rivinvaihtoja heti avauselementin kirjoittamisen jälkeen ja kirjoitat välittömästi sulkevan elementin samalle tasolle (välilehtien lukumäärä), jotta et unohda tehdä sitä myöhemmin.
Nuo.  avaus- ja sulkemiselementit tulee olla samalla tasolla pystysuunnassa, ja siirrämme sisäisiä tunnisteita yhden sarkainmerkin verran ja asetamme sulkemis- ja avauselementit taas samalle tasolle.
varten yksinkertainen verkko asiakirjoja, tämä saattaa tuntua liioitellulta, mutta luotaessa enemmän tai vähemmän monimutkaisia asiakirjoja, ne koodi on paljon selkeämpi ja luettavissa välilyöntien runsauden vuoksi, ja siinä on myös paljon helpompi havaita virheitä tunnisteiden symmetrisen järjestelyn vuoksi.
Erikoismerkit tai muistomerkit HTML-koodissa
Puhutaan siis nyt ns erikoismerkit, jonka käytettävyydestä kerroin tämän artikkelin alussa.  Erikoismerkkejä kutsutaan joskus myös muistokirjoiksi tai korvauksiksi.  Ne on tarkoitettu ratkaisemaan hypertekstin merkintäkielessä pitkään esiintynyt ongelma, joka liittyy käytettyihin koodauksiin.
Kun kirjoitat tekstiä näppäimistöllä, kielesi merkit koodataan ennalta määritetyn algoritmin mukaan, ja sitten ne näytetään sivustolla käyttämilläsi fonteilla (mistä löytää ja kuinka asentaa sivustolle) dekoodauksen vuoksi.
Koodauksia on paljon, mutta HTML-kielelle on oletuksena otettu käyttöön laajennettu versio koodauksista.
Tässä tekstikoodauksessa oli mahdollista kirjoittaa muistiin vain 256 merkkiä - 128 ASCII-merkistä ja 128 venäjän kielen kirjaimia.  Tämän seurauksena syntyi ongelma merkkien käytössä sivustoilla, jotka eivät sisälly ASCII:hen eivätkä ole venäjän kielen kirjaimia, jotka ovat osa Windowsin koodaukset 1251 (CP1251).  No, sinulle tuli mieleen käyttää aaltoviivaa tai heittomerkkiä ja sen mahdollisuudet alun perin käytetyllä kielellä Html-koodaus ei sisälly.
Tällaisia tapauksia varten keksittiin substituutiot tai toisin sanoen muistikirjat.  Aluksi erikoishahmoilla oli digitaalinen näkymä levyjä, mutta sitten yleisimmille niistä lisättiin aakkosellinen vastine, jotta ne olisi helpompi muistaa.
SISÄÄN yleisesti ymmärretty, muistomerkki on merkki, joka alkaa et-merkillä "&" ja päättyy puolipisteeseen ";".  Näillä perusteilla selain HTML-jäsennys koodi poimii siitä erikoismerkit.  Numeerisen korvauskoodin et-merkin jälkeen on välittömästi seurattava punnan merkki "#", jota joskus kutsutaan hashiksi.  Ja vasta sitten seuraa halutun merkin numeerista koodia Unicode-koodauksessa.
Unicodessa voidaan kirjoittaa yli 60 000 merkkiä - tärkeintä on, että sivustollasi käytetty kirjasin tukee tarvitsemaasi muistomerkkiä.  On fontteja, jotka tukevat melkein kaikkia Unicode-merkkejä, ja on vaihtoehtoja, joissa on vain tietty merkkijoukko.
Erikoishahmojen täydellinen luettelo on yksinkertaisesti valtava, mutta yleisimmin käytetty muistio voit lainata esimerkiksi tästä taulukosta:
Symboli Html-koodi Desimaali 
koodi Kuvaus



rikkoutumaton tila
 

 
 
kapea tila (n-kirjaimen leveys)
 

 
 
leveä tila (em-leveys kirjaimeen m)
–
-
–
em viiva (en-dash)
-
—
—
em-viiva (em-viiva)

-

pehmeä siirto
A 
́
aksentti, sijoitettu "shokki"-kirjaimen jälkeen
©

©
tekijänoikeus
®
®
®
rekisteröity tavaramerkki
™
™
™
tavaramerkin merkki
º
º
º
marsin keihäs
ª
ª
ª
Venuksen peili
‰
‰
‰
ppm
π
π
π
pi (käytä Times New Romania)
¦
¦
¦
pystysuora katkoviiva
§
§
§
kohta
°
°
°
tutkinnon
µ
µ
µ
mikro merkki
¶
¶
¶
kappaleen merkki
…
…
…
ellipsi
‾
‾
‾
yliviivaus
´
´
´
aksentti
№

№
numeromerkki
🔍

🔍
Suurennuslasi (vasemmalle kallistettuna)
🔎

🔎
Suurennuslasi (oikealle kallistettuna)
aritmeettisten ja matemaattisten operaatioiden merkit
×
×
×
moninkertaistaa
÷
÷
÷
jakaa
<
<

Vähemmän
>
>
>
lisää
±
±
±
plus miinus
¹
¹
¹
aste 1
²
²
²
tutkinto 2
³
³
³
tutkinto 3
¬
¬
¬
kieltäminen
¼
¼
¼
yksi neljännes
½
½
½
puolikas
¾
¾
¾
kolme neljäsosaa
⁄
⁄
⁄
murto-osiopalkki
−
−
−
miinus
≤
≤
≤
pienempi tai yhtä suuri
≥
≥
≥
enemmän tai yhtä paljon
≈
≈
≈
suunnilleen (melkein) yhtä suuri
≠
≠
≠
ei tasa-arvoinen
≡
≡
≡
identtisesti
√
√
√
neliöjuuri (radikaali)
∞
∞
∞
ääretön
∑
∑
∑
summausmerkki
∏
∏
∏
tuotemerkki
∂
∂
∂
osittainen ero
∫
∫
∫
kiinteä
∀
∀
∀
kaikille (näkyy vain lihavoituna)
∃
∃
∃
olemassa
∅
∅
∅
tyhjä setti
Ø
Ø
Ø
halkaisija
∈
∈
∈
kuuluu
∉
∉
∉
ei kuulu
∋
∋
∗
sisältää
⊂
⊂
⊂
on osajoukko
⊃
⊃
⊃
on supersetti
⊄
⊄
⊄
ei ole osajoukko
⊆
⊆
⊆
on jommankumman alajoukko
⊇
⊇
⊇
on superjoukko tai yhtä suuri kuin
⊕
⊕
⊕
plus ympyrässä
⊗
⊗
⊗
kertomerkki ympyrässä
⊥
⊥
⊥
kohtisuorassa
∠
∠
∠
kulma
∧
∧
∧
looginen JA
∨
∨
∨
looginen TAI
∩
∩
∩
Risteys
∪
∪
∪
liitto
valuutan merkkejä
₽

₽
Rupla.  Rupla-merkkiä tulee käyttää numerotaukolla.  Unicode 7.0 -standardi.  Jos et näe kuvaa, päivitä Unicode-fonttisi.
€
€
€
euroa
¢
¢
¢
Cent
£
£
£
Paunaa
¤
¤
¤
Valuutan merkki
¥
¥
¥
Jenin ja yuanin merkki
ƒ
ƒ
ƒ
Florinin merkki
merkit

.

yksinkertainen merkki
○

○
ympyrä
·
·
·
keskipiste
†

†
ylittää
‡

‡
pettää
♠
♠
♠
huiput
♣
♣
♣
klubeja



sydämet
♦
♦
♦
timantteja
◊
◊
◊
rombi
✏

✏
lyijykynä
✎

✎
lyijykynä
✐

✐
lyijykynä
✍

✍
käsi
lainausmerkit
"
"
"
kaksoislainaus
&
&
&
et-merkki
«
«
«
vasen typografinen lainausmerkki (kalanruotolainausmerkki)
»
»
»
oikea typografinen lainausmerkki (kalanruotolainausmerkki)
‹

‹
yhden kulman lainausaukko
›

›
yhden kulman lainauksen sulkeminen
′
′
′
aivohalvaus (minuutit, jalat)
″
″
″
kaksoisisku (sekuntia, tuumaa)
‘
‘
‘
ylempi vasen lainaus
’
’
’
yläoikea yksilainaus
‚
‚
‚
oikea alempi lainaus
“
“
“
lainausmerkki-jalka vasemmalla
”
”
”
lainausmerkki-jalka oikeassa yläkulmassa
„
„
„
lainausmerkki-jalka alhaalla oikealla
❛

❛
yhden englanninkielisen lainausmerkin aloitus
❜

❜
yksi englanninkielinen lainausmerkki sulkeutuu
❝

❝
kaksinkertainen englanninkielinen lainausmerkki
❞

❞
kaksinkertainen englantilainen lainausmerkki sulkeutuu
nuolet
←
←
←
vasen nuoli



nuoli ylös
→
→
→
oikea nuoli
↓
↓
↓
nuoli alaspäin
↔
↔
↔
nuoli vasemmalle ja oikealle
↕

↕
ylös ja alas nuoli
↵
↵
↵
vaunun paluu
⇐
⇐
⇐
kaksoisnuoli vasemmalle
⇑
⇑
⇑
kaksinkertainen nuoli ylös
⇒
⇒
⇒
kaksois oikea nuoli
⇓
⇓
⇓
kaksoisnuoli alas
⇔
⇔
⇔
kaksoisnuoli vasemmalle ja oikealle
⇕

⇕
kaksoisnuoli ylös ja alas
▲

▲
kolmion muotoinen nuoli ylös
▼

▼
kolmion muotoinen alanuoli



kolmion oikea nuoli
◄

◄
kolmion vasen nuoli
tähdet, lumihiutaleet
☃

☃
Lumiukko
❄

❄
Lumihiutale
❅

❅
Apiloiden puristama lumihiutale
❆

❆
Paksu teräväkulmainen lumihiutale
★

★
varjostettu tähti
☆

☆
varjostamaton tähti
✪

✪
Täyttämätön tähti täytetyssä ympyrässä
✫

✫
Täytetty tähti, jonka sisällä on täyttämätön ympyrä
✯

✯
pyörivä tähti
⚝

⚝
Piirretty valkoinen tähti
⚪

⚪
Keskimmäinen täyttämätön ympyrä
⚫

⚫
Keskikokoinen täytetty ympyrä
⚹

⚹
Sekstiili (lumihiutaletyyppi)
✵

✵
Kahdeksankärkinen pyörivä tähti
❉

❉
Tähti pallomaisilla päätteillä
❋

❋
Rohkea kahdeksankärkinen pisaran muotoinen potkuritähti
✺

✺
Heksadesimaalitähti
✹

✹
Kaksitoistasakarainen täytetty tähti
✸

✸
Lihavoitu kahdeksansakarainen suoraviivainen varjostettu tähti
✶

✶
kuusisakarainen täytetty tähti
✷

✷
Kahdeksankärkinen suoraviivainen varjostettu tähti
✴

✴
Kahdeksansakarainen varjostettu tähti
✳

✳
kahdeksansuuinen tähti
✲

✲
Tähti, jonka keskellä on tyhjä
✱

✱
lihava tähti
✧

✧
Terävä nelisakarainen varjostamaton tähti
✦

✦
Terävä nelisakarainen varjostettu tähti
⍟

⍟
tähti ympyrässä
⊛

⊛
Lumihiutale ympyrässä
kellonaika
⏰

⏰
Katsella
⌚

⌚
Katsella
⌛

⌛
Tiimalasi
⏳

⏳
Tiimalasi
Siellä on aika mielenkiintoista tapa saada html-koodi muistomerkki tarvitsemaasi hahmoa varten.  Tätä varten riittää avaaminen Microsoft editori sana, luo uusi asiakirja ja valita ylävalikko"Insert" - "Symbol" (Käytän vuoden 2003 versiota, joten en tiedä kuinka tehdä vastaava toiminto myöhemmissä versioissa).
Avautuvassa ikkunassa sinun on valittava fontti, esimerkiksi Times New Roman (tai mikä tahansa muu, joka varmasti löytyy useimmissa sivustosi vierailijoiden tietokoneissa - esimerkiksi Courier tai Arial).
Lisää luettelosta, joka avautuu omaan Word-asiakirja kaikki tarvitsemasi erikoismerkit ja tallenna tämä Word-asiakirja web-sivuksi (valitaan ".html"-pudotusvalikosta tallennuksen yhteydessä).  No, sitten sinun on vain avattava tämä verkkosivu missä tahansa Html-editori(sama Notepad ++ käy) ja näet kaiken digitaalisia koodeja tarvitsemasi muistomerkit:
Menetelmä on hieman monimutkainen, mutta jos haluat käyttää jotakin harvinaista erikoissymbolia sivustosi sivulla, se on helpompaa kuin yllä olevan kaltaisten taulukoiden etsiminen Internetistä.  Sinun on lisättävä tuloksena oleva erikoismerkkikoodi Oikea paikka ja sen sijaan web-sivulla selain näyttää tarvitsemasi merkin (esimerkiksi katkeamattoman välilyönnin).
Esimerkeissä katkeamaton välilyönti ja pehmeä tavutus
Kuten edellä mainitsin ja kuten yllä olevasta erikoismerkkitaulukosta näkyy, jotkut HTML-muistomerkit saivat digitaalisen lisäksi myös symbolisen merkinnän. ulkoa ottaminen.  Nuo.  merkkimuunnelmissa punnan merkin "#" (hash) sijaan käytetään sanoja.  Esimerkiksi sama katkeamaton välilyönti voidaan kirjoittaa joko (digitaalinen muistomerkki) tai (merkki).
Kun kirjoitat artikkeleita, jos sinun on lisättävä et-merkki (&) tai avoin kulmasulku (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.
Eli jos kirjoitat artikkelia, johon sinun on lisättävä tekstiin esimerkiksi näyttötunniste< body>tai muuten sinun täytyy vain lisätä alle -merkki (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.
Siksi sinun on lisättävä seuraava rakenne tällaisen ongelman ratkaisemiseksi:
Sama koskee itse muistiinpanojen koodin näyttämistä, koska ne alkavat et-merkillä.  Sinun on lisättävä tekstiin koodi korvaamalla et-merkki sen korvauksella (erikoismerkki):
 Tämä on tehtävä sivulle pääsemiseksi<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
Lisäksi käytät todennäköisesti välilyöntiä, joka näyttää tavalliselta välilyönniltä verkkosivulla, mutta selain ei käsittele sitä välilyöntinä ollenkaan ja ei siirry sen yli(Tämä sopisi esimerkiksi sellaisille lauseille kuin 1400 GB jne., joissa ei olisi toivottavaa kuljettaa yhdysmerkkiä eri riveillä):
1400 GB.
Joskus voi syntyä päinvastainen tilanne, kun tekstissä on hyvin pitkiä sanoja ja halutaan varmistaa, että selain tarvittaessa voisi rikkoa nämä sanat siirrolla.  Tällaisia tarkoituksia varten tarjotaan erityinen symboli "pehmeä siirto" -
Pitkä, pitkä sana;
Kun on tarpeen siirtyä toiselle riville, selain asettaa yhdysviivan pehmeän rivitysmuistomerkin sijaan ja lähettää loput sanasta seuraavalle riville.  Jos tilaa on tarpeeksi tälle sanalle yhdelle riville, selain ei piirrä rivinvaihtoa.  Siinä se, se on yksinkertaista.
 Onnea sinulle!  Nähdään pian blogisivuilla
Voit katsoa lisää videoita siirtymällä osoitteeseen
");">
Saatat olla kiinnostunut
MailTo - mikä se on ja kuinka luoda sähköpostilinkki HTML-muodossa 
Otsikkeiden H1-H6, vaakaviivan Hr, rivinvaihdon Br ja kappaleen P tunnisteet ja attribuutit Html 4.01 -standardin mukaisesti 
Linkin ja kuvan (valokuva) lisääminen HTML:ään - IMG- ja A-tunnisteet
Koneella kirjoitettu teksti koostuu painetuista merkeistä - graafisista symboleista. 
Graafiset merkit ovat merkkejä, jotka näkyvät tekstissä. 
Kaikki graafiset merkit kootaan yhteen yleiseen Unicode-järjestelmään. 
Lisää unicode-graafinen merkki html-dokumenttiin 
- tämän taulukon tärkein ja ainoa tarkoitus.
Voit lisätä merkin html-dokumenttiin jollakin seuraavista tavoista:
kopioi symbolikuva selainikkunasta visuaalisen html-editorin ikkunaan
kopioida merkin html-koodi suoraan html-dokumentin koodiin
 Ymmärrämme, että nämä ovat kaksi eri tapaa: lisää visuaalinen visuaaliseen
upota koodi koodiin.
Symbolin fontti, sen koko ja väri HTML:ssä voidaan asettaa koodilla, kuten: 
 CHAR_CODE 
Missä, 
Arial - fontti, 
10px - kirjasinkoko pikseleinä, 
#ff0000 - fontin värikoodi (punainen)
Esimerkiksi: 
☎ - kirjasinkoko 30px, 
☎ - kirjasinkoko 30px, väri - punainen 
☎ - kirjasinkoko 20px, 
☎ - kirjasinkoko 10px. 
Huomautus.  Suositeltavat fontit erikoismerkkien lisäämiseen ovat Arial, Verdana ja Tahoma.  Nämä fontit näyttävät Unicode-merkit oikein, ja verkkosovellukset tukevat niitä puolestaan.
"Symboli"
(näkyvä symbolinäyttö) 
Tästä sarakkeesta voit kopioida symbolikuvan ja liittää sen html-tekstieditori-ikkunaan.  Symboli kopioidaan fonttikoolla 20 pikseliä.  Kun kopiointi on valmis, voi olla tarpeen säätää erikseen kirjasinkokoa suoraan kopioitua merkkiä varten.
"Nimi"
(vain tärkeille tai epäselville hahmoille) 
Selitys symbolin tarkoituksesta, sen laajuudesta, esimerkkejä ...
"Muistitekniikka"
Muistomerkki on muodon "kirjainrakennelma, joka ilmaisee HTML:n merkin kirjainkoodia. Se lisätään suoraan html-dokumentin html-koodiin. Muistikirjat ovat erittäin suosittuja ammattilajittajien keskuudessa. Ihminen muistaa ne täydellisesti ja Kaikki html-sovellukset tukevat niitä. Jokainen muistomerkki sisältää sen symbolin kirjaimen nimen (nimitys ) ja palvelumerkin (&), joka toimii signaalina selaimen koodin lukemiselle, eikä sitä näytetä näytön näytöllä. Jokainen muistomerkki on ainutlaatuinen ja helppolukuinen, koska se muodostuu symbolia kuvaavasta englanninkielisestä sanasta. Mnemoniikka (Kreikka) - taito muistaa jotain.  Mnemoniikkaa käytetään helpottamaan vaikeasti muistettavan tiedon havaitsemista, kun muistamisen kohde saatetaan assosiatiiviseen tilaan jonkin kanssa.
"Koodi"
Koodi - numeerinen desimaalimerkkikoodi HTML-koodissa, muotoa &.  Lisätään suoraan html-dokumentin html-koodiin.  Numeerinen desimaalikoodi koostuu numerosta, joka ilmaisee merkin sarjanumeron Unicode-järjestelmässä, ja useista palvelumerkeistä (& ja #), jotka toimivat signaalina selaimelle koodin lukemiseen ja joita ei näytetä näytön näytöllä.  Numeerinen desimaalikoodi on laajalti käytetty ja käytetty sen monipuolisuuden ja helppouden vuoksi.
Ohjaa merkkejä HTML:ssä (XHTML)
HTML:n ohjausmerkit (XHTML) ovat HTML-kielen palvelusymboleja, joita käytetään verkkosivun HTML-asettelussa.  Minkä tahansa selaimen on tuettava näitä merkkejä, koska ilman niitä on mahdotonta näyttää HTML-tekstiä oikein.  Ohjausmerkkejä ei näytetä tekstissä, ja suoraan näppäimistöltä syötettynä selain tulkitsee ne välimerkeiksi, jotka vaativat toimia, kun sivu piirretään näytölle.
Ohjausmerkkejä saa käyttää tavallisissa teksteissä, joissa ne symboloivat yleismaailmallisia käsitteitä ja joita selain käsittelee tavallisina typografisina merkeinä.  Kun käytetään palvelusymboleja HTML-teksteissä, ei tarvitse syöttää itse symbolin arvoa, vaan sen HTML-koodia.  Sillä, toistan, muuten selain havaitsee palvelusymbolin toimintakehotuksena eikä näytä HTML-tekstiä oikein näytön näytöllä.
Ohjausmerkit ja niiden HTML-koodit tietävät ja ymmärtävät poikkeuksetta kaikki selaimet, mitä ei valitettavasti voi sanoa muista merkeistä, jotka eivät välttämättä näy oikein eri selaimissa tai, mikä pahempaa, eivät näy ollenkaan.
Syntaksi ja välimerkit









avaruus, jonka pituus on N (säännöllinen tila)
 

 



tila, jonka pituus on M (pitkä tila)
 

 




 

 

-

pehmeä yhdysmerkki (ei tulostuva merkki)
-



‑

tavuviiva


 
 ‑

-

viiva, jonka pituus on N (tavallinen viiva)
-

–

—

M-pituusviiva (em viiva)
—

—

.

piste


.

,

pilkku


,

…

ellipsi
…

 
…

:

kaksoispiste


:

;

puolipiste


;

!

huutomerkki


!
ǃ

?

kysymysmerkki


?

@

"koira"


@

*

"tähti"


*

#

"ristikko"


#

‘

yksi vasen ylälainaus
‘

 
‘

’

yksi lainaus oikeasta yläkulmasta
’

 
’

‚

yksi lainaus oikeasta alakulmasta
‚

 
‚

“

kaksinkertainen vasen ylälainaus
“

 
“

”

kaksinkertainen lainaus oikeasta yläkulmasta
”

 
”

„

kaksinkertainen alaoikea lainaus
&bdquo
 
„

«

kaksoisvasen kulman lainaus (rus)
«

«

»

kaksinkertainen suorakulmalainaus (rus)
»

»

́

aksenttimerkki, esimerkki: Vasya


́

"

heittomerkki, esimerkki: sinä "Minä


"

´

akuutti, esimerkki: sinä
´

´

¶

kappale (ei tulostettava merkki)
¶

¶

§

kohta
§

§

ˆ

aksentti (käänteinen lintu)
ˆ

 
ˆ

˜

pieni tilde
˜

 
˜

¦

pystysuora katkoviiva
¦

¦

(
vasen sulkumerkki


(
)

oikea sulkumerkki


)

〈

kulmakiinnike vasen
〈

〈

〉

kulmakiinnike oikea
〉

〉

‹

kulmakiinnike vasen, variantti
‹

‹

›

kulmakiinnike oikea, variantti
›

›

[

hakasulku vasemmalla


[

]

hakasulku oikea


]

/

kauttaviiva - kauttaviiva merkki


/

\

kenoviiva


\

⁄

vinoviiva (jakomerkki)
⁄

⁄

ǀ

pystysuora palkki


ǀ

ǁ

kaksinkertainen pystypalkki


ǁ

‾

yliviivaus, esimerkki: Vasya‾Vasya
‾

‾

¯

makro, esimerkki: Vasya¯vasya
¯

¯

Tavaramerkit ja valuutat
+

plus
+

+

−

miinus
−

-
−

=

on yhtä suuri


=

±

plus tai miinus
±

±

×

kertomerkki
×

×

÷

jakomerkki
÷

÷

⋅

pisteoperaattori (merkkijonon keskikohta)
⋅

· 
⋅

∗

tähtioperaattori (merkkijonon keskellä)
∗

∗

∼

tilde-operaattori
∼

∼

.

luettelomerkki (rivin keskellä)
.

 

¹

yläindeksi "1"
¹

¹

²

yläindeksi "2"
²

²

³

yläindeksi "3"
³

³

Ylä- ja alaindeksi HTML:ssä (XHTML) 
voidaan lisätä tunnisteiden avulla ^{Ja _{, vastaavasti: 
MÄÄRÄ ^Yläindeksi→ NUMERO Yläindeksi 
MÄÄRÄ _alaindeksi→ NUMERO Alaindeksi}}
½

murto-osa "puolet"
½

½

⅓

murto-osa "kolmasosa"


⅓

¼

murto-osa "neljännes"
¼

¼

¾

kolme neljäsosaa
¾

¾

№

numeromerkki


№

%

prosenttia


%

‰

ppm
‰

 
‰

°

astetta
°

°

′

aivohalvaus (minuutit, jalat)
′

′

″

kaksoisisku (sekuntia, tuumaa) 
Esimerkki 1: 30° 25′ 12″ 
Esimerkki 2: 25′ 12 ″



″

″

µ

mikro
µ

µ

π

Pi
π

π

ƒ

toimintomerkki 
(ei pidä sekoittaa "integraaliin")
ƒ

 
ƒ

∫

kiinteä
∫

∫

∅

yliviivattu nolla, tyhjä sarja 
(ei pidä sekoittaa "halkaisijaan")
∅

∅

⌀

halkaisija (ei pidä sekoittaa latinalaisen yliviivatun "o":n kanssa)


⌀

ø

latinalainen "o" vinosti ristissä
ø

ø

Ø

latinalainen iso "O" vinosti leikattu
Ø

Ø

∏

tuotemerkki
∏

∏

∑

summausmerkki
∑

∑

√

radikaali 
(neliöjuuri tai xjuuri)
√

√

∝

suhteellisesti
∝

∝

∞

ääretön
∞

∞

∠

kulma
∠

∠

⊥

ortogonaalinen (pystysuora)
⊥

⊥

∴

"siksi" -merkki
∴

∴

≅

suunnilleen yhtä suuri kuin
≅

≅

≈

melkein tasavertainen
≈

≈

≠

ei tasa-arvoinen
≠

≠

≡

identtisesti
≡

≡

≤

pienempi tai yhtä suuri
≤

≤

≥

enemmän tai yhtä paljon
≥

≥

∧

looginen JA
∧

∧

∨

looginen TAI
∨

∨

⊕

plus kirjaudu piiriin 
(suora summa)
⊕

⊕

⊗

merkki "kerto ympyrässä" 
(ristitulo, nuoli tarkkailijalta)
⊗

⊗

ʘ

piste ympyrässä 
(nuoli tarkkailijan kohdalle)


ʘ























































































































































































































































































✵
✵