HTML頭部

時間 2020-07-22

標籤 html 頭部欄目 HTML 简体版

原文原文鏈接

總結HTML頭部元素
HTML <head>元素css

<head> 元素是全部頭部元素的容器。<head> 內的元素可包含腳本，指示瀏覽器在何處能夠找到樣式表，提供元信息，等等。
如下標籤均可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。html

HTML <title>元素
<title>標籤訂義文檔的標題。
title 元素在全部 HTML/XHTML 文檔中都是必需的。
title 元素可以：web

定義瀏覽器工具欄中的標題
提供頁面被添加到收藏夾時顯示的標題
顯示在搜索引擎結果中的頁面標題

一個簡化的 HTML 文檔：瀏覽器

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

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

</html>

HTML <base>元素
<base> 標籤爲頁面上的全部連接規定默認地址或默認目標（target）：工具

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

HTML <link> 元素
<link> 標籤訂義文檔與外部資源之間的關係。
<link> 標籤最經常使用於鏈接樣式表：搜索引擎

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

HTML <meta>元素
元數據（metadata）是關於數據的信息。
<meta>標籤提供關於 HTML 文檔的元數據。元數據不會顯示在頁面上，可是對於機器是可讀的。
典型的狀況是，meta 元素被用於規定頁面的描述、關鍵詞、文檔的做者、最後修改時間以及其餘元數據。
<meta> 標籤始終位於 head 元素中。
元數據可用於瀏覽器（如何顯示內容或從新加載頁面），搜索引擎（關鍵詞），或其餘 web 服務。
針對搜索引擎的關鍵詞
一些搜索引擎會利用 meta 元素的 name 和 content 屬性來索引您的頁面。
下面的 meta 元素定義頁面的描述：spa

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

下面的 meta 元素定義頁面的關鍵詞：.net

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

name 和 content 屬性的做用是描述頁面的內容。code

HTML <script>元素
<script>標籤用於定義客戶端腳本，好比 JavaScript。htm

相關標籤/搜索

html+css+javascript+html

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。