本篇将介绍HTML5中的音频,视频,文本框,按钮以及表格嵌入
在以往的HTML 编程中,程序员们经常使用div以及不同的id名来编辑样式。
但是最大的缺点就是开发相对繁琐,需要敲入的代码繁多。
但是在HTML5中,在很多地方进行了改进,让编写网页或者游戏更加简单,代码看起来更加简洁。
1. 首先就是section,区段,具体的含义不必多说,但是指的一提的是,IE9仍然不支持section
<section></section>
2. 嵌入表格
<form></form>
表格属性
<!-- false 意味着保留表格中的value,会在之后讲解原因 -->
<form return false;"></form>
3. 嵌入文本框
<!-- 建立一个强制要求Input的文本框,且格式必须是url,提示符http://901it.com -->
<input id="favUrl" type="url" required placeholder="http://901it.com" />
4. 嵌入按钮
<input type="submit" value="Start" />
5. 嵌入音频
<audio src="/audio/5.mp3" id="mp3"></audio>
6. 嵌入视频
<video src="/video/5.mp4" id = "mp4" controls="controls" />
从以上就可以看出HTML5在编写起来是非常的简单且简洁。
之前说的return false主要是因为我们需要设计一个文本框,一个按钮,以及一个多媒体项目(可以使音频,也可以使视频),当文本框输入一个正确的url时,多媒体项目自动播放,如果不加上return flase的话,当你点击start的时候,页面将返回到初始页面。