1、语义化
-
机器在需要更少的人类干预的情况下能够研究和搜集信息，同时让大家直观的认识标签和属性的用途
-
目的：对搜索引擎友好，良好的结构和语义容易被搜索引擎抓取
-
HOW：（1）尽可能少使用无语义的标签（2）语义不明显尽量使用P（3）不使用纯样式标签b/font（4）需要强调的文本可以包含在strong和em标签中（5）表单域用fieldset标签包起来，用legend标签
2、新标签新特性
- HTML5新特性归纳
1）语义化
2）本地存储
3）设备兼容
4）连接特性，能够帮助我们将数据推送到客户端
5）网页多媒体特性
6）三维、图形及特效特性
7）性能与集成特性
8）css3特性
- HTML5新标签归类
1）结构标签
<head>定义页面或者区域头部
<main>规定文档主要内容
<footer>定义页面或者区域底部
<article>定义一篇文章
<nav>定义导航链接
<scetion>定义一个区域
<aside>定义页面内容部分侧边栏
<hgroup>用于对网页或者区域段的标题组合
<figure>定义一组媒体内容以及标题
<figcaption>定义figure元素标题
<address>定义文章拥有者的联系信息
2）行标记
<time>定义时间、日期
<mark>高亮显示文字
3）多媒体交互标签
<video>定义一个视频
<audio>定义一个音频
<source>定义媒体资源标签
<canvas>定义图形
<embed>定义可交互的内容或者插件
4）web应用标签
<progress>状态标签、进度条
<mark>定义有标记的文本（默认是黄色选中内容）
<output>定义一些输出内容，计算表单结果配合oninput事件
<datalist>为input标记定义一个下拉option
3、input和textarea的区别
<input>元素：
1.一定要指定type的值为text；
2.通过size属性指定显示字符的长度，value属性指定初始值，Maxlength属性指定文本框可以输入的
最长的长度；
<textarea>元素
1.使用<textarea></textarea>标签对
2.内容放在<textarea></textarea>标签对中
3.使用row、col指定大小
区别：一个是单行文本框，一个是多行文本框。
4、用一个div模拟textarea的实现
- 内容可编辑 contenteditable=true：https://www.cnblogs.com/leaf930814/p/6985501.html
5、移动设备忽略将页面中的数字识别为电话号码的方法
<meta content="telephone=no" name="format-detection" />
参考：https://blog.csdn.net/shuidinaozhongyan/article/details/73194556
扫一扫
215
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
