Html-välilehtimerkki. HTML-muotoilu

Kun asiakirja näytetään näytöllä, välilyöntejä ja tyhjiä rivejä ei säilytetä, paitsi tagien sisällä oleva teksti PRE(esimuotoiltu teksti). Toisin sanoen mikä tahansa välilyöntien, sarkainten ja tyhjien rivien sarja vastaa yhtä välilyöntiä HTML-tiedosto. Toisaalta HTML-tiedoston välilyönnit voidaan esittää millä tahansa määrällä välilyöntejä tai uusia (tyhjiä) rivejä.

Termi newlin(uusi rivi) käytetään TEORIASTI merkitsemään rivin loppu. SGML määrittelee, että rivin (tietueen) on aloitettava aloitusmerkillä (rivinvaihto - rivinvaihto, LF, ASCII-koodi 10) ja päättyvä tietueen loppuun (carriage return, CR, ASCII 13). Käytännössä HTML-dokumentit renderöidään ja lähetetään käyttäen rivinvaihtoesitystä, joka on yhdenmukainen annettujen tietokonejärjestelmien kanssa. Tästä syystä HTML-selaimet sallivat tuen mille tahansa kolmesta yleisestä rivierottelun esityksestä, jotka on merkitty sekvenssillä CR LF, CR only tai LF, ja tämän oletuksen perusteella ne korostavat virheitä tietueen alku- ja loppumerkkien esittämisessä. .

Näin ollen ei ole väliä kuinka jaat tekstin riveiksi, koska rivinvaihto vastaa välilyöntiä. Huomaa kuitenkin, että sinun ei pitäisi jakaa sanaa kahdelle riville HTML:ssä. Jos esimerkiksi jaat sanan kansainvälinen kahdelle riville alla olevan kuvan mukaisesti:

tämä tulkitaan näin

Siksi, jotta voit esittää asiakirjasi loogisesti, sinun tulee käyttää HTML-tageja, kuten P tai BR tarjota rivinsyöttöä tarvittaessa.

Selaimet eivät yleensä jaa sanoja kahdelle riville, ellei sana sisällä tavuviivaa. HTML 3.2 -viitemääritykset eivät ole kovin tarkkoja tämän asian suhteen, ja taulukko-osaa käsiteltäessä annetaan seuraavaa:

Joillekin käyttäjäagenteille voi olla tarpeen tai toivottavaa kääntää merkkijono sanan sisällä. Tällaisissa tapauksissa on suositeltavaa varmistaa silmämääräisesti, että näin on tapahtunut.

Varo linjan pituus ei ole sinun hallinnassasi. Tämä riippuu selaimesta, tietokoneesta ja asiakirjaasi katselevien ihmisten asetuksista. Yleisesti ottaen sanojen välisiä rivinvaihtoja ei voi estää, mutta rivinvaihtoa voi yrittää estää käyttämällä jatkuvia välilyöntejä.

Mitä tulee rivinvaihdon käyttöön yhdessä HTML-tunnisteiden kanssa, on olemassa erityisiä sääntöjä:

• Rivinvaihdot välittömästi aloitustunnisteen jälkeen ohitetaan. Esimerkiksi linjat
• Samoin lopputunnistetta edeltävä rivinvaihto ohitetaan. Esimerkiksi linjat

Vaakasuuntaista sarkainmerkkiä (HT) voidaan käyttää HTML-dokumentissa. Mutta elementin sisällä PRE Sarkainmerkillä on erityinen tulkinta, se vastaa välilyöntiä, eikä se sisällä minkäänlaisia ​​sarkaintietoja. (Käytä elementtiä taulukoitujen tietojen esittämiseksi taulukko.) Käytännössä on parasta välttää sarkainmerkkien sisällyttämistä HTML-koodiin ja käyttää sen sijaan sopivaa määrää välilyöntejä, jos haluat muotoilla lähdekoodia HTML-dokumentti taulukkomuodossa.

Tunniste määrittää tekstissä sarkainmerkin. Se on samanlainen kuin /t escape -sekvenssin käyttäminen.

1 2 3\t\t\t4
Näytetään:
1 2 3 4

