单词
- 四种读⾳：[i:] [i] [e] [æ]
- Exercise: 练习 [eksaiz]
<!DOCTYPE html>
定义
- 定义文档类型。告诉浏览器渲染页面。
- DOC：document 翻译为文档。
- TYPE：翻译为类型。
- html 5
<!DOCTYPE html>
<html>
定义：定义一个HTML文档
<head>
定义：定义HTML文档的头部（次要的区域）
- 不是给人看的
<meta>
定义：
定义页面的元信息（描述页面信息的信息）
用法：
- <meta> 标签位于文档头部。
- <meta>是一个单标签
- <meta>采用“名值对”形式定义元信息。
语法
<mata name = "属性名" content = "属性值">
常见的meta设置:
- 字符集：设置页面的字符编码为utf-8字符集
<meta charset="utf-8">`
- 页面描述：为搜索引擎设置的
<meta name="description" content="简书是一个优质的创作社区，在这里，你可以任性地创作，一篇短文、一张照片、一首诗、一幅画……我们相信，每个人都是生活中的艺术家，有着无穷的创造力。">
- 页面关键词：为搜索引擎设置的
<meta name="keywords" content="简书,简书官网,图文编辑软件,简书下载,图文创作,创作软件,原创社区,小说,散文,写作,阅读">
视口：为移动设备设置的
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
定义
定义HTML文档标题
<link>
定义：关联外部资源与当前网页文档。
- 外部资源：可以css文件 也可以是图片。
- ico图标：icon的缩写，表示图标的意思。
用法：
1.使用<link>关联外部的css文件。
<link rel="stylesheet" href='css⽂件地址' >
2.使⽤ < link >管理收藏夹图标
<link rel='shortcut icon' href='icon图⽚地址' >
<script>
定义：<script> 标签用于定义客户端脚本，比如 JavaScript。
- 客户端：指访问网站的用户的浏览器。
- 脚本：目前使用率最高的是js（其他：Actionscript、VBScript）
用法
用法1：通过<script>引入外部脚本文件
<script src='脚本⽂件路径'></script>
用法2：通过<script>创建脚本区域。
<head>
<script>
window.onload = function(){
}
</script>
</head>
<body>
定义：body 元素定义文档的主体。
- 主体：给用户看的全部放在body里面。
- 文档次要部分：<head>
用法
- 一个HTML文档只能有一个body
<header>
定义
<header>标签定义文档的页眉（介绍信息）。
页眉包括什么？
- LOGO
- 搜索框
- 主导航
- 登录区
- 快捷入口
<section>
定义
定义⽂档中的节。 具有通⽤性。
<footer>H5
H5标签可以在项目中使用吗？
- 开会商量方案
- 确定你的观点：有一个网站可以帮助你的决策
Can I Use: http//www.caniuse.com
常见页面布局的种类
- 分屏式布局
- 工字形布局
- 圣杯布局
- 口字形布局
- 两栏布局
- 三栏布局
