Kāpēc HTML vietā jāizmanto tabulēšanas taustiņš, nevis vairākas nepārtrauktas atstarpes (nbsp)

Ir vairākas iespējas, kā HTML ievietot atstarpes. Vieglākais veids ir vienkārši pievienot atstarpes vai vairākas rakstzīmju entītijas pirms un pēc mērķa teksta. Protams, tā nav DRYest metode.

Tā vietā, lai jūsu kodu būtu viegli uzturēt un samazinātu atkārtošanos, varat izmantot un

 elementi kopā ar nedaudz CSS:

Izmantojot elementu

Piemērs, kā izmantot, lai kontrolētu atstarpi starp tekstu, ir redzams zemāk:

Hello my name is James

Ņemiet vērā, ka tagi tiek automātiski aizvērti, kas nozīmē, ka tiem nav nepieciešams />.

Tad jūs varat izmantot ārēju vai iekšēju stilu, lai klasei piešķirtu tabdažas īpašības. Piemēram, ārējā stila lapā darbosies šāds kods:

.tab { padding-left: 2px; }

Varat arī piešķirt dažas iekšējā stila īpašības, kā parādīts zemāk.

Varat arī piešķirt tādas pašas īpašības kā iekļautie stili, kā parādīts zemāk:

Hello my name is James

Izmantojot
 elements

Lai iegūtu vienkāršu veidu, kā pievienot cilnes atstarpi, vienkārši iesaiņojiet tekstu

tagus. Piemēram:

The

elements vienkārši apzīmē iepriekš sagatavotu tekstu. Citiem vārdiem sakot, visas atstarpes vai cilnes iekšējā tekstā tiks atveidotas. Piemēram:

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

Vienkārši paturiet prātā, ka visas faktiskās cilnes rakstzīmes (nevis virkne atstarpju, kas izskatās kā cilnes), kuras izmantojat ar šo metodi, var šķist smieklīgi plašas. Tas ir tāpēc, ka tab-sizeīpašums

 elements pēc noklusējuma ir iestatīts uz 8 atstarpēm.

To var mainīt, izmantojot nedaudz CSS:

pre { tab-width: 2; }

Plašāka informācija par HTML:

HyperText iezīmēšanas valoda (HTML) ir iezīmēšanas valoda, ko izmanto tiešsaistes dokumentu veidošanai, un tā mūsdienās ir vairuma vietņu pamats.

Atzīmēšanas valoda, piemēram, HTML, mums ļauj

  • izveidot saites uz citiem dokumentiem,
  • strukturēt mūsu dokumenta saturu un
  • piedēvējiet kontekstu un nozīmi mūsu dokumenta saturam.

HTML dokumentā ir divi aspekti. Tas satur strukturētu informāciju (Markup) un teksta saites (HyperText) uz citiem dokumentiem.

Mēs strukturējam savas lapas, izmantojot HTML elementus. Tie ir valodas konstrukcijas, kas nodrošina mūsu dokumenta struktūru un nozīmi pārlūkprogrammai, kā arī elementa saites uz citiem dokumentiem visā internetā.

Internets sākotnēji tika izveidots, lai uzglabātu un uzrādītu statiskus (nemainīgus) dokumentus. Iepriekš apspriestie HTML aspekti bija lieliski redzami šajos dokumentos, kuros nebija visa dizaina un stila. Viņi sniedza strukturētu informāciju, kurā bija saites uz citiem dokumentiem.

HTML5 ir HTML jaunākā versija vai specifikācija. World Wide Web Consortium (W3C) ir organizācija, kas izstrādā globālā tīmekļa standartus, ieskaitot HTML. Tā kā tīmekļa lapas un tīmekļa lietotnes kļūst arvien sarežģītākas, W3C atjaunina HTML standartus.

HTML5 ievieš veselu virkni semantisko elementu. Lai gan HTML palīdz nodrošināt mūsu dokumenta nozīmi, tikai līdz semantisko elementu ieviešanai ar HTML5 tā potenciāls bija pilnībā zināms.

Vienkāršs HTML dokumenta piemērs

   Page Title   

My First Heading

My first paragraph.

! DOCTYPE html: definē šo dokumentu kā HTML5

html: HTML lapas saknes elements

head: Elements satur meta informāciju par dokumentu

nosaukums: elements norāda dokumenta nosaukumu

pamatteksts: elements satur redzamo lapas saturu

h1: elements nosaka lielu virsrakstu

p: elements nosaka punktu

HTML versijas

Kopš tīmekļa sākuma ir daudz HTML versiju

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

Citi resursi

  • HTML elementi
  • Semantiskais HTML
  • HTML atribūti