Etäisyys, jolla rivi siirtyy, kun siihen lisätään sarkainmerkki, voidaan asettaa mielivaltaisesti. Tähän käytetään tagin TABSTOPS-attribuuttia.

Tunniste ei ole tavallinen HTML-tunniste. Se lisättiin Flash-merkintätunnisteisiin tekstin yhtenäisen muotoilun helpottamiseksi.

Tag...

Tunniste vastaa tekstin muotoiluominaisuuksista, kuten reunuksista, sisennyksistä ja rivinsiirroista. Siinä voidaan määrittää seuraavat attribuutit:

LEFT MARGIN. Vasemman marginaalin koko pisteinä. Analogi on TextFormat-luokan leftmargin-ominaisuus.

OIKEA MARGIN. Oikean marginaalin arvo pisteinä on TextFormat-luokan oikean marginaalin ominaisuus.

SISENTÄÄ. Sisennä kappaleen ensimmäinen rivi pisteinä. TextFormat-luokan ominaisuuksista se on samanlainen kuin sisennysominaisuus.

BLOCKINDENT.

Tekstikappaleen sisennys vasemmalla pisteissä. Analoginen - blockIndent -ominaisuus
luokan TextFormat.

JOHTAVA. Viivojen välinen etäisyys pisteissä. Samanlainen TextFormat-luokan ominaisuus on johtava.

TABSTOPS. Attribuutti määrittää, minkä rivin siirtymän pisteissä kukin sarjan sarkainmerkki aiheuttaa. Sen arvo on luettelo numeroista, jotka määrittävät etäisyydet, joilla rivi siirtyy ikkunaan, jos 1, 2, 3, ... n sarkainmerkkiä kirjoitetaan riville. TABSTOPS-attribuutin analogi on TextFormat-luokan tabStops-ominaisuus.

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

0din tabR> Kaksi välilehteäR>
Kolme Tabaria>

Tunniste ei ole tavallinen HTML-tunniste. Se otettiin käyttöön niin, että kyky merkitä tekstiä tunnisteiden avulla on samanlainen kuin Text Format -luokan ominaisuuksien käyttäminen.

Tag...

Tag suunniteltu luokkakäyttöön CSS-tyyli mielivaltaiseen tekstikatkelmaan liittyen.

Luokan nimi on määritetty sen CLASS-attribuutissa.

This.createTextField("napa", 0, 150, 150, 200, 90);
pole.autoSize = napa.border=pole.multiline=true;
// Luo kolme luokkatyyliä, jotka määrittelevät punaisen, vihreän ja sinisen tekstin
var style:TextField.Stylesheet = new TextField.Stylesheet();
var green_text:String = ".GREEN (väri:#00FF00)";
var red_text:String = ".PUNAINEN (väri:#FF0000)";
var blue_text:String = ".SININEN (väri:#0000FF)";
tyyli.parseCSS(vihreä_teksti+punainen_teksti+sininen_teksti);
napa.styleSheet=tyyli;
// Näytä teksti luoduilla tyyleillä
napa.teksti = " 3vihreä teksti

Punainen teksti
Sininen teksti ";

Hei rakkaat blogisivuston lukijat! Ne, jotka ovat ainakin pintapuolisesti perehtyneet siihen, ovat luultavasti jo panneet merkille, vaikkakin yleisesti. Tämä tarkoittaa, että heillä on käsitys siitä, millainen HTML-merkkejä käytetään asiakirjakoodissa.

Tämänpäiväisessä artikkelissa yritämme selvittää, mitä välilyönti on HTML:ssä ja missä tapauksissa voit käyttää välilyöntejä muotoillessasi itse koodia helppolukuisuuden vuoksi. Selvitämme, milloin on tarpeen käyttää katkeamatonta välilyöntiä, ja tutustumme myös muihin erikoismerkkeihin (tai kuten niitä kutsutaan myös muistokirjoiksi).

Itse asiassa kehottaisin sinua olemaan sivuuttamatta aihetta erilaisten erikoismerkkien käytöstä, koska tämä on tärkeä komponentti, jonka avulla voit suorittaa hypertekstin merkintäkielen opiskelun loppuun. 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ä huomautus. Tietokoneen näppäimistössä on erikoisnäppäimiä, joiden avulla voit erottaa tekstiä (lisätietoja alla). Kuitenkin vain leveä välilyönti erottaa sanat paitsi editorissa, myös selainikkunassa. Viivoja katkaistaessa ja reunoista sisennettäessä on vivahteita.

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

