HTML Hoofdelementen

Meer voorbeelden

Documenttitel
De <title>-titel definieert de titel van het document.
Alle links naar een doel
Hoe alle links op een pagina in een nieuw venster te openen met behulp van de base-tag.
Documentbeschrijving
Gebruik het <meta>-element om het document te beschrijven.
Documentzoekwoorden
Gebruik het <meta>-element om de belangrijkste zoekwoorden van het document te definiëren.
Gebruikers herleiden
Hoe gebruikers te herleiden naar een nieuwe URL.

HTML <head>-element

Het <head>-element is de container voor alle hoofd-elementen. Elementen binnen <head> kunnen scripts bevatten,指示浏览器在何处可以找到样式表，提供元信息，等等。

De volgende tags kunnen worden toegevoegd aan het head-deel: <title>, <base>, <link>, <meta>, <script> en <style>.

HTML <title> element

<title> tag definieert de titel van het document.

Het title-element is in alle HTML/XHTML-documenten vereist.

De title-element kan:

  • De titel die wordt weergegeven in de browser toolbar
  • De titel die wordt weergegeven wanneer een pagina aan de favorietenlijst wordt toegevoegd
  • De pagina titel die wordt weergegeven in de zoekresultaten van zoekmachines

Een vereenvoudigd HTML-document:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>

HTML <base> element

De <base> tag stelt de standaardadres of het standaarddoel (target) voor alle links op de pagina in:

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

HTML <link> element

De <link> tag definieert de relatie tussen een document en externe bronnen.

De <link> tag wordt meestal gebruikt om stijlsheets te koppelen:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

HTML <style> element

De <style> tag wordt gebruikt om stijlinformatie voor HTML-documenten te definiëren.

U kunt in het style-element de stijlen van HTML-elementen in de browser bepalen:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

HTML <meta> element

Metadata (metadata) is informatie over data.

De <meta> tag biedt metadata over het HTML-document. Metadata wordt niet weergegeven op de pagina, maar is voor machines leesbaar.

Een typisch voorbeeld is dat de meta-elementen worden gebruikt om de beschrijving van de pagina, zoekwoorden, de auteur van het document, de laatste wijzigingstijd en andere metadata te bepalen.

De <meta> tag staat altijd in de <head> element.

Metadata kan worden gebruikt door browsers (hoe inhoud wordt weergegeven of een pagina wordt herladen), zoekmachines (zoekwoorden) of andere webdiensten.

Zoekwoorden voor zoekmachines

Sommige zoekmachines gebruiken de name- en content-eigenschappen van de meta-elementen om uw pagina te indexeren.

De onderstaande meta-elementen definiëren de beschrijving van de pagina:

<meta name="description" content="Gratis Web-tutorials over HTML, CSS, XML" />

De onderstaande meta-elementen definiëren de zoekwoorden van de pagina:

<meta name="keywords" content="HTML, CSS, XML" />

De functie van de name en content-eigenschappen is om de inhoud van de pagina te beschrijven.

HTML <script> element

De <script> tag wordt gebruikt om clientse scripts zoals JavaScript te definiëren.

We zullen later in het hoofdstuk het script-element uitleggen.

HTML Hoofdelementen

Tag Beschrijving
<head> Definieert informatie over het document.
<title> Definieert de documenttitel.
<base> Definieert de standaardadres of standaarddoel van alle links op de pagina.
<link> Definieert de relatie tussen het document en externe bronnen.
<meta> Definieert metadata over het HTML-document.
<script> Definieert clientse scripts.
<style> Definieert de stijlinformatie van het document.