HTML5语义化标签

1.<article>
暗示包罗一个文档、页面、应用措施或网站中的一段独立的内容，也就是说，它能够独登时被颁布或从头使用。可适用的处所有：一篇博客、一个论坛帖子、一篇新闻报道、一个用户评论...

2.<header>
一般被安排在页面的顶部，或者页面中某个区块元素的顶部，包罗整个页面或某个区块的标题、简介等信息。

一个文档中可以包罗多个header标签
header标签不必然只能显示在页面的上方，它的内容决定该处所是否需要使用header标签
可以为body、article、section和aside增加header标签
3.<footer>
一般被安排在页面的底部，或者页面中某个区块元素的底部。

4.<nav>
暗示页面的导航，可以通过导航连接到网站的其他页面，或当前页面的其他部分。搜索引擎和屏幕阅读器会按照nav标签确定网站内容，但并不是任何一组超链接都适合放在nav标签中，譬如登录、隐私权政策与使用条款...可实际去一些网站上查抄，却发明大多都是使用div，很少用到这些，但新标准新趋势，学习学习没错。

5.<aside>
包罗的内容不是页面的主要内容，具有独立性，是对页面内容的增补。可适用的处所有：页面侧边栏、告白、友情链接、文章引语（内容摘要）...

6.<section>
一个主题性的内容分组，凡是包罗一个头部（header），也有可能包罗一个尾部（footer）。

div 和 section 区别

div应用更广泛，如果需要界说一个区域样式即可使用
section包罗一个明确的主题，凡是含有一个标题

7.<main>
显示页面的主题内容，每个页面只能包罗一个main标签，，main标签中不包罗网站标题、log、主导航、版权声明等信息。

8.<figure>
标签规定独立的流内容（图像、图表、照片、代码等等），figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流孕育产生影响。

9.<figcaption>
<figcaption> 标签界说 figure 元素的标题（caption），"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

10.<time>
暗示一个日期，或者一个时间，或者同时暗示一个日期和时间值。

表单控件：

email：电子邮箱文本框,跟普通的没什么区别

- 当输入不是邮箱的时候,验证欠亨过

- 移动真个键盘会产生变革

  tel：电话号码

  url：网页的URL

  search：搜索引擎

- chrome下输入文字后，会多出一个封锁的X

  range：特定范畴内的数值选择器

- min、max、step(步数)

- 例子： 用js来显示当前数值

  number：只能包罗数字的输入框

- 输入框末尾有两个箭头 上为加 下为减

  color：颜色选择器

   - 点击显示颜色版

  datetime：显示完整日期

- 类似select选择样式

  datetime-local：显示完整日期， 不包罗时区

  time：显示时间，不含时区

  date：显示日期{年月日}

  week：显示周{年月日周}

  mouth：显示月{年月}

表单属性

1.   placeholder 属性
    当用户还没有输入值的时候，输入型控件可以通过  placeholder 属性向用户显示描性说明或者提示信息。使用  placeholder属性只需要将说明性文字作为该属性值即可。除了遍及的文本输入框外，email、number、url 等其他类型的输人框也都撑持placeholder 属性。

placeholder 属件的使用要领如下：

<label> text::  <input  type="text"   placeholder="write  me"></label>
    2、autocomplete 属性
     浏览器通过  autocomplete  属性能够知晓是否应该生存输入值以备将来使用。例如不生存的代码如下：

<input  type="text"   name="mr"  autocomplete="off"/>

autocomplete  属性应该用来掩护敏感用户数据，制止本地测览器对它们进行不安适地存储。对付  autocomplete 属性，可以指定“on”“off " 与““(不指定) 这三种值。不指按时，使用浏览器的默认值(取决于浏览器的决定)。把该属性值设为on 时，可以显示指定候补输入的数据列表。