HTML基本標記之文件型別說明、html標記、文件開始標記、標題、元資訊
語法
宣告:該文只記錄了部分內容,瞭解更多直接搜尋w3cschool網站查詢
HTML基本標記
HTML檔案中,最基本的組成元素,結構有:文件型別說明<DOCTYPE>,HTML<html>,文件開始標記<head>,元資訊<meta>,文件主體標記<body> 和頁面註釋元素<!-- -->
1.1文件型別說明<DOCTYPE>
作用:主要用來指定HTML元素,需要遵循HTML哪個版本。
比如:HTML4之前
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
而在HTML5之後,已經做了極大的改善:
<!DOCTYPE html>
DOCTYPE文件型別的宣告,出現在HTML檔案的第一行
1.2 HTML標記
<html> 標記代表文件的開始,這個標籤省略,但是為了更加符合WEB標準,以及增加程式碼的可閱讀性,建議不要省略
HTML標記用<html>開始,使用</html>結束,文件的所有內容,都必須要包含在該標籤中
1.3文件開始標記
<head> 頭標記,由<head>開始,由</head>結束,頭標記中內容非常的多,頭標記的作用說明頭部的一些相關資訊,一般包含以下內容:標題,元資訊,定義css樣式和指令碼程式碼等內容。
頭部資訊的內容,往往都不會在網頁上直接顯示
**1.3.1標題**
<title> 標題標記,該標記的作用:說明這篇檔案的作用,它不會顯示在瀏覽器的內部,而是顯示在瀏覽器的標題欄中
如下:title在head中
<head>
<title>標題</title>
</head>
**1.3.2元資訊**
<meta> 標記,用來定義與網頁相關的一些元資訊,比如:為了讓百度,谷歌等搜尋引擎方便採集本網頁的一些關鍵字
<meta>標記,位於HTML檔案的頭部,不包含任何內容。但是它很多的屬性,比如:charset,content,http-equiv,name
如下:
<!-- 設定該檔案的字符集 -->
<meta charset="utf-8">
<!-- 設定網頁的關鍵字 -->
<meta name="keywords" content="HTML,百度">
**定義關鍵字時,需要遵循:**
1、不同的關鍵字之間,需要使用英文逗號隔開
2、keywords 不是keyword
3、關鍵字是單詞,而不是語句
meta 還可以對這篇檔案,進行詳細描述
<!-- 可以使用description 對網頁進行描述 -->
<meta name="description" content="這是我製作的第一個網頁">
meta 還可以自動重新整理本頁面,以及間隔時間跳轉到某一張頁面上去
<!-- 本網頁間隔5秒鐘,自動重新整理一次-->
<meta http-equiv="refresh" content="5">
<!--設定定時跳轉,5秒後跳轉到百度-->
<meta http-equiv="refresh" content="5;https://www.baidu.com">