Hvorfor skal du bruge tabulatorplads i stedet for flere ikke-brydende pladser (nbsp) i HTML

Der er en række måder at indsætte mellemrum i HTML på. Den nemmeste måde er ved blot at tilføje mellemrum eller flere karakterenheder før og efter målteksten. Selvfølgelig er det ikke den TØRRESTE metode.

I stedet for at holde din kode let at vedligeholde og reducere gentagelse kan du bruge og

 elementer sammen med lidt CSS:

Brug af elementet

Et eksempel på, hvordan man bruger til at kontrollere afstanden mellem tekst, kan ses nedenfor:

Hello my name is James

Bemærk, at tags lukker selv, hvilket betyder at de ikke har brug for a />.

Derefter kan du bruge en ekstern eller intern styling til at give klassen tabnogle egenskaber. For eksempel fungerer følgende kode i et eksternt typografiark:

.tab { padding-left: 2px; }

Du kan også give nogle indbyggede egenskaber som vist nedenfor.

Alternativt kan du give de samme egenskaber som indbyggede stilarter som vist nedenfor:

Hello my name is James

Bruger
 element

For en nem måde at tilføje et faneområde på, skal du blot pakke din tekst ind

tags. For eksempel:

Det

element repræsenterer simpelthen præformeret tekst. Med andre ord gengives eventuelle mellemrum eller faner i den indre tekst. For eksempel:

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

Bare husk at eventuelle faktiske fanebladkarakterer (ikke en masse mellemrum, der ligner faner), som du bruger med denne metode, kan virke latterligt brede. Dette skyldes, at tab-sizeejendommen til

 element er som standard indstillet til 8 mellemrum.

Du kan ændre dette med lidt CSS:

pre { tab-width: 2; }

Mere info om HTML:

HyperText Markup Language (HTML) er et markup-sprog, der bruges til at konstruere online-dokumenter og er grundlaget for de fleste websteder i dag.

Et markup-sprog som HTML tillader os at

  • oprette links til andre dokumenter,
  • strukturere indholdet i vores dokument, og
  • tilskrive kontekst og betydning til indholdet af vores dokument.

Et HTML-dokument har to aspekter. Den indeholder strukturerede oplysninger (Markup) og tekst-links (HyperText) til andre dokumenter.

Vi strukturerer vores sider ved hjælp af HTML-elementer. De er konstruktioner af det sprog, der giver struktur og betydning i vores dokument til browseren, og elementet linker til andre dokumenter over internettet.

Internettet blev oprindeligt oprettet for at gemme og præsentere statiske (uændrede) dokumenter. De aspekter af HTML, der blev diskuteret ovenfor, blev set perfekt i disse dokumenter, som manglede alt design og styling. De præsenterede strukturerede oplysninger, der indeholdt links til andre dokumenter.

HTML5 er den nyeste version eller specifikation af HTML. World Wide Web Consortium (W3C) er den organisation, der udvikler standarderne for World Wide Web, inklusive dem for HTML. Da websider og webapps bliver mere komplekse, opdaterer W3C HTML's standarder.

HTML5 introducerer en hel række semantiske elementer. Mens HTML hjælper med at give mening til vores dokument, var det først ved introduktionen af ​​semantiske elementer med HTML5, at dets potentiale var fuldt kendt.

Et simpelt eksempel på et HTML-dokument

   Page Title   

My First Heading

My first paragraph.

! DOCTYPE html: Definerer dette dokument som HTML5

html: Rodeelementet på en HTML-side

head: Elementet indeholder metaoplysninger om dokumentet

title: Elementet angiver en titel til dokumentet

body: Elementet indeholder det synlige sideindhold

h1: Elementet definerer en stor overskrift

p: Elementet definerer et afsnit

HTML-versioner

Siden de tidlige dage på internettet har der været mange versioner af HTML

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

Andre ressourcer

  • HTML-elementer
  • Semantisk HTML
  • HTML-attributter