I databehandling er et HTML-element et element som indikerer strukturen til et HTML- dokument . Til og med versjon 4.01 av dette formatet er et HTML-element et SGML- element som tilfredsstiller kravene til en eller flere definisjoner av HTML- dokumenttype (DTDs). Disse elementene har to egenskaper: attributter og innhold, som begge er tillatt og påkrevd i henhold til riktig HTML DTD (for eksempel streng HTML 4.01 DTD). Elementer kan representere overskrifter, avsnitt, hyperkoblinger , lister, innpakket media og forskjellige andre strukturer.
HTML versjon 4 definerer 91 elementer.
De fleste HTML-elementer i hoveddelen av dokumentet er klassifisert enten på blokknivå eller på tekstnivå.
(Se "Den globale strukturen til et HTML-dokument" )
De rotobjektene er beholdere som inneholder alle andre HTML-elementer. Hver HTML-side inneholder rotelementer.
<html>…</html> Avgrenser et HTML-dokument (i stedet for et XML- dokument eller klasse). Hovedspråket i HTML-dokumentet kan defineres med lang- attributtet (med f.eks. enFor engelsk). Det eneste tillatte innholdet er enten et element <head>og et element <body>eller et element <head>og et element <frameset>. <head>…</head> Avgrenser overskriftsdelen av dokumentet, som inneholder informasjon om websiden . Elementet <head>inneholder hovedsakelig metadataene til dokumentet. Det er syv mulige overskriftselementer som inkluderer et element metafor en utvidbar metadataspesifikasjon. <body>…</body> Avgrenser hoveddelen av dokumentet.Disse rotelementene er organisert som følger:
<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>Elementet <title>er det eneste nødvendige elementet i et HTML-dokument. Selv om det kreves for at et dokument skal være gyldig, vil de mest populære nettleserne ikke svare på fraværet. Den plasseres mellom kodene <head></head>. Innholdet i dette elementet vil bli brukt av brukerens nettleser til å utpeke siden (for eksempel i fanen eller i favorittene), samt av søkemotorene. Elementet <title>kan bare vises en gang i HTML-dokumentet. Det brukes vanligvis til å kort identifisere innholdet på siden. Det er ikke en del av innholdet i dokumentet, men snarere en egenskap for det. Teoretisk sett er det ingen grense for antall tegn som kan inneholde <title>, derimot begrenser nettlesere generelt visningen. På samme måte tolkes ingen andre HTML-koder.
Taggen <base>brukes til å indikere fra hvilket nettsted eller katalog du vil gå. For dette er det nødvendig å indikere den absolutte banen til målkatalogen. For eksempel, hvis du er i www- mappen og du angir i koden din en bane til index.html- filen uten base, vil du bli dirigert til banen http://votre-site.com/index.html.
Men hvis du indikerer en base, for eksempel http://your-site.com/pages/, vil den samme lenken føre til http://votre_site.com/pages/index.html.
Syntaks: <base href="votre_chemin"/>
Dette elementet spesifiserer lenker til andre dokumenter, for eksempel forrige og neste lenker , eller alternative versjoner. En HTML-overskrift kan inneholde et hvilket som helst antall elementer <link>. Elementet <link>har attributter, men ikke noe innhold. Det brukes ofte til å lenke til eksterne stilark ved hjelp av følgende formulering . <link rel="stylesheet" type="text/css" href="url">
Dette elementet lar deg inkludere skriptkode (ofte i JavaScript ), ofte for å gjøre siden interaktiv. I tilfelle en besøkendes nettleser ikke gjenkjenner koden, anbefaler W3C å kommentere koden:
<script> //<!-- Code du script //--> </script>Disse kodene lar deg sette inn elementer på siden som bare vises hvis nettleseren ikke er i stand til å tolke skript.
Dette elementet lar deg inkludere stilinformasjon i CSS- format .
Tillater innsetting av et objekt ved å spesifisere dets art ved attributtet type. Det kan være en Java-applet , et Flash- program , en video, en lyd ...
Dette elementet kan brukes til å spesifisere forfatter, publiseringsdato , utløpsdato, sidebeskrivelse, nøkkelord og andre metadata som ikke er gitt gjennom de andre elementene og attributtene til overskriften ( head). På grunn av deres generiske natur, meta elementene spesifisere nøkkel / verdi (i) .
I et skjema kan metaelementene spesifisere HTTP- overskriftene som skal sendes før det faktiske innholdet når HTML-siden serveres fra en webserver til klienten. For eksempel :
<meta http-equiv="foo" content="bar">Dette eksemplet spesifiserer at siden skal serveres med en HTTP-overskrift kalt "foo" som har verdien "bar".
I den generelle formen spesifiserer et metaelement navnet ( name) og contenttilknyttede innholdsattributter ( ) som beskriver aspekter av HTML-siden. For å unngå mulige uklarheter kan et valgfritt tredje attributt schemetilveiebringes for å spesifisere et semantisk rammeverk som definerer betydningen av nøkkelen og dens verdi. For eksempel: <meta name="foo" content="bar" scheme="DC">
I dette eksemplet er metadataene:
For mer informasjon om bruk av metaelementet i HTML , se W3C-spesifikasjonen .
Mange HTML-elementer er designet for å endre den semantiske strukturen eller betydningen av et dokument. Noen er blokknivå, men de fleste er linjenivå og kan inkluderes i normal brødtekst.
<p>…</p> : Blokk typekode , det tilsvarer opprettelsen av et nytt avsnitt.
Syntaks:
<p>Mon texte…</p>Den avsluttende koden er ikke nødvendig i HTML. Det er imidlertid obligatorisk i xHTML !
En av de mest grunnleggende og viktige tingene er lenker eller hyperkoblinger.
Koden for å sette inn en lenke er enkel:
<a href="Votre lien">Ceci est un lien</a>Åpningskoden er <a href="">, den avsluttende koden er </a>. Mellom anførselstegnene må du angi hele URL-en til lenken, bortsett fra i et bestemt tilfelle som vi vil se senere. Den fullstendige URL-en betyr at du setter inn det som vises i adressefeltet når du surfer på den aktuelle siden. Uansett hvilket nettsted du vil koble til, vil denne teknikken alltid fungere .
Eksempel URL: http://fr.wikipedia.org/wiki/Hypertext_Markup_Language
Som gir oss, i kode:
<a href="http://fr.wikipedia.org/wiki/Hypertext_Markup_Language">L’article de Wikipédia sur le html</a>Alternativet targetbrukes til å indikere om målet er åpent i samme vindu eller i et nytt nettleservindu. Eksempel:
<a href="http://fr.wikipedia.org/wiki/Hypertext_Markup_Language" target="_blank">L'article dans une nouvelle fenêtre</a><img>
Bruk :
<img src="votre_image.jpg">Bildekoden er tilknyttet en kilde- URL via attributtet "src". Med andre ord, du setter inn banen til bildet mellom "" for å definere bildet som skal settes inn.
Du kan endre andre egenskaper for bildet med følgende attributter:
width="150" Stiller inn bildebredden til 150 piksler. height="150" Justerer høyden på bildet til 150 piksler. title="Message" Setter inn en melding som vises når musen er igjen over bildet.En pikselmerke er et elektronisk bilde, vanligvis en piksel i størrelse (1x1) og usynlig for besøkende. Dette kan knyttes til informasjonskapsler på harddisken til besøkende, og for eksempel la deg vite senere om et bestemt element har blitt åpnet, spesielt når du mottar en e-post.
Generisk tagg på tekstnivå som ikke har noen spesifikk betydning.
Følgende kode:
La voiture <span style="color:red">rouge</span>.vises: Den røde bilen .
Det brukes vanligvis til å dekorere en setning eller en gruppe ord. Det går hånd i hånd med merkelappen som er av typeblokk . <div>…</div>
Rammesystemet grupperer fire HTML-koder:
Standard HTML 4.0 foreldet i HTML 5.
Beholder med rammer for et dokument. Et HTML-dokument inneholder enten et element bodyeller et element frameset. Sistnevnte definerer deretter omfanget av skjermvinduet der rammene (elementene frame) det inneholder vises . Hver ramme inneholder et fullverdig HTML-dokument. Oppsettet deres er definert av komma-atskilte lister, HTML-attributter rowsog cols.
Med rammesett kan du dele data ved å bruke et element OBJECTi elementet HEADi et rammesettdokument
Standard HTML 4.0 foreldet i HTML 5.
Definerer en enkelt ramme eller region av frameset. Et eget dokument kan vises med det framenavngitte attributtet src.
Det er også mulig å målrette en ramme for andre HTML-dokumenter. For å gjøre dette, er alt du trenger å gjøre å tilordne et navn til rammen via attributtet "navn". Det vil da bli vurdert av "forfatterne" som "målet" for lenker definert av andre dokumenter. TARGET-attributtet kan settes for elementer som oppretter lenker (A, LINK), bildekart (AREA) og skjemaer (FORM).
Standard HTML 4.0 foreldet i HTML 5.
Elementet noframesgjør det mulig å definere alternativt HTML-innhold for brukeragenter som ikke implementerer rammeteknologi.
HTML 4.0-standard tillatt i HTML 5.
Introdusert i 1997 av Microsoft Internet Explorer , iframestår taggen for inline frame . Det viser et annet HTML-dokument i en ramme. Men i motsetning til elementet object, kan det være målet for lenker definert av andre elementer, og kan velges av brukeragenten for å skrive ut, vise kilde osv.
Innholdet i elementet brukes som alt-tekst for nettlesere som ikke støtter iframes.
Eksempel:
<!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>Facebook- og Twitter- nettsteder bruker iframes for å direkte vise innhold fra tredjeparts nettsteder. Google AdSense bruker det for at bannerannonsene skal vises på andre nettsteder.