A <h1>
HTML-tag egy címsor (heading) elem, amelyet a weboldal legfontosabb főcímeinek megjelenítésére használnak. Ez a HTML dokumentumokban a legnagyobb és legkiemeltebb címsor.
Tartalom
Jellemzők és használat:
- A
<h1>
tag egy blokkszintű elem, amely automatikusan új sorba kerül. - Általában az oldal vagy a szekció főcímének megjelenítésére szolgál.
- Egy HTML-dokumentumban csak egyetlen
<h1>
elem ajánlott, mert ez segíti a keresőoptimalizálást (SEO) és az akadálymentességet. - A böngészők alapértelmezés szerint nagyobb és félkövér betűtípussal jelenítik meg.
Példa használat:
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Példa oldal</title>
</head>
<body>
<h1>Ez egy főcím</h1>
<p>Ez egy bekezdés szövege.</p>
</body>
</html>
SEO és struktúra szempontjából:
- A
<h1>
tag különösen fontos a keresőmotorok (SEO) számára, mert segít megérteni az oldal fő témáját. - Az alárendelt címsorok
<h2>
,<h3>
,<h4>
,<h5>
, és<h6>
elemekkel adhatók meg, amelyek hierarchikus struktúrát hoznak létre.
Példa helyes hierarchiára:
<h1>Webfejlesztési alapok</h1>
<h2>HTML alapok</h2>
<h3>HTML elemek</h3>
<h3>HTML attribútumok</h3>
<h2>CSS alapok</h2>
<h3>Stílusok alkalmazása</h3>
<h3>Reszponzív dizájn</h3>
A <h1>
tag a legfontosabb címsor egy HTML-oldalon, amelyet a keresőmotorok és a felhasználók is az oldal tartalmának fő meghatározó elemeként érzékelnek. Érdemes körültekintően használni az oldalon belüli struktúra és a SEO szempontjából.