頻道欄目
首頁 > 資訊 > HTML實例/測驗/總結 > 正文

HTML 頭部元素

16-01-30        來源:[db:作者]  
收藏   我要投稿
描述了文檔標題
源代碼
<!DOCTYPE html>
<html>
<head>
<title>My first HTML page</title>
</head>

<body>
<p>The content of the body element is displayed in the browser.</p>
<p>The content of the title element is displayed in the browser's title.</p>
</body>

</html>

 

運行結果
HTML頁面中默認的URL鏈接
源代碼
<!DOCTYPE html>
<html>
<head>
<base href="http://www.w3cschool.cc/images/" target="_blank">
</head>

<body>
<img src="stickman.gif" width="24" height="39"> - Notice that we have only specified a relative address for the image. Since we have specified a base URL in the head section, the browser will look for the image at "http://www.w3cschool.cc/images/stickman.gif"
<br><br>
<a href="http://www.w3cschool.cc">w3cschool</a> - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_blank".

</body>
</html>

 

運行結果
提供文檔元數據
源代碼
<!DOCTYPE html>
<html>
<head>
<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>All meta information goes in the head section...</p>

</body>
</html>

 

運行結果
實例解析

HTML <head>


HTML <head> 元素

<head> 元素包含了所有的頭部標簽元素。在 <head>元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。

可以添加在頭部區域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.


HTML <title> 元素

<title> 標簽定義了不同文檔的標題。

<title> 在 HTML/XHTML 文檔中是必須的。

<title> 元素:

  • 定義了瀏覽器工具欄的標題
  • 當網頁添加到收藏夾時,顯示在收藏夾中的標題
  • 顯示在搜索引擎結果頁面的標題

一個簡單的 HTML 文檔:

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


HTML <base> 元素

<base> 標簽描述了基本的鏈接地址/鏈接目標,該標簽作為HTML文檔中所有的鏈接標簽的默認鏈接:

<head>
<base href="http://www.w3cschool.cc/images/" target="_blank">
</head>


HTML <link> 元素

<link> 標簽定義了文檔與外部資源之間的關系。

<link> 標簽通常用于鏈接到樣式表:

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


HTML <style> 元素

<style> 標簽定義了HTML文檔的樣式文件引用地址.

在<style> 元素中你需要指定樣式文件來渲染HTML文檔:

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


HTML <meta> 元素

meta標簽描述了一些基本的元數據。

<meta> 標簽提供了元數據.元數據也不顯示在頁面上,但會被瀏覽器解析。

META元素通常用于指定網頁的描述,關鍵詞,文件的最后修改時間,作者,和其他元數據。

元數據可以使用于瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他Web服務。

<meta>一般放置于 <head>區域

<meta> 標簽- 使用實例

為搜索引擎定義關鍵詞:

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

為網頁定義描述內容:

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

定義網頁作者:

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

每30秒中刷新當前頁面:

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


HTML <script> 元素

<script>標簽用于加載腳本文件,如: JavaScript。

<script> 元素在以下章節會詳細描述。


HTML head 元素

標簽 描述
<head> 定義了文檔的信息
<title> 定義了文檔的標題
<base> 定義了頁面鏈接標簽的默認鏈接地址
<link> 定義了一個文檔和外部資源之間的關系
<meta> 定義了HTML文檔中的元數據
<script> 定義了客戶端的腳本文件
<style> 定義了HTML文檔的樣式文件

相關TAG標簽
上一篇:臺積電:絕大多數7nm客戶都會轉向6nm_IT新聞_博客園
下一篇:最后一頁
相關文章
圖文推薦

關于我們 | 聯系我們 | 廣告服務 | 投資合作 | 版權申明 | 在線幫助 | 網站地圖 | 作品發布 | Vip技術培訓 | 舉報中心

版權所有: 紅黑聯盟--致力于做實用的IT技術學習網站

美女MM131爽爽爽毛片