Skip to main content

Mi a HEAD elem egy HTML weboldalon?

Lesson 1 - Come out of the box - The Pioneer School (Június 2026)

Lesson 1 - Come out of the box - The Pioneer School (Június 2026)
Anonim

Minden webes HTML dokumentum különböző elemekből áll. Sok elem meglehetősen gyakori, és szinte minden esetben megtalálhatóak, például bekezdések, fejlécek, képek és linkek. Az ilyen elemekhez hasonlóan azonban vannak opcionálisak. Önnek nincs technikailag szükségük egy weboldalra - bár minden olyan oldal, amely hiányzik ezekből az elemekből, valószínűleg elég szűk lesz!

Ezen opcionális HTML elemeken kívül vannak olyanok is, amelyek ténylegesen egy oldalra vonatkoznak. Ezen elemek többségét megtalálhatjuk a a HTML oldal területe. Ezek olyan elemek, amelyek nem szerepelnek a weboldalakon (nagyrészt). Az elemek el vannak rejtve az ember látogatóitól a webhelyén, de még mindig nagyon hasznosak, mivel információt szolgáltatnak az internetes böngészőnek, valamint a keresőmotoroknak az adott oldalról.

Technikailag csak egy címke szükséges ahhoz, hogy az összes HTML dokumentum tetején legyen: a elem. Ez a címkepár elindítja és befejezi a weboldalt, és lehetővé teszi a böngésző számára, hogy mindez a két címke között a HTML tartalom. Az egyetlen dolog, amit gyakran látsz A nyitó címke a doctype oldalak. Ez így lenne írva:

Azután tag a fent említett tag pár. Ezen a címkepáron belül számos más fontos elemet, köztük a , minden <meta> címkéket, valamint a CSS és a Javascript hivatkozásokat.<p><div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> <div id="adlk-embed-1"></div> </center></div> <a id="menu-1"></a><h2 id='D9MVVA4IB6'> A TITLE elem</h2> <p>Mindig tartalmaznia kell a a weboldaladon. Ennek számos oka van, többek között:<p> <ol> <li> <p>A keresőmotorok a</p> <p>CÍM<p>mint a honlapok katalógusának elsődleges eszköze. Ha a weboldal nem rendelkezik leíró címmel, akkor a keresőmotorok alacsonyabb rangsorolást kapnak, mint a többi oldal. Ez az, ami a keresőmotor eredményoldalán (más néven SERP-ként is) található linkszövegként jelenik meg.</p> <div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> <div id="adlk-embed-1"></div> </center></div></li> <li> <p>Ez megjelenik a böngészőablak tetején vagy a lapon, amely leírja az oldalt a böngészőben.</p> </li> <li> <p>Ez íródott, amikor valaki könyvjelzőt tesz a webhelyére. Ha egy felhasználó könyvjelzőt ad a webhelynek, azt szeretné, hogy emlékezzenek rá. Ha nem használja a címcímkét, akkor a webhelyen megjelenik a "Untitled Document" (dokumentum nélküli cím), amely az alapértelmezett oldal címe, amelyet számos webfejlesztő szoftver platformon használnak.</p> </li> </ol> <p>Mivel a A címke célja, hogy áttekintést nyújtson arról, hogy miről van szó az oldalról, a webhely minden oldalának egyedinek kell lennie , mivel a webhely minden oldala egyedi tartalmat tartalmaz. Próbálja meg tartani a címke tartalmát 60 karakternél rövidebb vagy annál kevesebb értékig. Többet is beilleszthet, de a keresőmotorok csonkítják a tartalmat, ha ez a szám fölé kerül.<p> <a id="menu-2"></a><h2 id='LO9IGC7TSS'> Metaadatok vagy metaadatok</h2> <p>A metaadatok a <head> a HTML dokumentumról, amely további információkat nyújt a weboldaláról a webböngészőhöz és más eszközökhöz. Olyan információkat is tartalmazhat, mint például a szerző neve, az oldal létrehozásához használt program, az oldal lejáratának dátuma, és talán a legfontosabb, hogy a leírás és a kulcsszavak relevánsak az oldal számára.<p>A legfontosabb</p> <p>META<strong> <p>A webdokumentumban szereplő címke valójában a karakterkészlet vagy a karakterkészlet. Ez fontos a weboldalak biztonsága szempontjából.</p> <p>A karakterkészletnek mindig az első sor lesz</p> <p>FEJ<strong> <p>így a hackerek nem tudnak behatolni. Ebben az összefüggésben, a címkék többi részében, melyeket lefedtünk, így szeretnénk:</p> <p><!doctype html> <html> <head><meta charset='utf-8'><title>Ez a cím tartalma

További információ a meta-címkékről

A meta tagek nagyon fontosak ahhoz, hogy jó keresési eredményeket érjenek el, de ha csak egy jó, leíró cím vagy metacímke írására van idő, írja meg a címet. A dokumentum címe tovább fog menni a keresőmotor elhelyezésénél, mint a metacímkék. További információ a meta-címkékről:

  • Mágia a Meta-címkékkel - Használjon meta-címkéket a jobb keresőmotorok elhelyezéséhez
  • Több metacímke - A kulcsszavak és leírások túllépése, hogy a lehető legtöbbet hozhassa ki a metaadatból.
  • Meta Tag Links - További linkek meta tag súgóhoz

Egyéb elemek

Ezenkívül további fontos dolgokat találhat a egy oldal linkek a webhely CSS-fájljaihoz Javascript, akár linkek JS fájlok vagy az inline Javascript kódot.