1.H5骨架：
<!DOCTYPE html>--------文档类型声明DTD
<html lang="en">------lang属性表示网页的语言；en表示英语；zh表示中文
<head>
<meta charset="UTF-8">------charset表示字符集
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Keywords" content="编程，java,pyhon,php,前端">：提高关键词的抓取；
<meta name="Description" content="苹果，鸭梨，香蕉等……">
<title>Document</title>
</head>
<body>
</body>
</html>
2.网页关键词和页面描述
--SEO(搜索引擎优化)：自然排名；
--使用meta标签设置网页关键词和描述，name不是关键词，是用来设置meta的具体功能；
--网页关键词：<meta name="Keywords" content="编程，java,pyhon,php,前端">：提高关键词的抓取；
--网页描述：<meta name="Description" content="苹果，鸭梨，香蕉等……">
3.H5新特性：
--空格换行在页面不受影响；
--转义字符：<(小于号)、>(大于号)、 (空格)、©(版权符号)
4.div的常见类名：
--页头：header;
--logo:logo;
--导航条:nav;
--横幅：banner;
--内容区域:content;
--页脚:footer;
5.定义列表(应用场景：网页底部指南)[有序<ul><li></li></ui>\无序<ol><li></li></ol>]
<dl>
<dt>北京</dt>----标题
<dd>我国首都，政治文化中心</dd>----解释说明标题
<dt>上海</dt>
<dd>国际经济，金融，科技创新中心</dd>
<dt>深圳</dt>
<dd>经济特区，国际文化都/dd>
</dl>
6.多媒体与语义化标签
6.1图片与超链接标签
6.2音频与视频
-音频：
<audio controls(显示播放控件) src="音频地址"></audio>----常用的音频格式：mp3,ogg,其中autoplay属性音频会自动播放，loop:循环播放。
-视频：
<video controls src="视频地址"></video>----常见视频格式：mp4,ogv,webm
6.3大纲与语义化标签
-区块标签：之前都是div,要写很多属性代码乱，没有统一标准,h5推出以下几个
<section>:文档的区域，语义比div大；
<article>:文档的核心文章内容，会被搜索引擎主要抓取；
<aside>:文档的非必要相关内容，比如广告；
<nav>:导航条；
<header>:页头；
<main>:网页核心部分；
<footer>:页脚；
-语义化标签
<span>文本的区块标签</span>---用于特殊标注
<b>:加粗
<u>:下划线
<i>:倾斜
<strong>:代表特别重要的字
<em>:代表强调文字
<mark>:代表高亮文字
<figure>、<figcaption>:
-用法：
<figure>
<img >--图片
<figcaption>对图片的描述</figcaption>
</figure>
7.表单标签
7.1基本控件
-<input type="text">
-属性：disabled：框内的内容无法改变
-type="radio"--单选框--checked默认被选中
-点击文字就能选中单选框
<label>
<input type="radio">男
</label>
<label>
<input type="radio">女
</label>
7.2h5中新增的表单控件
-更丰富的input种类
color:颜色选择控件
date、time:日期、时间选择控件
email:电子邮件输入控件
number:数字输入控件
range:拖拽条件
search:搜索框
url:网址输入控件
8.表格标签
8.1表格标签
-<table>
<tr>-----行
<th></th>---格子中的标题标签
<td>格子1</td>----列
<td>格子2</td>
<td>格子3</td>
<td>格子4</td>
<tr>
</table>
8.2单元的合并
-colspan="2"属性用来设置td列或th列跨度(横跨两个列--横合并)
-rowspan="2"列合并
8.3表格其他特性（放在<table>标签里面）
-<thead>标签定义表头
-<tbody>标签定义表的核心内容
-<tfoot>标签定义表脚，通常是汇总
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
