最新的Web開發教程

HTML Head


的HTML <head>

所述<head>元素是用於元數據的容器(關於數據的數據)。

HTML元數據是關於HTML文檔數據。 不顯示的元數據。

元數據通常定義文檔標題,樣式,鏈接,腳本和其他元信息。

下面的標籤元數據: <title>, <style>, <meta>, <link>, <script>, and <base>


省略<html><body>

在HTML5標準中, <html>標記,則<body>標記和<head>標籤可以省略。

下面的代碼將驗證為HTML5:

<!DOCTYPE html>
<title>Page Title</title>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
試一試»

w3ii不建議省略<html><body>標記。

<html>元素是文檔根。 它是用於指定頁面語言推薦的地方:

<!DOCTYPE html>
<html lang="en-US">

聲明一個語言是用來輔助功能應用程序(屏幕閱讀器)和搜索引擎的重要。

省略<html><body>可能會崩潰不好寫DOM/XML的軟件。

最後,省略<body>可以產生在舊的瀏覽器的錯誤(IE9)


省略<head>

在HTML5標準中, <head>標籤也可被省略。

默認情況下,瀏覽器將添加前的所有元素<body>為默認<head>元素。

您可以通過省略降低了HTML的複雜性, <head>標籤:

<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
試一試»

省略標籤是不熟悉的Web開發人員。 這需要建立一個指導時間。


的HTML <title>

所述<title>元素定義了文檔的標題。

所述<title>元素是必需的所有HTML / XHTML文檔。

所述<title>元素:

  • 定義了在瀏覽器標籤標題
  • 當它被添加到您的收藏夾提供了頁面的標題
  • 顯示在搜索引擎結果的頁面的標題

簡化的HTML文檔:

<!DOCTYPE html>
<html>
<title>Page Title</title>

<body>
The content of the document......
</body>

</html>
試一試»

的HTML <style>

所述<style>元素用於定義一個HTML文檔的樣式信息。

裡面<style>元素您指定的HTML元素應該在瀏覽器中呈現:

<style>
body {background-color:yellow;}
p {color:blue;}
</style>
試一試»

的HTML <link>

所述<link>元素定義到外部資源的頁面關係。

所述<link>元素是最經常用於鏈接到樣式表:

<link rel="stylesheet" href="mystyle.css">
試一試»

的HTML <meta>

所述<meta>元素用於指定頁面描述,關鍵字,作者,以及其它元數據。

元數據是通過瀏覽器使用(how to display content) ,搜索引擎(keywords) ,以及其他網絡服務。

定義搜索引擎的關鍵字:

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

定義你的網頁的描述:

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

定義使用的字符集:

<meta charset="UTF-8">

定義頁面的作者:

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

刷新文件每30秒:

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

實施例<meta>標籤:

<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8">
試一試»

的HTML <script>

<script>元素被用來定義客戶端的JavaScript。

下面的腳本編寫的JavaScript您好! 與HTML元素id="demo"

<script>
function myFunction {
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
試一試»

要了解所有關於JavaScript,請訪問我們的JavaScript教程


的HTML <base>

所述<base>元素指定用於在頁面中的所有相對URL基本URL和基本目標:

<base href="http://www.w3ii.com/images/" target="_blank">
試一試»

HTML元素頭

標籤 描述
<head> 定義關於文檔的信息
<title> 定義文檔的標題
<base> 定義頁面上的所有鏈接的默認地址或默認目標
<link> 定義文檔與外部資源之間的關係
<meta> 定義關於HTML文檔的元數據
<script> 定義客戶端腳本
<style> 定義樣式信息的文檔