溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了html文檔的頭部元素有哪些及怎么使用的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇html文檔的頭部元素有哪些及怎么使用文章都會有所收獲，下面我們一起來看看吧。
html <head>元素
<head>元素是用于定義文檔的頭部的，是所有其他頭部元素的容器。HTML文檔的各種屬性和信息就是在<head>元素中定義的。
下面我們來看看一個簡單html文檔，她具有最基本的必需的元素：
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>標題</title> </head> <body> </body> </html> |
可以看出，<head>元素位于<html>標簽和<body>標簽之間，把其他的頭部元素包含在其中。
html <meta>元素
<meta>元素是用于指定網頁上的字符集，頁面描述，關鍵字，作者和其他元數據。
其中，元數據主要是提供給瀏覽器，搜索引擎和其他Web服務使用的，以便更好地對網頁進行排名。
下面我們來看看如何使用<meta>元素：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | //定義字符集 <meta charset = "UTF-8" >
//為搜索引擎定義關鍵字 <meta name = "keywords" content = "php教程,php入門教程,php視頻教程,php源碼下載,php手冊" >
//定義網頁的說明 <meta name = "description" content = "php中文網提供大量免費、原創、高清的php視頻教程，并定期舉行公益php培訓！" >
//定義網頁的作者 <meta name = "author" content = "php中文網" >
//定義每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、可以在搜索引擎結果中顯示頁面的標題。
例：
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文網</title> </head> <body> <p>正文的內容顯示在瀏覽器窗口中。</p> <p>title元素的內容顯示在瀏覽器標簽，收藏夾和搜索引擎結果中。</p> </body> </html> |
效果圖：
html <style>元素
<style>元素用于設置HTML頁面的樣式，內聯的css樣式代碼就是寫在<style>元素內的。例：
1 2 3 4 5 6 7 8 | <style> body {background-color：pink;} h2 {color：red;} p {color：blue;} </style>
<h2>這是一個標題</h2> <p>這是一個段落。</p> |
效果圖：
HTML <link>元素
<link>元素用于將外部的css樣式表鏈接到網頁中。基本語法為：
1 | <link rel="stylesheet" href="css文件" /> |
例：
1 | <link rel="stylesheet" href="css/style.css" /> |
HTML <script> 元素
<script> 元素是用于定義客戶端腳本，比如 JavaScript。
我們可以在<script> 元素中包含腳本語句，例：
1 2 3 | <script> console.log("<script> 元素"); </script> |
輸出：
也可以通過 src 屬性鏈接外部腳本文件到網頁中，例：
1 | <script type="text/javascript" src="js/style.js" ></script> |
HTML <base>元素
<base>元素用于指定頁面中所有相對URL的基本URL和基本目標。例：
1 | <base href = “http://www.php.cn” target = “_ blank” > |
關于“html文檔的頭部元素有哪些及怎么使用”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“html文檔的頭部元素有哪些及怎么使用”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
