HTML <head> Tag
Voorbeeld
'n Eenvoudige HTML-dokument, met 'n <title>-merker binne die kop-afdeling:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a
paragraph.</p>
</body>
</html>
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die <head>element is 'n houer vir metadata (data oor data) en word tussen die <html>-merker en die <body>-merker geplaas.
Metadata is data oor die HTML-dokument. Metadata word nie vertoon nie.
Metadata definieer tipies die dokumenttitel, karakterstel, style, skrifte en ander meta-inligting.
Die volgende elemente kan binne die <head>element gaan:
Blaaierondersteuning
| Element | |||||
|---|---|---|---|---|---|
| <head> | Yes | Yes | Yes | Yes | Yes |
Globale eienskappe
Die <head>merker ondersteun ook die Global Attributes in HTML .
Meer voorbeelde
Voorbeeld
Die <base> -merker (spesifiseer 'n verstek-URL en teiken vir alle skakels op 'n bladsy) gaan binne-in <head>:
<html>
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24"
height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
</html>
Voorbeeld
Die <style> -merker (voeg stylinligting by 'n bladsy) gaan binne-in <head>:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
Voorbeeld
Die <link> -merker (skakels na 'n eksterne stylblad) gaan binne-in <head>:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>
</body>
</html>
Verwante bladsye
HTML-tutoriaal: HTML Head
HTML DOM verwysing: Head Object
Verstek CSS-instellings
Die meeste blaaiers sal die <head>element met die volgende verstekwaardes vertoon:
head {
display: none;
}