Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
作為一個(gè)前端,經(jīng)常寫(xiě)html文檔,但是卻很少去在意頭部的標(biāo)簽有哪些,也很少在意每個(gè)標(biāo)簽的作用,下面我們來(lái)詳細(xì)了解下。
頭部的標(biāo)簽,也就是寫(xiě)在<head><head/>里。通常會(huì)有6個(gè)標(biāo)簽:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
<base href="http://www.baidu.com/images/" target="_blank">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style type="text/css">
body {font-size:16px}
p {color:blue}
</style>
<script> document.write("Hello World!") </script>
</head>
<body> 文檔內(nèi)容...... </body>
</html>
一、<title>元素。
1.title 標(biāo)簽定義了文檔的標(biāo)題,在HTML文檔中是必須的。它會(huì)展示在瀏覽器的工具欄上。
2.如果要展示一個(gè)圖標(biāo),可以再加一個(gè)<link>標(biāo)簽,<link>標(biāo)簽的 rel屬性為“icon”,后面的
href跟上圖片的地址。
<link rel="icon" href="圖片url">
二、<base>元素。
base標(biāo)簽描述了基本的鏈接地址,該標(biāo)簽作為HTML文檔中所有的鏈接的默認(rèn)鏈接
<head>
<base href="http://www.php.cn/tpl/Index/Static/img/" target="_blank" />
</head>
<body>
<img src="banner7.jpg"/>
</body>
上面的img標(biāo)簽的src鏈接的地址就是base里的地址加上img里的地址。
三、<link>元素。
link標(biāo)簽定義了文檔與外部資源之間的關(guān)系,它通常用于鏈接到樣式表。
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
四、<style>元素。
style標(biāo)簽定義了HTML文檔的樣式,這個(gè)我們經(jīng)常會(huì)使用到,都不會(huì)陌生。
五、<meta>元素。
meta標(biāo)簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁(yè)面上,但會(huì)被瀏覽器解析。它常用于指定網(wǎng)頁(yè)的描述,關(guān)鍵詞,文件的最后修改時(shí)間,作者,和其他元數(shù)據(jù)。
元數(shù)據(jù)可以使用于瀏覽器(如何顯示內(nèi)容或重新加載頁(yè)面),搜索引擎(關(guān)鍵詞),或其他Web服務(wù)。
// 編碼格式定義
<meta charset="utf-8">
// 為搜索引擎定義關(guān)鍵詞:
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
// 為網(wǎng)頁(yè)定義描述內(nèi)容:
<meta name="description" content="頭部標(biāo)簽 & 使用">
// 定義網(wǎng)頁(yè)作者:
<meta name="author" content="Runoob">
// 每30秒鐘刷新當(dāng)前頁(yè)面:
<meta http-equiv="refresh" content="30">
// 視圖層的參數(shù)定義
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
// content屬性值 :
// width:可視區(qū)域的寬度,值可為數(shù)字或關(guān)鍵詞device-width
// height:同width
// intial-scale:頁(yè)面首次被顯示是可視區(qū)域的縮放級(jí)別,取值1.0則頁(yè)面按實(shí)際尺寸顯示,無(wú)任何縮放
// maximum-scale=1.0, minimum-scale=1.0;可視區(qū)域的縮放級(jí)別,
// maximum-scale用戶可將頁(yè)面放大的程序,1.0將禁止用戶放大到實(shí)際尺寸之上。
// user-scalable:是否可對(duì)頁(yè)面進(jìn)行縮放,no 禁止縮放
六、<script>元素。
script標(biāo)簽用于加載腳本文件,比如說(shuō)javascript,可以直接書(shū)寫(xiě)js,也能用于鏈接外部的js文件。
<script>
document.write("Hello World!")
</script>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
頭條創(chuàng)作挑戰(zhàn)賽# 在Excel VBA中,HTMLTitleElement對(duì)象用于表示HTML文檔中的標(biāo)題標(biāo)簽(<title>)。以下是6個(gè)代碼實(shí)例來(lái)解釋說(shuō)明HTMLTitleElement對(duì)象的用法:
1、獲取HTML文檔中的標(biāo)題內(nèi)容:
Dim doc As New HTMLDocument
doc.body.innerHTML = "<title>My Title</title>"
Dim title As HTMLTitleElement
Set title = doc.getElementsByTagName("title")(0)
MsgBox title.innerText ' 輸出:"My Title"
2、修改HTML文檔中的標(biāo)題內(nèi)容:
Dim doc As New HTMLDocument
doc.body.innerHTML = "<title>Old Title</title>"
Dim title As HTMLTitleElement
Set title = doc.getElementsByTagName("title")(0)
title.innerText = "New Title"
MsgBox doc.body.innerHTML ' 輸出:"<title>New Title</title>"
3、獲取HTML文檔中標(biāo)題標(biāo)簽的屬性:
Dim doc As New HTMLDocument
doc.body.innerHTML = "<title id=""myTitle"">My Title</title>"
Dim title As HTMLTitleElement
Set title = doc.getElementsByTagName("title")(0)
MsgBox title.id ' 輸出:"myTitle"
4、判斷HTML文檔中是否存在標(biāo)題標(biāo)簽:
Dim doc As New HTMLDocument
doc.body.innerHTML = "<h1>Heading</h1>"
Dim title As HTMLTitleElement
Set title = doc.getElementsByTagName("title")(0)
If Not title Is Nothing Then
MsgBox "標(biāo)題存在"
Else
MsgBox "標(biāo)題不存在"
End If
5、創(chuàng)建新的HTML標(biāo)題標(biāo)簽:
Dim doc As New HTMLDocument
Dim title As HTMLTitleElement
Set title = doc.createElement("title")
title.innerText = "My Title"
doc.body.appendChild title
MsgBox doc.body.innerHTML ' 輸出:"<title>My Title</title>"
6、刪除HTML文檔中的標(biāo)題標(biāo)簽:
Dim doc As New HTMLDocument
doc.body.innerHTML = "<title>My Title</title>"
Dim title As HTMLTitleElement
Set title = doc.getElementsByTagName("title")(0)
title.remove
MsgBox doc.body.innerHTML ' 輸出:""
請(qǐng)注意,上述示例中的HTMLDocument對(duì)象是Microsoft HTML Object Library中的一個(gè)對(duì)象,需要在VBA的引用中添加對(duì)"Microsoft HTML Object Library"的引用。
在使用HTMLTitleElement對(duì)象時(shí),以下是一些需要注意的事項(xiàng):
1、引用對(duì)象類型:HTMLTitleElement對(duì)象是從HTMLDocument對(duì)象獲取的,因此需要先創(chuàng)建和加載HTMLDocument對(duì)象,然后使用getElementsByTagName方法獲取標(biāo)題標(biāo)簽(<title>)的引用。
2、確保HTML文檔具有標(biāo)題標(biāo)簽:在使用HTMLTitleElement對(duì)象之前,需要確保HTML文檔中存在標(biāo)題標(biāo)簽。否則,嘗試獲取標(biāo)題標(biāo)簽的引用將導(dǎo)致錯(cuò)誤。
3、處理innerText屬性:HTMLTitleElement對(duì)象具有innerText屬性,用于獲取和修改標(biāo)題標(biāo)簽的文本內(nèi)容。可以使用innerText屬性讀取和設(shè)置標(biāo)題文本。
4、處理其他屬性:HTMLTitleElement對(duì)象還可能具有其他屬性,例如id、className等。可以根據(jù)需要獲取和操作這些屬性。
5、確保正確的HTML文檔結(jié)構(gòu):在使用HTMLTitleElement對(duì)象之前,應(yīng)該確保整個(gè)HTML文檔的結(jié)構(gòu)正確且完整。否則,可能會(huì)導(dǎo)致意外的行為或錯(cuò)誤。
6、錯(cuò)誤處理:在使用HTMLTitleElement對(duì)象時(shí),應(yīng)該進(jìn)行適當(dāng)?shù)腻e(cuò)誤處理,例如檢查對(duì)象是否為空,以避免可能的運(yùn)行時(shí)錯(cuò)誤。
7、導(dǎo)入所需引用:使用HTMLTitleElement對(duì)象需要導(dǎo)入"Microsoft HTML Object Library"引用。請(qǐng)確保在VBA的引用中添加了對(duì)該引用的引用。
請(qǐng)謹(jǐn)記以上注意事項(xiàng),并根據(jù)實(shí)際情況適應(yīng)和處理HTMLTitleElement對(duì)象。
tml標(biāo)簽中H標(biāo)簽又稱標(biāo)題標(biāo)簽。在建網(wǎng)站中會(huì)使用到,不到的段落格式需要使用不同的標(biāo)簽。標(biāo)簽可以反映一段文字的大小、顏色、縮寫(xiě)、換行、間距等等內(nèi)容,根據(jù)全文的實(shí)際情況靈活應(yīng)用標(biāo)簽,特別是HTML標(biāo)題標(biāo)簽將對(duì)網(wǎng)站文章的質(zhì)量起到非常重要的作用。我們圍繞著這個(gè)標(biāo)簽詳細(xì)講一下如何正確使用標(biāo)題標(biāo)簽。
HTML標(biāo)題標(biāo)簽的種類:
HTML標(biāo)題標(biāo)簽總共有6個(gè),分別為:H1,H2,H3,H4,H5,H6。
h1代表最大,它的重要性最高,字體也最大。
h6代表最小,字體最小,重要性也最小。
h1,h2,h3,h4,h5,h6,作為HTML標(biāo)題標(biāo)簽,顯示的文字樣式為粗體,與html粗體標(biāo)簽效果一樣。
HTML標(biāo)題標(biāo)簽的重要性:
H1-H6以重要性遞減,它可以讓頁(yè)面的層級(jí)關(guān)系更加清晰。
示例: <h1>一級(jí)標(biāo)題</h1> <p>段落</p> <div> <h2>二級(jí)標(biāo)題</h2> <p>...</p> <div> <h3>三級(jí)標(biāo)題</h3> <p>...</p> <div> <h4>四級(jí)標(biāo)題</h4> <p>...</p> </div> </div> </div>
根據(jù)文章實(shí)際的段落意義正確使用代表不同層級(jí)關(guān)系的HTML標(biāo)題標(biāo)簽,瀏覽器才能通過(guò)HTML解析出與本意一致的表達(dá)效果。
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。