head頭部包裹title,base,link,meta,script,style-有解無憂

HTML頭部<head>元素包含關于檔案的概要資訊，也被稱為元資訊（meta-information）

<head> 元素包含了所有的頭部標簽元素，在 <head>元素中你可以插入腳本（scripts）, 樣式檔案（CSS），及各種 meta 資訊，
可以添加在頭部區域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>，
<head> 元素描述了檔案的各種屬性和資訊，其中包括檔案的標題、在 Web 中的位置以及和其他檔案的關系等，

HTML <title> 元素/<title> 標簽定義了不同檔案的標題,<title> 在 HTML/XHTML 檔案中是必須的(代碼部分為一個簡單的HTML檔案)

<title> 元素定義了瀏覽器工具列的標題
當網頁添加到收藏夾時，顯示在收藏夾中的標題
顯示在搜索引擎結果頁面的標題

1 <!DOCTYPE html>      
2 <html>        
3 <head>        
4 <title>Title of the document</title>        
5 </head>                
6 <body>       
7 The content of the document......        
8 </body>                
9 </html>

HTML <base> 元素/<base> 標簽描述了基本的鏈接地址/鏈接目標，該標簽作為HTML檔案中所有的鏈接標簽的默認鏈接，在 HTML 中，<base> 標簽沒有結束標簽；在 XHTML 中，<base> 標簽必須被正確地關閉

1 <head>       
2 <base href="https://www.cnblogs.com/dhnblog/" target="_blank">      
3 </head>

HTML <link> 元素/<link> 標簽定義了檔案與外部資源之間的關系，<link> 標簽通常用于鏈接到樣式表:

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

HTML <style> 元素/<style> 標簽定義了HTML檔案的樣式檔案參考地址，在<style> 元素中你需要指定樣式檔案來渲染HTML檔案:

1 <head>        
2 <style type="text/css">        
3 body {background-color:yellow}        
4 p {color:blue}        
5 </style>        
6 </head>

HTML <meta> 元素/meta標簽描述了一些基本的元資料；<meta> 標簽提供了元資料，元資料也不顯示在頁面上，但會被瀏覽器決議；META元素通常用于指定網頁的描述，關鍵詞，檔案的最后修改時間，作者，和其他元資料；元資料可以使用于瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他Web服務；<meta>一般放置于 <head>區域

1 為搜索引擎定義關鍵詞:
2 <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
3 為網頁定義描述內容:
4 <meta name="description" content="Free Web tutorials on HTML and CSS">
5 定義網頁作者:
6 <meta name="author" content="Hege Refsnes">

每30秒鐘重繪當前頁面:

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

HTML <script> 元素，<script>標簽用于加載腳本檔案，如： JavaScript

HTML head 元素如圖：

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/57385.html

標籤：Html/Css

上一篇：div元素下的圖片不能置頂解決辦法

下一篇：React實戰教程之從零開始手把手教你使用 React 最新特性Hooks API 打造一款計算機知識測驗App