這篇文章主要介紹了html文檔中頭部元素是什么,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
html文檔的頭部元素有:<head>元素,<meta>元素,<title>元素,<style>元素,<link>元素,<script>元素和<base>元素。
文檔的頭部描述了文檔的各種屬性和信息,包括文檔的標(biāo)題、在 Web 中的位置以及和其他文檔的關(guān)系等;而頭部元素就是用來(lái)定義這些信息。
html <head>元素
<head>元素是用于定義文檔的頭部的,是所有其他頭部元素的容器。HTML文檔的各種屬性和信息就是在<head>元素中定義的。
下面我們來(lái)看看一個(gè)簡(jiǎn)單html文檔,她具有最基本的必需的元素:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>標(biāo)題</title> </head> <body> </body> </html>
可以看出,<head>元素位于<html>標(biāo)簽和<body>標(biāo)簽之間,把其他的頭部元素包含在其中。
html <meta>元素
<meta>元素是用于指定網(wǎng)頁(yè)上的字符集,頁(yè)面描述,關(guān)鍵字,作者和其他元數(shù)據(jù)。
其中,元數(shù)據(jù)主要是提供給瀏覽器,搜索引擎和其他Web服務(wù)使用的,以便更好地對(duì)網(wǎng)頁(yè)進(jìn)行排名。
下面我們來(lái)看看如何使用<meta>元素:
//定義字符集 <meta charset = "UTF-8" > //為搜索引擎定義關(guān)鍵字 <meta name = "keywords" content = "php教程,php入門教程,php視頻教程,php源碼下載,php手冊(cè)" > //定義網(wǎng)頁(yè)的說(shuō)明 <meta name = "description" content = "創(chuàng)新互聯(lián)提供大量免費(fèi)、原創(chuàng)、高清的php視頻教程,并定期舉行公益php培訓(xùn)!" > //定義網(wǎng)頁(yè)的作者 <meta name = "author" content = "創(chuàng)新互聯(lián)" > //定義每30秒刷新一次文檔: <meta http-equiv = "refresh" content = "30" > //控制視口(HTML5提供的新屬性) <meta name = "viewport" content = "width = device-width,initial-scale = 1.0" >
說(shuō)明:視口是用戶在網(wǎng)頁(yè)上的可見區(qū)域。它在不同設(shè)備之間變化,在手機(jī)上看起來(lái)比計(jì)算機(jī)屏幕小。
html <title>元素
<title>元素是用于定義文檔的標(biāo)題;適用于所有HTML 或者 XHTML文檔。
<title>元素的作用:
1、可以在瀏覽器選項(xiàng)卡中定義標(biāo)題。
2、可以在添加到收藏夾時(shí)為頁(yè)面提供標(biāo)題。
3、可以在搜索引擎結(jié)果中顯示頁(yè)面的標(biāo)題。
例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>創(chuàng)新互聯(lián)</title> </head> <body> <p>正文的內(nèi)容顯示在瀏覽器窗口中。</p> <p>title元素的內(nèi)容顯示在瀏覽器標(biāo)簽,收藏夾和搜索引擎結(jié)果中。</p> </body> </html>
<style>元素用于設(shè)置HTML頁(yè)面的樣式,內(nèi)聯(lián)的css樣式代碼就是寫在<style>元素內(nèi)的。例:
<style> body {background-color:pink;} h2 {color:red;} p {color:blue;} </style> <h2>這是一個(gè)標(biāo)題</h2> <p>這是一個(gè)段落。</p>
效果圖:
HTML <link>元素
<link>元素用于將外部的css樣式表鏈接到網(wǎng)頁(yè)中。基本語(yǔ)法為:
<link rel="stylesheet" href="css文件" />
例:
<link rel="stylesheet" href="css/style.css" />
<script> 元素是用于定義客戶端腳本,比如 JavaScript。
我們可以在<script> 元素中包含腳本語(yǔ)句,例:
<script> console.log("<script> 元素"); </script>
輸出:
也可以通過(guò) src 屬性鏈接外部腳本文件到網(wǎng)頁(yè)中,例:
<script type="text/javascript" src="js/style.js" ></script>
HTML <base>元素
<base>元素用于指定頁(yè)面中所有相對(duì)URL的基本URL和基本目標(biāo)。例:
<base href = “http://www.php.cn” target = “_ blank” >
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享html文檔中頭部元素是什么內(nèi)容對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問(wèn)題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前文章:html文檔中頭部元素是什么-創(chuàng)新互聯(lián)
本文網(wǎng)址:http://www.chinadenli.net/article14/dcihde.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、小程序開發(fā)、網(wǎng)站維護(hù)、移動(dòng)網(wǎng)站建設(shè)、商城網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容