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