HTML5的骨架
創建骨架的快捷鍵:
????????方法1:先按英文的感嘆號!再按回車鍵;
????????方法2:先按英文的感嘆號!再按tab鍵;
????????方法3:直接輸入 html:5
?下面就是用快捷鍵生成的骨架:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><!--IE,按照最高版本 11===EDGE--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--移動端相關--><meta name="viewport" content="width=device-width, initial-scale=1.0"><!--網頁的標題--><title>Document</title> </head> <body></body> </html>注:
<!DOCTYPE html>:聲明當前頁面的版本
lang="en":說明整個文檔使用的語言。
? ? ? ? en:使用的是英文。
? ? ? ? zh:使用的是中文。
? ? ? ? fr:使用的是法語。
?lang的作用:1.樣式? ?2.SEO(搜索引擎優化)
? ? ?????樣式:沒有給一些樣式(字體樣式-仿宋 宋體 隸書......),瀏覽器會使用默認樣式,
? ? ? ? ? ? ? ? ? ? 需要給瀏覽器提供lang語言
? ? ? ? SEO:
? ? charset="UTF-8":設置字符集。
? ? Unicode:計算機不能識別人類語言,只能識別二進制語言
? ? ? ? UTF-8:能夠表示Unicode中的任意字符
? ? ? ? GB2312:中文簡體
? ? ? ? GBK:兼容了GB2312,包含了所有的中文
? ? ? ? BIG5:繁體中文
? ? head:元消息。不需要展示在頁面上的控制信息
? ? title:網頁的標題
? ? body:網頁主體部分的內容
總結
- 上一篇: Android - xml动画,识别手势
- 下一篇: springboot+vue+eleme