A számítás során a HTML elem egy olyan elem, amely a HTML dokumentum felépítését jelzi . Bezárólag 4.01 ebben a formátumban, egy HTML elem egy SGML elem , amely kielégíti a követelményeket egy vagy több HTML dokumentum-meghatározások (DTD-k). Ezeknek az elemeknek két tulajdonsága van: attribútumok és tartalom, amelyek megengedettek és kötelezőek a megfelelő HTML DTD szerint (például szigorú HTML 4.01 DTD). Az elemek címsorokat, bekezdéseket, hiperhivatkozásokat , listákat, becsomagolt adathordozókat és számos más struktúrát képviselhetnek.
A 4. HTML-verzió 91 elemet határoz meg.
A dokumentum törzsében a legtöbb HTML elem blokk vagy szöveg szinten van besorolva.
(Lásd: "A HTML dokumentum globális felépítése" )
A gyökérelemek olyan tárolók, amelyek tartalmazzák az összes többi HTML elemet. Minden HTML-oldal gyökérelemeket tartalmaz.
<html>…</html> Behatárol egy HTML dokumentumot ( XML dokumentum vagy osztály helyett ). A HTML dokumentum elsődleges nyelve a lang attribútummal határozható meg (pl en. Angolul). Az egyetlen tartalom megengedett, ha egy elem <head>és egy elem, <body>vagy egy elem <head>és egy elem <frameset>. <head>…</head> Elhatárolja a dokumentum fejléc szakaszát, amely információkat tartalmaz a weboldalról . Az elem <head>főként a dokumentum metaadatait tartalmazza. Hét lehetséges fejlécelem van, amely tartalmaz egy elemet metaegy kibővíthető metaadat-specifikációhoz. <body>…</body> Elhatárolja a dokumentum törzsét.Ezek a gyökérelemek a következőképpen vannak rendszerezve:
<html> <head> <!-- Cette section peut contenir n'importe quels [[#Éléments d'en-tête|éléments d'en-tête]] qui peuvent être organisé de n'importe quelle façon et apparaître autant de fois que souhaité, à l'exception de <base> et <title> qui ne peuvent apparaître qu'une seule fois chacun. Le seul élément obligatoire de l'en-tête (délimitée entre les balises <head> et </head>) est : <title>. --> </head> <body> <!-- Ne peut avoir comme enfants directs que des éléments de type ''%block'' en HTML strict, mais admet également des éléments de type ''%inline'' ou du texte anonyme en HTML transitionnel. --> </body> </html>Az elem <title>az egyetlen szükséges elem egy HTML-dokumentumban. Bár a dokumentum érvényességéhez szükséges, a legnépszerűbb böngészők nem reagálnak a hiányára. A címkék közé kerül <head></head>. Ennek az elemnek a tartalmát a felhasználó böngészője használja az oldal kijelölésére (például a fülön vagy a kedvencek között), valamint a keresőmotorok. Az elem <title>csak egyszer jelenhet meg a HTML dokumentumban. Általában az oldal tartalmának rövid azonosítására szolgál. Ez nem része a dokumentum tartalmának, hanem inkább annak tulajdonsága. Elméletileg nincs korlátozva a tartalmazható karakterek száma, <title>másrészt a böngészők általában korlátozzák a megjelenítést. Hasonlóképpen, egyetlen más HTML-címkét sem fogunk értelmezni.
A címke arra <base>szolgál, hogy jelezze, melyik webhelyről vagy könyvtárból szeretne eljutni. Ehhez meg kell jelölni a célkönyvtár abszolút elérési útját . Például, ha a www mappában van, és a kódjában megadja az index.html fájl elérési útját, bázis nélkül, akkor az útvonalra irányul http://votre-site.com/index.html.
Ha azonban megad egy bázist, például http://your-site.com/pages/, akkor ugyanez a link vezet http://votre_site.com/pages/index.html.
Szintaxis: <base href="votre_chemin"/>
Ez az elem megadja a más dokumentumokra mutató hivatkozásokat, például az előző és a következő hivatkozásokat , vagy az alternatív változatokat. A HTML fejléc tetszőleges számú elemet tartalmazhat <link>. Az elemnek <link>vannak attribútumai, de nincs tartalma. Általában külső stíluslapok linkelésére használják, a következő megfogalmazással . <link rel="stylesheet" type="text/css" href="url">
Ez az elem lehetővé teszi szkriptkódok (leggyakrabban a JavaScript-be ) beillesztését , gyakran az oldal interaktívvá tétele érdekében. Abban az esetben, ha a látogató böngészője nem ismeri fel a címkét, a W3C javasolja a kód megjegyzését:
<script> //<!-- Code du script //--> </script>Ezek a címkék lehetővé teszik olyan elemek beszúrását az oldalba, amelyek csak akkor jelennek meg, ha a böngésző nem képes értelmezni a szkripteket.
Ez az elem lehetővé teszi a stílusinformációk CSS formátumban történő felvételét .
Lehetővé teszi egy objektum beszúrását azáltal, hogy az attribútummal meghatározza annak természetét type. Ez lehet Java kisalkalmazás , Flash alkalmazás , videó, hang ...
Ez az elem felhasználható a szerző, a közzététel dátumának, a lejárati dátumnak, az oldalleírásnak, a kulcsszavaknak és minden más metaadatnak a megadására, amelyet nem a fejléc ( head) egyéb elemei és attribútumai adnak meg . Általános jellege miatt a meta elemek meghatározzák a kulcsot / értéket (in) .
Egy űrlapban a meta elemek meghatározhatják azokat a HTTP- fejléceket , amelyeket a tényleges tartalom előtt kell elküldeni, amikor a HTML-oldalt egy webkiszolgálóról nyújtják az ügyfélnek. Például :
<meta http-equiv="foo" content="bar">Ez a példa meghatározza, hogy az oldalt egy "foo" nevű HTTP fejléccel kell kiszolgálni, amelynek értéke "bar".
Általános formában a metaelem meghatározza a HTML oldal szempontjait leíró nevet ( name) és a contenthozzájuk tartozó tartalomattribútumokat ( ). Az esetleges kétértelműségek elkerülése érdekében opcionális harmadik attribútum schemeadható meg egy szemantikus keretrendszer meghatározásához, amely meghatározza a kulcs jelentését és értékét. Például: <meta name="foo" content="bar" scheme="DC">
Ebben a példában a metaadatok:
További információt a meta-elem a HTML , lásd a W3C-specifikáció .
Számos HTML elemet úgy terveztek, hogy megváltoztassa a dokumentum szemantikai felépítését vagy jelentését. Néhány blokkszintű, de a legtöbb vonalszintű, és a normál törzsszövegbe beilleszthető.
<p>…</p> : Block type tag , ez egy új bekezdés létrehozásának felel meg.
Szintaxis:
<p>Mon texte…</p>A záró címke nem szükséges a HTML-ben. Ez azonban kötelező az xHTML !
Az egyik legalapvetőbb és legfontosabb dolog a linkek vagy hiperhivatkozások.
A link beszúrására szolgáló kód egyszerű:
<a href="Votre lien">Ceci est un lien</a>A nyitó címke <a href="">, a záró címke az </a>. Az idézőjelek között meg kell adnia a link teljes URL-jét, kivéve egy bizonyos esetet, amelyet később látni fogunk. A teljes URL azt jelenti, hogy a kérdéses oldal böngészése közben beilleszti azt, ami a címsávban látható. Nem számít, melyik webhelyre szeretne hivatkozni, ez a technika mindig működik .
Példa URL-re: http://fr.wikipedia.org/wiki/Hypertext_Markup_Language
Ami kódban megadja:
<a href="http://fr.wikipedia.org/wiki/Hypertext_Markup_Language">L’article de Wikipédia sur le html</a>Az opció targetannak jelzésére szolgál, hogy a cél ugyanabban az ablakban vagy egy új böngészőablakban van-e nyitva. Példa:
<a href="http://fr.wikipedia.org/wiki/Hypertext_Markup_Language" target="_blank">L'article dans une nouvelle fenêtre</a><img>
Használat:
<img src="votre_image.jpg">A képcímke egy forrás URL-hez van társítva az "src" attribútumon keresztül. Más szavakkal, beilleszti a kép elérési útját a "" közé a beillesztendő kép meghatározásához.
A kép egyéb tulajdonságait a következő attribútumokkal módosíthatja:
width="150" A kép szélességét 150 képpontra állítja be. height="150" A kép magasságát 150 képpontra állítja be. title="Message" Helyezzen be egy üzenetet, amely akkor jelenik meg, amikor az egér a kép fölött marad.A pixel tag egy elektronikus kép, általában egy pixel méretű (1x1), és a webhely látogatói számára láthatatlan. Ez társítható a látogatók merevlemezén található cookie-khoz, és így például később megtudhatja, hogy megnyitottak-e egy adott elemet, különösen e-mail érkezésekor.
Általános szövegszintű címke, amelynek nincs konkrét jelentése.
A következő kód:
La voiture <span style="color:red">rouge</span>.megjelenik: A piros autó .
Általában egy mondat vagy egy szavak csoportjának díszítésére szolgál. Ez együtt jár a címkével, amely típusú blokk . <div>…</div>
A keretrendszer négy HTML címkét csoportosít:
A HTML HTML szabvány elavult a HTML 5-ben.
Konténer keretek egy dokumentumhoz. Egy HTML dokumentum tartalmaz elemet bodyvagy elemet frameset. Ezután ez határozza meg a megjelenítő ablak kiterjedését, ahol az abban található keretek (elemek frame) megjelennek . Minden keret egy teljes értékű HTML-dokumentumot tartalmaz. Elrendezésüket vesszővel elválasztott listák, HTML attribútumok rowsés cols.
A keretkészletek lehetővé teszik az adatok megosztását egy elem OBJECTalkalmazásával a HEADkeretkészlet dokumentum elemében
A HTML HTML szabvány elavult a HTML 5-ben.
Egyetlen keretet vagy régiót határoz meg frameset. A framemegnevezett attribútummal külön dokumentum jeleníthető meg src.
Keretet is meg lehet célozni más HTML dokumentumok számára. Ehhez mindössze annyit kell tennie, hogy a "name" attribútumon keresztül nevet rendel a kerethez , majd a "szerzők" más dokumentumok által meghatározott linkek "célpontjának" tekintik. A TARGET attribútum olyan elemekhez állítható be, amelyek linkeket (A, LINK), képtérképeket (AREA) és űrlapokat (FORM) hoznak létre .
A HTML HTML szabvány elavult a HTML 5-ben.
Az elem noframeslehetővé teszi az alternatív HTML-tartalom meghatározását azon felhasználói ügynökök számára , amelyek nem valósítják meg a keretrendszert.
A HTML 5 szabvány engedélyezett a HTML 5-ben.
A Microsoft Internet Explorer által 1997-ben bevezetett címke iframeaz inline keretet jelenti . Egy másik HTML-dokumentumot jelenít meg egy keretben. De az elemtől eltérően objectlehet más elemek által meghatározott hivatkozások célpontja, és a felhasználói ügynök kiválaszthatja nyomtatásra, a forrás megtekintésére stb.
Az elem tartalma alt szövegként szerepel azoknál a böngészőknél, amelyek nem támogatják az iframe-eket.
Példa:
<!DOCTYPE html> <html> <head> <title>Document avec une iframe</title> </head> <body> <iframe src="http://www.w3schools.com">Impossible d'afficher l'iframe</iframe> </body> </html>A Facebook és a Twitter webhelyek iframe-eket használnak harmadik felek webhelyeinek tartalmának közvetlen megjelenítésére. A Google AdSense arra használja, hogy szalaghirdetése más webhelyeken is megjelenjen.