【HTML、CSS教學】10. Head標籤
Published in
2 min readFeb 21, 2020
🚩快捷鍵
在撰寫網頁時，使用 VS Code 、 Bracket 、 CodePen ……等等的編輯器時，只要按出驚嘆號加上 tab 鍵，就會自動產生出基本的網頁語法架構。
! + tab下面的語法是VS Code按出來的網頁基本語法。
<!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8"><meta name=”viewport” content=”width=device-width, initial-scale=1.0"><meta http-equiv=”X-UA-Compatible” content=”ie=edge”><title>Document</title></head><body></body></html>
使用 html lang可以設定該網頁的語系，能使瀏覽器更正確的解析與編碼，台灣的繁體中文是使用 zh-Hant-TW 。
<html lang=”zh-Hant-TW">🚩head標籤放入的資訊
head 標籤可以放網頁的標題、網頁的小圖式、 IE 兼容模式、 Facebook 搜尋優化、引用 CSS 、引用 JS 、直接寫 CSS 、直接寫 JS …等等的用法。
🚩emmet
在 head 標籤中，emmet 的常用的快速打法分別有：
- meta:vp + tab 鍵
<meta name=”viewport” content=”width=device-width, initial-scale=1.0">2. link:css + tab 鍵
<link rel=”stylesheet” href=”style.css”>3. script:scr + tab 鍵
<script src=””></script>
