第一天-HTML5新增部分标签

1.html5新增的标签：

<header></header>:头标签header

<nav></nav>:导航标签nav

<aside></aside>:侧边栏标签aside

<article></article>:文章标签article

<footer></footer>:页脚标签footer

<section></section>:章节标签section

这几个标签与div class="" /div虽然没有很大的区别，但是更加便于程序猿们的阅读。

2.表单新增的三个属性

①表单的验证：required(不同的浏览器显示效果不一样)；

②表单提示：placeholder="提示内容"

③自动获取焦点：autofocus

eg：`姓名:<input type="text" name="username"**required placeholder="请输入姓名" autofocus=""**><inputtype="submit"name="submit">`

3.新增input标记的type属性

  input的type类型可以用来限制输入的内容 如果输入类型不一致 则会弹出错误

<form>
邮件：<input type="email" name="email"><br>
日期：<input type="date" name="mydate"><br>
网址：<input type="url" name=""><br>
手机号：<input type="number" name=""><br>
亮度：<input type="range" name="" min="0" max="255"><br>
颜色：<input type="color" name=""><br>
地址：
<select>
<optgroup label="北京">
<option>西城区</option>
<option>东城区</option>
</optgroup>
<optgroup label="天津">
<option>河西区</option>
<option>河东区</option>
</optgroup>
</select><br>
搜索车型：<input type="text" name="">
<datalist id="car" list="car">
<option>奥迪</option>
<option>奥拓</option>
<option>大众</option>
</datalist>
<input type="submit" name="" value="submit">
</form>

4.range调色背景

这部分涉及到js，菜鸟的我还不是很懂，先不说

5.音频播放

<audio src="薛之谦 - 其实.mp3" autoplay="autoplay" controls="">不支持此音频格式</audio>

6.音乐导航的制作