itthon Biztonság Az ábracímke határozza meg. Az ábra és a képfelirat elemek webes szabványok. de most nem erről beszélünk. Az igazi hiba az elem túlzott használata. csak akkor használható, ha egy dokumentumban hivatkozik rá. Nem valószínű, hogy hivatkozni fog a sajátjára

Az ábracímke határozza meg. Az ábra és a képfelirat elemek webes szabványok. de most nem erről beszélünk. Az igazi hiba az elem túlzott használata. csak akkor használható, ha egy dokumentumban hivatkozik rá. Nem valószínű, hogy hivatkozni fog a sajátjára

És amikor a felhasználók kérdéseire válaszoltam, sok webhelyet láttam HTML5-jelöléssel. Ebben a cikkben bemutatok néhány olyan jelölési hibát és rossz gyakorlatot, amelyekkel gyakran találkoztam, és elmagyarázom, hogyan lehet ezeket elkerülni.

Ne használja a címkét
díszcsomagolásként

Az egyik leggyakoribb probléma, amit észrevettem, a banális helyettesítés
"ov a HTML5 szerkezeti elemeire, különösen azokra
"s. Vagyis amikor valami az XHTML-ben vagy a HTML4-ben így néz ki:
Így átírva:

Ez csak rossz:
nem pakolás. Ez az elem a tartalom szemantikai blokkját jelenti, amelyet a „dokumentumvázlat” felépítéséhez használnak, és tartalmaznia kell egy címsort. Ha szüksége van egy elemre, amit körbe kell csavarni, próbálja meg megtenni (Kroc Camennek van valami ajánlata). Ha ez nem oldja meg azt a problémát, hogy extra csomagolóanyagokra van szüksége, használja a jó öreget
"s. A HTML5 megjelenésével
„Nem vagy halott, és ők tökéletesen illeszkednek ebben az esetben.

Mindezek ellenére jó lenne megjelölni a fenti példát HTML5 használatával, így:

Szuper duper oldalam

Ha nem biztos benne, hogy melyik elemet használja, akkor azt tanácsolom, hogy használja elemkiválasztási folyamatábránkat ( kb. fordító: lásd a bejegyzés legvégén).

Használat
és
csak szükség esetén

Nincs értelme kódot írni, ha nem szükséges, igaz? Jaj, gyakran látom, hogyan
és
ahol nincs rájuk szükség. Elemekről olvashatsz
és
Részletesebben, röviden felvázolom a legfontosabb szempontokat:
  • Elem
    bevezető vagy navigációs segédeszközök csoportját jelöli, és általában tartalmaz egy szakaszcímet
  • Elem
    elemek halmazát csoportosítja

    -

    , amely a szakasz címsorát jelöli, ha több szintből áll (alcímek, alternatív címsorok stb.)
Felesleges elemek
Biztos vagyok benne, hogy tökéletesen ismeri az elemet
többször használható egy dokumentumban. Tehát gyakran ez a helyzet:

A legjobb blogbejegyzésem

Ha a te

csak egy fejlécet tartalmaz, nincs rá szükség. Ebben az esetben az elem
már garantálja, hogy a cím bekerül a „dokumentumvázlatba” (dokumentumvázlat), és egyszer
nem tartalmaz több elemet (meghatározás szerint), biztonságosan eltávolítható. Ennyi elég is:

A legjobb blogbejegyzésem

Visszaélés
És még egyszer a fejlécekről: gyakran látom az elem helytelen használatát
. Nem szabad használni
együtt
, ha:
  • Csak egy fejléc van
  • önmagában is jó (azaz anélkül
    ).
Első eset:

A legjobb blogbejegyzésem

írta Rich Clark

Ebben az esetben csak távolítsa el a hcsoportot.

A legjobb blogbejegyzésem

írta Rich Clark

A második eset egy másik példa egy elem szükségtelen használatára.

A cégem

1893-ban alakult

Ha az egyetlen gyerek

"és ez
miért kell neked
? Ha nincs benne további elem
"e (azaz testvére
), csak távolítsa el
.

A cégem

1893-ban alakult

Ne foglaljon keretbe minden hivatkozást

A HTML5 30 új elemet vezetett be, amelyek lehetővé teszik számunkra strukturált és értelmes jelölések létrehozását. De nem szabad visszaélni az új szemantikai elemekkel. Sajnos pontosan ez történik