Pengepala HTML


HTML <head>

Lihat contoh dalam talian

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>我的 HTML 的第一页</title>
</head>

<body>
<p>浏览器中包含body元素的内容。</p>
<p>浏览器的标题包含title元素的内容</p>
</body>

</html>

Jalankan instance»

Klik butang "Run instance" untuk melihat contoh dalam talian
Gunakan <base> untuk menentukan alamat sasaran pautan lalai daripada semua pautan pada halaman.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<base href="http://www.php.cn/images/" target="_blank">
</head>

<body>
<img src="logo.png"> - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签，
    该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为 "http://www.php.cn/images/logo.png"
<br><br>
<a href="http://www.php.cn">php中文网</a> - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。
因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian
Gunakan elemen <meta> untuk menerangkan perihalan, kata kunci, pengarang, set aksara, dsb. dokumen HTML.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Ståle Refsnes">
<meta charset="UTF-8">
</head>
<body>

<p>所有 meta 标签显示在 head 部分...</p>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

elemen HTML <head>

<head> wujud Dalam elemen <head> anda boleh memasukkan skrip, fail gaya (CSS) dan pelbagai maklumat meta.

Teg elemen yang boleh ditambah dalam kawasan pengepala ialah: <tajuk>, <gaya>, <meta>, <pautan>, <skrip>, <noscript> dan < asas>.

elemen HTML <tajuk>

<tajuk>

<tajuk> diperlukan dalam dokumen HTML/XHTML.

<tajuk> elemen:

  • mentakrifkan tajuk bar alat penyemak imbas

  • apabila halaman web ditambahkan pada kegemaran Tajuk dipaparkan dalam kegemaran

  • Tajuk dipaparkan dalam halaman hasil enjin carian

Dokumen HTML ringkas: 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>

elemen HTML <base>

<teg asas> menerangkan alamat pautan asas/sasaran pautan, yang berfungsi sebagai pautan lalai untuk semua teg pautan dalam dokumen HTML: 

<head>
<base href="http://www.php.cn/images/" target="_blank">
</head>

HTML <link> Elemen

<link> Teg

<pautan> biasanya digunakan untuk memaut ke helaian gaya: 

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

elemen HTML <style>

Teg

<style> mentakrifkan alamat rujukan fail gaya dokumen HTML

Dalam elemen <style> : 

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

HTML <meta> Elemen

teg meta menerangkan beberapa metadata asas. Teg

<meta> menyediakan metadata juga tidak dipaparkan pada halaman, tetapi akan dihuraikan oleh penyemak imbas.

Elemen META biasanya digunakan untuk menentukan perihalan halaman web, kata kunci, masa pengubahsuaian terakhir fail, pengarang dan metadata lain.

Metadata boleh digunakan oleh penyemak imbas (cara memaparkan kandungan atau memuat semula halaman), enjin carian (kata kunci) atau perkhidmatan web lain.

<meta> Biasanya diletakkan di kawasan <head><meta> 🎜 >

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"

Tentukan kandungan penerangan untuk halaman web: 

<meta name="description" content="Free Web tutorials on HTML and CSS"

Tentukan pengarang halaman web : 

<meta name="author" content="Hege Refsnes"

Muat semula halaman semasa setiap 30 saat: 

<meta http-equiv="refresh" content="30"

elemen <skrip> HTML

<skrip> teg digunakan untuk memuatkan fail skrip, seperti JavaScript. Elemen

<skrip> diterangkan secara terperinci dalam bahagian berikut.

Elemen kepala HTML

标签描述
<head>定义了文档的信息
<title>定义了文档的标题
<base>定义了页面链接标签的默认链接地址
<link>定义了一个文档和外部资源之间的关系
<meta>定义了HTML文档中的元数据
<script>定义了客户端的脚本文件
<style>定义了HTML文档的样式文件