Vastaanottaja rivittää rivit kappaleen P sisällä, sinun on käytettävä yhtä BR-tunnistetta, jolla voit tehdä tämän. 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 runolliset rivit näkyvät täysin oikein selaimessa:

Siten, tarvittavat siirrot rivit ovat valmiit. Toinen huomioitava ominaisuus on, että verkkoselain näyttää useita peräkkäin tulevia välilyöntejä 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 heti, kun alamme työstää tekstiä editorissa ja muotoilla sen oikeassa muodossa. Tällaisen tehtävän toteuttamiseksi on olemassa erityisiä avaimia, joista jokainen vastaa omaa välilyöntiään:

• Välilyönti on tietokoneen näppäimistön levein näppäin (ilman tarraa);
• Tab - näppäin vasemmalla, jossa on merkintä "Tab" ja kaksi nuolta, jotka osoittavat eri suuntiin;
• Rivinvaihto - "Enter"-näppäin.

Kuten edellä sanoin, saamme kuitenkin lopullisen halutun tuloksen paitsi tekstieditorissa, myös selaimessa, vain kun käytämme ensimmäistä avainta. 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 (tästä editorista on paljon tietoa), kun kaikki välilyönnit näytetään:

Saamme koodin, jota on helppo lukea ja ymmärtää välilyöntien ansiosta. Oranssit nuolet osoittavat sisennykset, jotka on luotu Tab-näppäimellä, ja CR- ja LF-symbolit osoittavat rivinvaihdot, jotka on luotu Enter-näppäimellä.

Toistensa sisällä olevia säiliöitä tarkastellaan ja avaus- ja sulkemistunnisteet näkyvät selvästi. Tässä muodossa tätä koodia voidaan helposti muokata. Vertaa sitä nyt samaan koodiin, jolla ei ole tällaista tekstijakoa:

Samalla tavalla voit kirjoittaa välilyöntejä käyttämällä CSS-sääntöjä, jotka näyttävät visuaalisesti selkeältä ja helposti sulavalta:

Kun olet tuonut kaikki tyylit yhteiseen nimittäjään ja lopettanut tyylitiedoston muokkauksen kokonaan, voit suorittaa muokkauksen poistamalla kaikki välilyönnit koodista. Tämä on tarpeen lisätä, 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ä. HTML-erikoismerkit, joita joskus kutsutaan muistokirjoiksi, otettiin käyttöön ratkaisemaan pitkäaikainen ongelma koodauksissa, jotka syntyivät hypertekstin merkintäkielessä.

Kun kirjoitat tekstiä näppäimistöllä, käyttämäsi kielen merkit koodataan. Verkkoselaimessa kirjoitettu teksti näytetään käyttämällä fontteja, jotka valitsit 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ä symboleja, jotka on kuitenkin näytettävä. Oletetaan, että tunnet tarvetta kirjoittaa yksittäisiä lainausmerkkejä tai aksenttimerkkejä, mutta nämä kuvakkeet eivät yksinkertaisesti sisälly sarjaan.

Tämän ongelman poistamiseksi otettiin käyttöön erikoissymbolien jä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 voimassa:

Mutta jonkin ajan kuluttua yleisimmille symboleille määritettiin kirjainanalogit (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 symbolin. Muistiikan luettelo on erittäin laaja, HTML:n yleisimmin käytetyt erikoismerkit voit selvittää alla olevasta taulukosta:

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

Jos olet jo hieman tutkinut taulukkoa, olet saanut vahvistuksen siitä, mitä sanoin yllä, että kaikkien erikoismerkkien näyttämiseen käytetään digitaalista koodia () tai sen aakkosista analogia (symbolinen muistomerkki), jossa hash-joukon sijaan merkit ja numerot, kirjaimet () kirjoitetaan.

Katsotaan nyt, milloin näitä koodeja käytetään. Oletetaan, että artikkelissa sinun on ilmoitettava jokin HTML-tunniste tiedotustarkoituksiin, esimerkiksi