溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了html文檔中頭部元素是什么，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
html文檔的頭部元素有：<head>元素，<meta>元素，<title>元素，<style>元素，<link>元素，<script>元素和<base>元素。
文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標題、在 Web 中的位置以及和其他文檔的關系等；而頭部元素就是用來定義這些信息。
html <head>元素
<head>元素是用于定義文檔的頭部的，是所有其他頭部元素的容器。HTML文檔的各種屬性和信息就是在<head>元素中定義的。
下面我們來看看一個簡單html文檔，她具有最基本的必需的元素：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>標題</title> </head> <body> </body> </html>
可以看出，<head>元素位于<html>標簽和<body>標簽之間，把其他的頭部元素包含在其中。
html <meta>元素
<meta>元素是用于指定網頁上的字符集，頁面描述，關鍵字，作者和其他元數據。
其中，元數據主要是提供給瀏覽器，搜索引擎和其他Web服務使用的，以便更好地對網頁進行排名。
下面我們來看看如何使用<meta>元素：
//定義字符集 <meta charset = "UTF-8" > //為搜索引擎定義關鍵字 <meta name = "keywords" content = "php教程,php入門教程,php視頻教程,php源碼下載,php手冊" > //定義網頁的說明 <meta name = "description" content = "億速云提供大量免費、原創、高清的php視頻教程，并定期舉行公益php培訓！" > //定義網頁的作者 <meta name = "author" content = "億速云" > //定義每30秒刷新一次文檔： <meta http-equiv = "refresh" content = "30" > //控制視口（HTML5提供的新屬性） <meta name = "viewport" content = "width = device-width，initial-scale = 1.0" >
說明：視口是用戶在網頁上的可見區域。它在不同設備之間變化，在手機上看起來比計算機屏幕小。
html <title>元素
<title>元素是用于定義文檔的標題；適用于所有HTML 或者 XHTML文檔。
<title>元素的作用：
1、可以在瀏覽器選項卡中定義標題。
2、可以在添加到收藏夾時為頁面提供標題。
3、可以在搜索引擎結果中顯示頁面的標題。
例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>億速云</title>
</head>
<body>
<p>正文的內容顯示在瀏覽器窗口中。</p>
<p>title元素的內容顯示在瀏覽器標簽，收藏夾和搜索引擎結果中。</p>
</body>
</html>html <style>元素
<style>元素用于設置HTML頁面的樣式，內聯的css樣式代碼就是寫在<style>元素內的。例：
<style>
body {background-color：pink;}
h2 {color：red;}
p {color：blue;}
</style>
<h2>這是一個標題</h2>
<p>這是一個段落。</p>效果圖：
HTML <link>元素
<link>元素用于將外部的css樣式表鏈接到網頁中。基本語法為：
<link rel="stylesheet" href="css文件" />
例：
<link rel="stylesheet" href="css/style.css" />
HTML <script> 元素
<script> 元素是用于定義客戶端腳本，比如 JavaScript。
我們可以在<script> 元素中包含腳本語句，例：
<script>
console.log("<script> 元素");
</script>輸出：
也可以通過 src 屬性鏈接外部腳本文件到網頁中，例：
<script type="text/javascript" src="js/style.js" ></script>
HTML <base>元素
<base>元素用于指定頁面中所有相對URL的基本URL和基本目標。例：
<base href = “http://www.php.cn” target = “_ blank” >
感謝你能夠認真閱讀完這篇文章，希望小編分享html文檔中頭部元素是什么內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
