Miért érdemes a tabulátorhelyet használni a HTML-ben található több törésmentes szóköz (nbsp) helyett?

Számos módon lehet szóközöket beilleszteni a HTML-be. A legegyszerűbb módszer egyszerűen szóközök vagy több karakteres entitás hozzáadása a célszöveg előtt és után. Természetesen nem ez a DRYest módszer.

Ehelyett, hogy a kódot könnyen karbantarthassa és csökkentse az ismétlést, használhatja a és

 elemek, egy kis CSS-sel együtt:

Az elem használata

Az alábbiakban láthatunk egy példát a szöveg közötti távolság szabályozására:

Hello my name is James

Ne feledje, hogy a címkék automatikusan záródnak, vagyis nincs szükségük a-ra />.

Ezután külső vagy belső stílus segítségével adhat tabnéhány tulajdonságot az osztálynak . Például a következő kód működik egy külső stíluslapon:

.tab { padding-left: 2px; }

Megadhat néhány inline stílusú tulajdonságot is, az alábbiak szerint.

Alternatív megoldásként megadhatja ugyanazokat a tulajdonságokat, mint az inline stílusok, az alábbiak szerint:

Hello my name is James

Használni a
 elem

A tabulátorhely egyszerű hozzáadásához egyszerűen csomagolja be a szöveget

címkék. Például:

A

elem egyszerűen az előre elkészített szöveget reprezentálja . Más szavakkal, a belső szövegben szóköz vagy fül jelenik meg. Például:

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

Csak ne feledje, hogy a tényleges tabulátor karakterek (nem egy halom fülre hasonlító szóközök), amelyet ezzel a módszerrel használ, nevetségesen szélesnek tűnhet. Ez azért van, mert az tab-sizeingatlan a

 elem alapértelmezés szerint 8 szóköz.

Ezt megváltoztathatja egy kis CSS-sel:

pre { tab-width: 2; }

További információ a HTML-ről:

A HyperText Markup Language (HTML) az online dokumentumok elkészítéséhez használt jelölőnyelv, és ma a legtöbb webhely alapja.

A HTML-hez hasonló jelölőnyelv lehetővé teszi számunkra

  • linkeket hozhat létre más dokumentumokhoz,
  • - strukturálja dokumentumunk tartalmát, és
  • tulajdonítson kontextust és jelentést dokumentumunk tartalmának.

Egy HTML dokumentumnak két aspektusa van. Strukturált információkat (Markup) és szöveges hivatkozásokat (HyperText) tartalmaz más dokumentumokhoz.

HTML-elemek felhasználásával strukturáljuk oldalainkat. Ezek a nyelv konstrukciói, amelyek struktúrát és jelentést nyújtanak a dokumentumban a böngésző számára, és az elem az interneten keresztül más dokumentumokhoz vezet.

Az internetet eredetileg statikus (változatlan) dokumentumok tárolására és bemutatására hozták létre. A HTML fent tárgyalt aspektusait tökéletesen látták ezek a dokumentumok, amelyek hiányoztak minden dizájntól és stílustól. Olyan strukturált információkat mutattak be, amelyek linkeket tartalmaztak más dokumentumokhoz.

A HTML5 a HTML legújabb verziója vagy specifikációja. A World Wide Web Consortium (W3C) az a szervezet, amely kidolgozza a világháló szabványait, beleértve a HTML-et is. Ahogy a weboldalak és a webalkalmazások összetettebbé válnak, a W3C frissíti a HTML szabványait.

A HTML5 egy csomó szemantikai elemet mutat be. Míg a HTML segít jelentést adni dokumentumunknak, a HTML5-tel ellátott szemantikai elemek bevezetéséig nem ismerték teljes mértékben annak lehetőségeit.

Egy egyszerű példa egy HTML dokumentumra

   Page Title   

My First Heading

My first paragraph.

! DOCTYPE html: Ezt a dokumentumot HTML5-nek definiálja

html: HTML oldal gyökéreleme

head: Az elem metaadatokat tartalmaz a dokumentumról

title: Az elem megadja a dokumentum címét

törzs: Az elem tartalmazza a látható oldal tartalmát

h1: Az elem nagy címsort határoz meg

p: Az elem meghatároz egy bekezdést

HTML verziók

A web kezdetektől fogva a HTML sok változata létezik

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

Egyéb források

  • HTML elemek
  • Szemantikus HTML
  • HTML attribútumok