1. 程式人生 > >HTML基本標記之文件型別說明、html標記、文件開始標記、標題、元資訊

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">