海阔天空

手机扫码查看

HTML标签

引用标签
blockquote：引用大段的段落解释
q：引用小段的短语解释
abbr：缩写或首字母缩略词
address：引用文档地址信息
cite：引用著作的标题

iframe嵌套页面
iframe元素会创建包含另外一个文档的内联框架
frameborder，是否显示框架周围的边框
width/height，定义frame宽高
scrolling，是否在iframe显示滚动条
src，规定在iframe中引入的url
srcdoc，规定在iframe中显示的页面内容

br与wbr区别
br标签表示换行操作
wbr标签表示软换行操作
提示：如果单词太长，或者你担心浏览器会在错误的位置换行，那么可以使用wbr元素添加

pre与code
pre元素可定义预格式化的文本，被包围在pre元素中的文本通常会保留空格和换行符
只应该在 表示计算机程序源代码或者其他机器可以阅读的文本内容上使用code标签。
虽然code标签通常只是把文本变成等宽字体，但它暗示着这段文本是源程序代码

map与area
定义一个客户端图像映射。图像映射指带有可点击区域的一幅图像。
area元素永远嵌套在map元素内部，area元素可定义图像映射中的区域
area元素的href属性定义区域的url，shape属性来定义区域的形状，coords属性定义热区的坐标
实例：
<img src=”” usermap=”#star”>
<map name=”star”>
<area shape=”rept矩形” coords=”x1,y1,x2,y2″ href=”” alt=””>
<area shape=”cirt圆形” coords=”x,y,z” href=”” alt=””>
<area shape=”poly多边形” coords=”x1,y1,x2,y2″ href=”” alt=””>
</map>

embed与object
embed和object都表示能够嵌入一些多媒体，如flash动画，插件等。基本使用没有太多区别，主要是为了兼容不同的浏览器而已。
实例：
<embed src=”xxx.swf”>
<object>
<param name=”movie” value=”xxx.swf”>
</object>

audio与video
audio标签表示嵌入音频文件，video标签表示嵌入视频文件。默认控件是不显示的，可通过controls属性来显示控件。
为了能够支持多个备选文件的兼容支持，可以配合source标签
实例：
<audio src=”url” controls loop autoplay></audio>
<video src=”url” controls loop autoplay></video >
<video>
<source src=”url-1″></source>
<source src=”url-2″></source>
</video>

文字注解与文字方向
ruby标签定义ruby注释(中文注音或字符) ，rt标签定义字符(中文注音或字符)的解释或发音
bdo标签可覆盖默认的文本方向
<ruby>含<rt>hán</rt></ruby>
<bdo dir=”rtl”>从右往左</bdo>