A <head> szekció HTML-ben
A <head> rész tartalmaz minden olyan információt, amit a böngészőnek, a keresőmotoroknak vagy más eszközöknek kell tudniuk a weboldalról – de a látogatók nem látják közvetlenül.
A <title> elem
Ez határozza meg az oldal címét, ami megjelenik a böngésző fülén. Fontos a SEO szempontjából is, mivel a keresőmotorok ezt használják a találatok címeként.
html
<title>My First Website</title>Meta elemek
A meta elemek metaadatokat tartalmaznak az oldalról, például karakterkódolást, leírást vagy mobilnézet beállításait. Ezek nem láthatóak a látogatók számára, de a működéshez elengedhetetlenek.
html
<meta charset="UTF-8">
<meta name="description" content="Personal blog about HTML learning.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">Stíluslap csatolása <link>-kel
A <link> elem segítségével külső stíluslapokat, például CSS fájlokat csatolhatunk az oldalhoz. Ez az egyik leggyakoribb elem a <head> részben.
html
<link rel="stylesheet" href="styles.css">Szkriptek betöltése a <script> elemmel
A JavaScript fájlokat a <script> elemmel lehet betölteni. Bár a legjobb gyakorlat az, hogy ezeket az oldal alján helyezzük el, bizonyos esetekben a <head> részben is elhelyezhetők, például ha korai inicializációra van szükség.
html
<script src="main.js"></script>Egy tipikus <head> szerkezet
Az alábbi példa egy átlagos <head> blokkot mutat be, ahol megtalálható minden alapvető meta, link és script elem, valamint a cím.
html
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Learning HTML</title>
<link rel="stylesheet" href="style.css">
<script src="main.js"></script>
</head>Jó gyakorlatok
Mindig használj megfelelő karakterkódolást (pl. UTF-8), adj meg viewport beállítást mobilhoz, használj informatív címet, és ha lehet, tömör, értelmes meta leírást is.
Nyelv kiválasztása
Téma beállítása
© 2025 ReadyTools. Minden jog fenntartva.