Miksi sinun pitäisi käyttää sarkainnäppäintä HTML: n useiden murtumattomien tilojen (nbsp) sijasta

Välilyöntejä voidaan lisätä HTML-koodiin monin tavoin. Helpoin tapa on yksinkertaisesti lisätä välilyöntejä tai useita merkkikokonaisuuksia ennen kohdetekstiä ja sen jälkeen. Tietenkään se ei ole DRYest-menetelmä.

Sen sijaan, että koodisi on helppo ylläpitää ja vähentää toistoa, voit käyttää ja

 elementtejä sekä vähän CSS: tä:

Elementin käyttö

Alla on esimerkki tekstin välisen etäisyyden hallinnasta:

Hello my name is James

Huomaa, että tunnisteet ovat itsestään sulkeutuvia, mikä tarkoittaa, että ne eivät tarvitse a />.

Sitten voit käyttää ulkoista tai sisäistä muotoilua antaa luokalle tabjoitain ominaisuuksia. Esimerkiksi seuraava koodi toimii ulkoisessa tyylitaulukossa:

.tab { padding-left: 2px; }

Voit myös antaa joitain inline-tyylisiä ominaisuuksia, kuten alla on esitetty.

Vaihtoehtoisesti voit antaa samat ominaisuudet kuin sisäiset tyylit kuten alla on esitetty:

Hello my name is James

Käyttämällä
 elementti

Käännä tekstisi yksinkertaisesti tapaan lisätä välilehden välilyönti

tunnisteet. Esimerkiksi:

elementti edustaa yksinkertaisesti ennalta muotoiltua tekstiä. Toisin sanoen kaikki välilyönnit tai välilehdet sisätekstissä renderöidään. Esimerkiksi:

 function greeting() { console.log('Hello world!'); } 

Muista vain, että kaikki todelliset välilehtien merkit (eivät joukko välilehtiä näyttäviä välilyöntejä), joita käytät tällä menetelmällä, saattavat näyttää naurettavan leveiltä. Tämä johtuu siitä, että tab-sizeomaisuus

 elementti on oletusarvoisesti 8 välilyöntiä.

Voit muuttaa tätä hieman CSS: llä:

pre { tab-width: 2; }

Lisätietoja HTML: stä:

HyperText Markup Language (HTML) on online-asiakirjojen rakentamiseen käytettävä merkintäkieli, ja se on nykyään useimpien verkkosivustojen perusta.

HTML-kaltainen merkintäkieli antaa meille mahdollisuuden

  • luoda linkkejä muihin asiakirjoihin,
  • jäsennellä asiakirjamme sisältö ja
  • antaa kontekstin ja merkityksen asiakirjan sisällölle.

HTML-dokumentissa on kaksi näkökohtaa. Se sisältää jäsenneltyjä tietoja (Markup) ja tekstilinkkejä (HyperText) muihin asiakirjoihin.

Rakennamme sivumme HTML-elementtien avulla. Ne ovat kielen rakenteita, jotka tarjoavat asiakirjassa selaimen rakenteen ja merkityksen, ja elementti linkittää muihin asiakirjoihin Internetissä.

Internet luotiin alun perin staattisten (muuttumattomien) asiakirjojen tallentamiseen ja esittämiseen. Edellä käsitellyt HTML: n näkökohdat näkyivät täydellisesti näissä asiakirjoissa, joista puuttui kaikki suunnittelu ja muotoilu. He esittivät jäsenneltyä tietoa, joka sisälsi linkkejä muihin asiakirjoihin.

HTML5 on HTML: n uusin versio tai spesifikaatio. World Wide Web Consortium (W3C) on organisaatio, joka kehittää maailmanlaajuisen verkon standardit, mukaan lukien HTML-standardit. Kun verkkosivut ja verkkosovellukset monimutkaistuvat, W3C päivittää HTML: n standardit.

HTML5 esittelee kokonaisen joukon semanttisia elementtejä. Vaikka HTML auttaa tarjoamaan merkityksen dokumentillemme, vasta HTML5: n semanttisten elementtien käyttöönotolla sen potentiaali oli täysin tiedossa.

Yksinkertainen esimerkki HTML-dokumentista

   Page Title   

My First Heading

My first paragraph.

! DOCTYPE html: Määrittää tämän asiakirjan olevan HTML5

html: HTML-sivun juurielementti

head: Elementti sisältää dokumentin metatiedot

title: Elementti määrittää asiakirjan otsikon

body: Elementti sisältää näkyvän sivun sisällön

h1: Elementti määrittelee suuren otsikon

p: Elementti määrittää kappaleen

HTML-versiot

Verkon alkuaikoista lähtien HTML-versiota on ollut monia

  • HTML1991
  • HTML 2.01995
  • HTML 3.21997
  • HTML 4.011999X
  • HTML2000
  • HTML52014

Muut resurssit

  • HTML-elementit
  • Semanttinen HTML
  • HTML-määritteet