Välilyönnit ja miten ne muotoilevat koodia HTML-muodossa, sekä erikoiset välilyönnit ja muut muistomerkit. Miksi tarvitset katkeamattoman välilyönnin html:ssä?

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ä, mitä HTML-symboleja yleensä käytetään asiakirjan koodissa.

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 kehotan sinua olemaan sivuuttamatta erilaisten erikoismerkkien käyttöä, koska tämä on tärkeä komponentti, jonka avulla voit suorittaa hypertekstin merkintäkielen tutkimuksen 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 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, jonka kirjoitamme tekstieditorilla:

Huolimatta siitä, että säkeen 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 selaimessa täysin oikein:

Siten tarvittavat rivinvaihdot 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 toisiimme heti, kun alamme työskennellä tekstin kanssa editorissa ja muotoilla sen haluttuun muotoon. 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 Tab-näppäimellä luotuja sisennyksiä, ja CR- ja LF-symbolit osoittavat Enter-näppäimellä luotuja rivinvaihtoja.

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 selkeiltä ja helposti sulavaltavilta:

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 rikkoutumattomalle 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