HTML模板標籤解析
阿新 • • 發佈：2021-10-03
HTML入門之基本模板標籤解析
HTML基本模板
1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8 </head> 9 <body> 10 11 </body> 12 </html>
標籤解析
1.<!DOCTYPE html>標籤：宣告文件型別的標籤(html)，告訴瀏覽器如何解析網頁
2.html標籤(雙)：網頁的頂層容器，即標籤樹結構的頂層節點，也稱為根元素（root element）
（1）所有元素都是它的子元素
（2）一個網頁只能有一個<html>標籤
（3）html標籤用於顯示網頁所有內容
（4）也用於給瀏覽器或搜尋引擎傳遞資訊
（5）lang屬性：表示網頁內容預設的語言，lang = "en " --- 代表該網頁屬於按一個國家或地區。例如：en- US：英國 ，zh -CN：中國
3.head標籤(雙)：容器標籤，用於放置網頁的元資訊，不視覺化區域，此內容不會出現在網頁上，而是為網頁渲染提供額外資訊
4.meta標籤(單)：設定網頁的元資料，專門告訴瀏覽器或者搜尋引擎關於網頁的基本資料
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge">
- name屬性：表示元資料的名字
- content屬性：表示元資料的值，核心搜尋關鍵字，作為網頁名字的補充
- http-equiv 屬性：用來覆蓋 HTTP 迴應的頭資訊欄位(與content屬性一起使用)
- charset 屬性：字符集資訊,網頁檔案的編碼格式
- gb2312: gb國標拼音縮寫
- gbk: 國家標準擴充套件
- gb18030：最新的內碼字集
- utf-8: 全世界200多個國家和地區的語言文字
5.link標籤(單)：用於連結外部樣式表(css)
<link rel="stylesheet" href="css路徑">
6.title標籤(雙)：用於指定網頁的標題，會顯示在瀏覽器視窗的標題欄
<title>Document</title>
7.body標籤(雙)：用於放置網頁的主體內容，是<html>的第二個子元素，緊跟在<head>後面