單詞
- 四種讀?：[i:] [i] [e] [?]
- Exercise: 練習(xí) [eksaiz]
<!DOCTYPE html>
定義
- 定義文檔類型公罕。告訴瀏覽器渲染頁面。
- DOC：document 翻譯為文檔聪黎。
- TYPE：翻譯為類型氢哮。
- html 5
<!DOCTYPE html>
<html>
定義：定義一個HTML文檔
<head>
定義：定義HTML文檔的頭部（次要的區(qū)域）
- 不是給人看的
<meta>
定義：
定義頁面的元信息（描述頁面信息的信息）
用法：
- <meta> 標(biāo)簽位于文檔頭部句占。
- <meta>是一個單標(biāo)簽
- <meta>采用“名值對”形式定義元信息淫僻。
語法
<mata name = "屬性名" content = "屬性值">
常見的meta設(shè)置:
- 字符集：設(shè)置頁面的字符編碼為utf-8字符集
<meta charset="utf-8">`
- 頁面描述：為搜索引擎設(shè)置的
<meta name="description" content="簡書是一個優(yōu)質(zhì)的創(chuàng)作社區(qū)，在這里阔拳，你可以任性地創(chuàng)作崭孤，一篇短文、一張照片糊肠、一首詩辨宠、一幅畫……我們相信，每個人都是生活中的藝術(shù)家货裹，有著無窮的創(chuàng)造力嗤形。">
- 頁面關(guān)鍵詞：為搜索引擎設(shè)置的
<meta name="keywords" content="簡書,簡書官網(wǎng),圖文編輯軟件,簡書下載,圖文創(chuàng)作,創(chuàng)作軟件,原創(chuàng)社區(qū),小說,散文,寫作,閱讀">
視口：為移動設(shè)備設(shè)置的
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
定義
定義HTML文檔標(biāo)題
<link>
定義：關(guān)聯(lián)外部資源與當(dāng)前網(wǎng)頁文檔。
- 外部資源：可以css文件 也可以是圖片泪酱。
- ico圖標(biāo)：icon的縮寫派殷，表示圖標(biāo)的意思还最。
用法：
1.使用<link>關(guān)聯(lián)外部的css文件墓阀。
<link rel="stylesheet" href='css?件地址' >
2.使? < link >管理收藏夾圖標(biāo)
<link rel='shortcut icon' href='icon圖?地址' >
<script>
定義：<script> 標(biāo)簽用于定義客戶端腳本，比如 JavaScript拓轻。
- 客戶端：指訪問網(wǎng)站的用戶的瀏覽器斯撮。
- 腳本：目前使用率最高的是js（其他：Actionscript、VBScript）
用法
用法1：通過<script>引入外部腳本文件
<script src='腳本?件路徑'></script>
用法2：通過<script>創(chuàng)建腳本區(qū)域扶叉。
<head>
<script>
window.onload = function(){
}
</script>
</head>
<body>
定義：body 元素定義文檔的主體勿锅。
- 主體：給用戶看的全部放在body里面帕膜。
- 文檔次要部分：<head>
用法
- 一個HTML文檔只能有一個body
<header>
定義
<header>標(biāo)簽定義文檔的頁眉（介紹信息）。
頁眉包括什么溢十？
- LOGO
- 搜索框
- 主導(dǎo)航
- 登錄區(qū)
- 快捷入口
<section>
定義
定義?檔中的節(jié)垮刹。 具有通?性。
<footer>H5
H5標(biāo)簽可以在項(xiàng)目中使用嗎张弛？
- 開會商量方案
- 確定你的觀點(diǎn)：有一個網(wǎng)站可以幫助你的決策
Can I Use: http//www.caniuse.com
常見頁面布局的種類
- 分屏式布局
- 工字形布局
- 圣杯布局
- 口字形布局
- 兩欄布局
- 三欄布局
