Skip to main content

A HTML5 SECTION elem használata

Learn Polymer with Vaadin Elements (Április 2025)

Learn Polymer with Vaadin Elements (Április 2025)
Anonim

Az új HTML5

SZAKASZ az elem valamivel zavaró lehet. Ha HTML5 formátumú HTML dokumentumokat készítettél, előfordulhat, hogy már használja az elemet, hogy strukturális felosztást hoz létre az oldalain belül, majd rendezze az oldalakat velük. Tehát úgy tűnhet, természetes dolog, ha egyszerűen kicseréli a létezőit

DIV elemek

SZAKASZ elemekkel. De ez technikailag helytelen. Tehát ha nem csak helyettesítjük

DIV elemek

SZAKASZ elemeket, hogyan használja őket helyesen?

A SECTION elem egy szemantikus elem

Az első dolog megérteni, hogy a

SZAKASZ Az elem egy szemantikai elem. Ez azt jelenti, hogy mind a felhasználói ügynökök, mind pedig az emberek számára jelentést jelent a tartalom zárt tartalma - pontosabban a dokumentum egy részének.

Ez nagyon általános szemantikai leírásnak tűnhet, és ez azért van így. Vannak más HTML5 elemek, amelyek több szemantikai megkülönböztetést biztosítanak a tartalmadhoz, amelyet először használnia kell a

SZAKASZ elem:

  • CIKK

  • FÉLRE

  • NAV

Mikor kell használni a SECTION elemet?

Használja a

CIKK elem, amikor a tartalom a webhely önálló része, amely önmagában állhat, és egy olyan cikk vagy blogbejegyzés, mint a szindikáltság. Használja a

FÉLRE amikor a tartalom tangenciálisan kapcsolódik az oldal vagy a webhely tartalmához, például oldalsávokhoz, megjegyzésekhez, lábjegyzetekhez vagy kapcsolódó webhelyinformációkhoz. Használja a

NAV elem a navigációs tartalom számára.

A

SZAKASZ elem egy általános szemantikai elem. Ezt akkor használja, ha a többi szemantikus konténerelem sem megfelelő. Ezt arra használja, hogy a dokumentum egyes részeit különálló egységekké alakítsa, amelyeket valamilyen módon összefüggésben leírhat. Ha nem tudja leírni a szakasz elemeit egy vagy két mondatban, akkor valószínűleg nem használja az elemet.

Ehelyett a

DIV elem. A

DIV elem HTML5-ben egy nem-szemantikus konténer elem. Ha a megcélozni kívánt tartalom nem rendelkezik semantikus jelentéssel, de még mindig hozzá kell kapcsolódnia a stílushoz, akkor a

DIV elem a megfelelő elem a használatához.

A SECTION elem működése

A dokumentum egy része megjelenhet a cikkek külső tartályaként és

FÉLRE elemekkel. Tartalmazhat olyan tartalmat is, amely nem része a

CIKK vagy

FÉLRE. A

SZAKASZ elem is található egy

CIKK,

NAV, vagy

FÉLRE. Még fészkelő szakaszokat is kijelölhet, amelyek azt jelzik, hogy egy tartalom csoport egy másik tartalomcsoport része, amely egy cikk egy része vagy az oldal egésze.

A

SZAKASZ Az elem elemeket hoz létre a dokumentum vázlatán belül. És mint ilyen, mindig legyen fejlécelem (

H1 keresztül

H6) a szakasz részeként. Ha nem tudsz megfejteni egy címet a szakaszhoz, akkor ismét a

DIV elem valószínűleg megfelelőbb. Ne felejtse el, ha nem szeretné, hogy a szakasz címe megjelenjen az oldalon, mindig maszkolhatja le a CSS-sel.

Ha nem használja a SECTION elemet

A fent említett tanácsokon túlmenően, hogy először használják a konkrétabb szemantikai elemeket, van egy meghatározott terület, amelyet nem szabad használni

SZAKASZ elem: csak stílusban.

Más szóval, ha az egyetlen ok arra, hogy elemet helyezzen el a helyre, a CSS-stílus tulajdonságainak csatolása, ne használjon a

SZAKASZ elem. Keressen egy szemantikus elemet vagy használja a

DIV elem helyett.

Végső soron ez nem számít

A szemantikai HTML-írás nehézsége az, hogy számomra szemantika lehet teljesen értelmetlen. Ha úgy érzed, hogy igazolhatod a

SZAKASZ elemet a dokumentumaiban, akkor használnia kell. A legtöbb felhasználói ügynök nem érdekli, és megjeleníti az oldalt, amint arra számítani lehet, hogy a

DIV vagy a

SZAKASZ.

Olyan tervezők számára, akik szemantikailag helyesek, a

SZAKASZ fontos szempont a szemantikailag érvényes módon. A tervezők számára, akik csak szeretnék az oldaluk működését, ez nem olyan fontos. Hisszük, hogy a szemantikailag érvényes HTML-írás jó gyakorlat, és az oldalakat a jövőben is megvédi. De végül rajtad áll.