meta用來描述文件的資訊內容,透過meta標籤設定網頁中不同的類型資訊以及link標籤設定網頁樣式嵌入。
要切記
<meta>
標籤及<link>
要放在<head>裡面
認識基本的meta
<head>
<meta charset="utf-8">
<meta name="description" content="Free Web Tutorial">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Mike">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
認識meta的type屬性
charset設定網頁編碼的格式,早期網頁都是big-5,後來統一改成國際碼utf-8格式
description設定網頁的說明。
keywords設定網頁關鍵字優化SEO搜尋引擎,這必須設定的其中一個。
author設定作者的說明。
viewport設定rwd一定要加的一行,如沒加rwd會不太正常。
認識基本的link標籤
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
認識link的type屬性
type設定格式為text/css及image/x-icon
rel外嵌一個style.css樣式也可以導入icon