前端总结3

标签：

新标签　

　header标签里面放页面的头部，页面logo和主标题都可以放在这个标签里面。

　　nav标签定义网页导航区域

<nav>
<li>
<a href="#">导航1</a>
</li>
</nav>

　　aside标签定义网页侧边栏区域

　　section可定义网页内容区域，article可定义文章，论坛内容等主要内容。

　　footer标签定义网页底部区域。

　　一般头部和导航还有底部标签是最常用的。其他部分我是基本没用过。

　　html5新出的video标签和audio标签是摒弃传统flash插件形式的重大突破，这两个标签用起来也简单。

<video src="attachment/study1.mp4" width="320" controls muted poster="images/logo.png" preload></video>

　　controls属性设置是否显示控件，muted规定是否静音，poster链接的地址是在视频下载时显示的图像，或者是播放前显示的图像，preload规定是否在页面加载时进行加载，这个属性不能跟autoplay一起使用，autoplay是规定在视频就绪后马上开始播放，loop属性规定是否进行重复播放。

　　可以在source标签里放不同格式的视频、音频。一般都要放置几种格式以防浏览器不支持。

　　audio标签跟vedio标签也是基本一样。

表单

<form action="">
        <input type="search" name="keywords" autocomplete="on" autofocus>
        <input type="submit" value="提交">
    </form>

　　autocomplete属性能记录历史输入记录，这样就不用辛辛苦苦的去添加脚本了。同样的，另一个简单但使用的功能就是autofocus属性，这个属性规定在页面打开后即把焦点放在该输入框内。

　　html5另一个我觉得非常有用的属性就是placeholder。该属性可以比value更方便快捷，value属性还要去清除默认值，而placeholder则会在输入框为空时显示默认值，输入框不为空时清除默认值。

　　还有color类型也是很新颖的标签，虽然在主流浏览器中支持不是很好，但依然是一大突破。

　　range类型：

<input type="range" min="0" max="10" >

　　min可以设置最小值，max设置最大值。

　　multiple属性可在select标签或者file标签里使用，作用是可选择多项选项。

　　textarea：

<textarea rows="10" cols="30"></textarea>

　　注意：rows属性设置的并不是像素，而是字符数。cols也一样。

　　required属性规定必填输入框。

<label for="unkown">未知</label>
        <input type="radio" name="gender" id="unkown" value="0" checked/>

　　label标签与input标签通过for属性与input标签关联，在input标签里设置id与label标签中的for属性相同即可。

<form action="" method="get|post"></form>

　　通过设置metho为get，可在url地址上面传送参数到服务器。设为post即可在后台传送参数到服务器。这取决于是否要对输入框中的内容进行保密，如果是密码之类的输入框，那一般是采用post。

框架：

<iframe src="http://www.baidu.com" width="100%" height="400" frameborder="0" scrolling="yes"></iframe>

　　可在iframe标签里添加网页url，并设置宽度高度。frameborder属性规定边框宽度，一般是在css中定义，scrolling属性则规定是否有滚动条，这一般是在js中定义。

前端总结3

标签：

原文地址：http://www.cnblogs.com/11lang/p/5738335.html