HTML5中新增的元素

大家都知道HTML5是最新的版本,其中增加了很多老版本没有的新元素,下面就是归纳的新元素;

article    定义外部内容,可以使外部的一篇文章或来自bolg的文本或者是来自论坛的文本

aside     定义article以为的内容,aside的内容应与article的内容相关

audio    定义声音,音频

canvas    定义图形,如图表或者其他图像

command     定义命令按钮,比如单选按钮,复选框或按钮

datails    用于描述文档或文档的某个细节,与summary标签配合使用,可以为details定义标题,标题是可见的,用户点击标题时会显示出details

figcaption    定义figure元素的标题,figcaption元素应被置于figure元素的第一个或最后一个元素的位置

footer   定义section或document的页脚

header    定义文档的页眉

hgroup     定义有关文档中的section的信息,用于对网页或区段section的标题进行组合

mark   定义带有记号的文本,在需要突出显示文本时使用m标签

meter    定于度量衡,仅用于已知最大和最小值的度量

nav   定义导航连接的部分

output    定于不同类型的输出,如脚本输出

progress      定义任何类型的任务的进度,可以使用progress标签显示Java Script中耗费时间的函数的进度

ruby   定义ruby注释(中文注音或字符)

rp    定于若浏览器不支持ruby元素显示的内容

rt  定义字符的解释或发音

section  定义文档中的节(section区段),比如章节,页眉页脚或文档中的其他部分

source  为媒介元素,(比如video和audio)定义媒介资源

summary  定义details元素的标题

time  定义时间或日期

video  定义视频,如电影片段或其他视频流

以上就是HTML5中的新增元素,不同的元素定义不同的意义,新增的元素让大家写代码的时候更加方便。

时间: 2024-07-29 13:59:42

HTML5中新增的元素的相关文章

html5中新增的元素和废除的元素

一.新增的结构元素 1.section元素表示页面中的一个内容区块,比如章节.页眉.页脚或页面中的其他部分.它可以与h1.h2.h3.h4.h5.h6等元素结合起来使用,标示文档结构. h5中的代码事例:<section></section> h4中的代码事例:<div></div> 2.article元素表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或报纸中的一篇文章. h5中的代码事例:<article><article

HTML5之新增的元素

今天打开博客看到自己有了一个小粉丝,说实话还是蛮开心的,坚持写博客大半年了,终于迎来了自己的第一个小伙伴.总算是坚持了那么久的事情看到了结果吧. 前几天参加了我们学院老师的比赛---<青年教师大赛的初赛>.我被我们老师拉去做了义工-----计时员.看了所有老师的比赛,虽然都特别好,但是让我印象深刻的还是一个HTMl5+CSS3的课程.看到那种炫酷的效果,我瞬间都被吸引住了.所以忙完了手头上的作业,就从别人那里要到了HTML5的教程,开始了我的学习HTML5之路.虽然看了6节课了,还是没有学到老

html5中新增的form表单属性

html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性 该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属性值,当设置为on时,启动该功能:当设置off时,关闭该功能.启用该功能后,当用户在自动完成域开始输入时,浏览器就会在该域中显示填写的选项.用户每提交一次,就会增加一个用于选择的选项 <!DOCTYPE html> <html> <head lang="en"

使用HTML5中新增结构元素来构建网页

HTML5中新增了几个结构元素(section元素.article元素.nav元素.aside元素.header元素和footer元素),通过运用这些结构元素,可以让网页的整体结构更加直观和明确.更加具有语义化和更具有现代风格. 1.组织网页结构 在一个用HTML5实现的网页中,每一个网页都将由一些主体结构元素构成. 在大型的网站中,一个网页通常有以下几个结构元素组成: header结构元素:通常用来展示网站的标题.企业或公司的Logo图片.广告(Flash等格式).网站导航条等. aside结

HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理。

一.前言 本文将介绍HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理. 目录一坨: 二.语义化标签:article.aside.time.mark.section.header.footer.hgroup.progress.figure.figcaption.nav.meter.output.details.summary.ruby和main   三.让IE5.5~9支持HTML5新标签 1. IE5.5~8下对于不支持的标签

HTML5 中的结构元素

HTML5 中的结构元素 https://www.cnblogs.com/xiaohuochai/p/5087815.html CSS 命名规范 1.http://mp.weixin.qq.com/s?__biz=MzI0NDAzOTYxMw==&mid=402255125&idx=3&sn=f13ca64eb1bcc4bf31aefdc189ccc26b#rd 2.http://www.imooc.com/article/5219 拥有html5大纲 原文地址:https://w

Html5主要新增主体结构元素

article 代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件,或其他任何独立的内容. article元素是可以嵌套使用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>for article</title>

HTML5之新增的元素和废除的元素 (声明:内容节选自《HTML 5从入门到精通》)

新增结构元素: section元素 section元素定义文档或应用程序中的一个区段,比如章节.页眉.页脚或文档中的其他部分.它可以与h1,h2,h3,h4,h5,h6元素结合起来使用,标示文档结构. HTML5中代码示例:<section>-</section> HTML4中代码示例:<div>-</div> article元素 article元素表示文档中的一块独立的内容,譬如博客中的一篇文章或报纸中的一篇文章. HTML5中代码示例:<artic

第一章 用HTML5中的结构元素构建网站

1.当一个容器需要直接定义样式或通过脚本定义行为时,推荐使用div元素而非section元素. 2.section是需要标题的,而nav或aside没有标题也是可以的. 3.html5轮廓工具 http://gsnedders.html5.org/outliner/ 4.HTML <header> 标签 是html5中的新标签,表示页眉,如果要产生大纲要加<h1>,要和<head>区别开来. 5.