Html5标签查缺补漏
2015-07-25 14:54
429 查看
做前端面试题的时候,发现有很多html的标签不太常用,所以不是很知道,在这里做一个小小的总结,来源均为w3cschool。
applet:定义嵌入的 applet。
basefont:定义页面中文本的默认字体、颜色或尺寸。
big:定义大号文本。
center:定义居中文本。
dir:定义目录列表。类似于ul。
font:定义文字的字体、尺寸和颜色。
frame:定义框架集的窗口或框架。
frameset:定义框架集。
noframes:定义针对不支持框架的用户的替代内容。
strike:定义加删除线文本。
tt:定义打字机文本。
aside:定义页面的侧边栏内容。
audio:定义音频内容。
bdi:允许您设置一段文本,使其脱离其父元素的文本方向设置。
canvas:定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形。
command:定义命令按钮,比如单选按钮、复选框或按钮。只有IE9支持。
datalist:定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。类似于select标签。
details:用于描述文档或文档某个部分的细节。配合summary标签,有一个点击即可显示详细内容的效果。
dialog:定义对话框,比如提示框。
embed:定义嵌入的内容,比如插件。
figcaption:定义figure元素的标题。
figure:规定独立的流内容(图像、图表、照片、代码等等)。
footer:定义 section 或 document 的页脚。
header:定义了文档的头部区域。
keygen:规定用于表单的密钥对生成器字段。
mark:定义带有记号的文本。请在需要突出显示文本时使用 m 标签。
meter:定义度量衡。仅用于已知最大和最小值的度量。
nav:定义导航链接的部分。
outputs:定义不同类型的输出,比如脚本的输出。
progress:定义运行中的进度(进程)。
rp:在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
rt:定义字符(中文注音或字符)的解释或发音。
ruby:定义 ruby 注释(中文注音或字符)。
section:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
source:为媒介元素(比如video和audio)定义媒介资源。
summary:summary 标签包含 details 元素的标题,”details” 元素用于描述有关文档或文档片段的详细信息。
time:定义日期或时间,或者两者。
track:为诸如 video 元素之类的媒介规定外部文本轨道。
video:定义视频,比如电影片段或其他视频流。
wbr:规定在文本中的何处适合添加换行符。
多媒体化 例如canvas、audio等
不熟悉的标签总结
1.代码相关的标签
Html5新特性
1.Html5被弃用的标签
acronym:定义只取首字母的缩写。applet:定义嵌入的 applet。
basefont:定义页面中文本的默认字体、颜色或尺寸。
big:定义大号文本。
center:定义居中文本。
dir:定义目录列表。类似于ul。
font:定义文字的字体、尺寸和颜色。
frame:定义框架集的窗口或框架。
frameset:定义框架集。
noframes:定义针对不支持框架的用户的替代内容。
strike:定义加删除线文本。
tt:定义打字机文本。
2.Html5新加入的标签
article:定义一个文章区域。aside:定义页面的侧边栏内容。
audio:定义音频内容。
bdi:允许您设置一段文本,使其脱离其父元素的文本方向设置。
canvas:定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形。
command:定义命令按钮,比如单选按钮、复选框或按钮。只有IE9支持。
datalist:定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。类似于select标签。
details:用于描述文档或文档某个部分的细节。配合summary标签,有一个点击即可显示详细内容的效果。
dialog:定义对话框,比如提示框。
embed:定义嵌入的内容,比如插件。
figcaption:定义figure元素的标题。
figure:规定独立的流内容(图像、图表、照片、代码等等)。
footer:定义 section 或 document 的页脚。
header:定义了文档的头部区域。
keygen:规定用于表单的密钥对生成器字段。
mark:定义带有记号的文本。请在需要突出显示文本时使用 m 标签。
meter:定义度量衡。仅用于已知最大和最小值的度量。
nav:定义导航链接的部分。
outputs:定义不同类型的输出,比如脚本的输出。
progress:定义运行中的进度(进程)。
rp:在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
rt:定义字符(中文注音或字符)的解释或发音。
ruby:定义 ruby 注释(中文注音或字符)。
section:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
source:为媒介元素(比如video和audio)定义媒介资源。
summary:summary 标签包含 details 元素的标题,”details” 元素用于描述有关文档或文档片段的详细信息。
time:定义日期或时间,或者两者。
track:为诸如 video 元素之类的媒介规定外部文本轨道。
video:定义视频,比如电影片段或其他视频流。
wbr:规定在文本中的何处适合添加换行符。
3.html新标签的方向:
语义化 例如:header、article等多媒体化 例如canvas、audio等
相关文章推荐
- HTML5中在客户端验证文件上传的大小
- 原生js结合html5制作小飞龙的简易跳球
- 三个不常见的 HTML5 实用新特性简介
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- js+HTML5实现canvas多种颜色渐变效果的方法
- HTML5实现微信拍摄上传照片功能
- 2014 HTML5/CSS3热门动画特效TOP10
- HTML5使用DeviceOrientation实现摇一摇功能
- spring+html5实现安全传输随机数字密码键盘
- html5在android中的使用问题及技巧解读
- 非html5实现js版弹球游戏示例代码
- html5 canvas js(数字时钟)实例代码
- js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
- Jquery结合HTML5实现文件上传
- 使用js检测浏览器是否支持html5中的video标签的方法
- 如何使用HTML5地理位置定位功能
- 通过javascript把图片转化为字符画
- 使用PHP和HTML5 FormData实现无刷新文件上传教程
- 解决node-webkit 不支持html5播放mp4视频的方法