? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? HTML的標簽(上)
HTML文件的后綴:
在早期的dos8位機時代,HTML后綴名為:htm
現在電腦都支持多字符文件后綴名,所以現在后綴名為:html
(文檔用 htm或html 后綴名都是一樣的效果)
快速生成HTML頁面結構
先寫 ?HTML:5 ? ?后按快捷鍵 ?tab ?(在鍵盤左方) ? ? ? 出現下圖:
DOCTYPE標簽:
文檔聲明(重要,不能丟了,影響頁面布局,樣式處理等展示效果)
html5標準(先寫? HTML:5? ? 后按快捷鍵? tab) ? ? 趨勢
html4s標準(先寫? HTML:4s ? ?后按快捷鍵? tab) / ?還有一個html:4t ? ? ? ? 了解
補充關于DTD:文檔類型的定義(上圖W3C后面)
<html>標記:
所有內容都放在html標簽內部。
lang 屬性 ?用于搜索引擎優化,"en"表示當前頁面是英文,“zh-cn”表示當前頁面是中文
<Head>標簽:
head標簽:用于嵌套 給瀏覽器使用的設置標簽(不是用于展示信息的)
head 標簽中設置都是用于給瀏覽器使用的一些配置和設置。(比如meta標簽告訴瀏覽器當前文檔的編碼格式)
title標簽:設置當前瀏覽器頁面標簽的? 標題內容。(需要重視,直接影響網站SEO)(圖2)
當瀏覽器解析當前文檔的編碼和文檔司機的編碼不一樣的時候,會出現亂碼的問題
meta標記:meta charset="UTF-8">? :設置了當前頁面的編碼用UTF-8? (charset:編碼)
UTF-8是目前最常用的字符集編碼方式。(常用的字符集編碼方式還有gbk和gb2312)
gb2312:簡單中文
GBK:包含全部中文字符 ?繁體
BIG5:繁體中文
UTF-8:則包含全世界所有國家需要用到的字符
從二進制說起,符號表示文字,表示的模式就是編碼(聯想電報)
加插快捷鍵:快速復制一行標簽,方法:光標放在需要復制的目標,然后Ctrl+Shift+D
Link標簽:
引入CSS樣式;DNS預解析(可以有效的提高后續訪問網站的效率);引入網站icon圖標(下圖標題左邊的小圖標)。