專題班網頁第二堂
HTML全域屬性
Head元素中可用元素
Body元素中可用元素
HTML全域屬性（global attributes）
所有HTML元素都可以用的屬性
id
class
style
title
data-*
tabindex
contenteditable
dir
draggable
hidden
accesskey
lang
spellcheck
translate
HTML head元素
- title
- meta
- style
- link
- script
- noscript
- base
title 網頁名稱
顯示在哪？
title 網頁名稱
顯示在哪？
瀏覽器的書籤
瀏覽器的頁籤
網頁搜尋結果
title 網頁名稱
<!DOCTYPE html>
<html>
<head>
<title>My first web page</title>
</head>
<body>
<!-- 網頁內容-->
</body>
</html>他可以幹嘛？元資訊是什麼？
建立資料的方法、用途、時間、作者
meta 顯示網頁元資訊
meta 顯示網頁元資訊
<head>
<meta charset="utf-8">
<meta name="description" content="專題班第二堂網頁課">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="turtle">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>style CSS樣式
<head>
<style>
p {
color: #26b72b;
}
</style>
</head>實作
HTML 全域及可用元素
By sbincer32
