前端学习(二十一)初识h5(笔记)
html5
主要目标:语义化!可以被人或者机器更好的阅读!
支持各种媒体的嵌入!不兼容低版本!
------------
html5新标签:
普通:
<header class="box">---头部
</header>
<nav>
导航
</nav>
<section>---内容
<aside>---侧边栏
</aside>
<article>---文章
</article>
</section>
<footer></footer>----脚步
-------------------------------------------------
特殊:
canvas ---画布(配合js来使用的)
<audio src="music/music.mp3" controls></audio>---音频标签
controls---控制台!
<video src="MP4/aaa.mp4" controls></video>
controls---控制台!
-----------------------------------
特殊:表单
<form action="#">
<input type="text"/><br/>
<input type="color"/>颜色版<br/>
<input type="date"/>日期<br/>
<input type="tel"/>电话<br/>
<input type="email"/>邮箱验证<br/>
<input type="number" max="10" min="1"/>数字<br/>
<input type="search"/>搜索<br/>
<input type="time"/>时间<br/>
<input type="month"/>月<br/>
<input type="week"/>周<br/>
<input type="range"/>拖拽条<br/>
<input type="submit"/>
</form>
关于表单的属性:
<input type="text" placeholder="欢迎光临"/>
<input type="text" placeholder="欢迎光临" autofocus/>
placeholder---提示文字
autofocus---自动获取焦点
----------------------------------------------------