HTML5代码中部分新标签的用法解释

2023-05-17    分类: 网站建设

对于HTML5我相信大家都非常的了解,它是由W3C推荐出来的,但是它的开发却是由谷歌、苹果、诺基亚、中国移动等几百家公司共同完成的。它是一个公开的技术,意味着大多数的浏览器与平台都可以去实现。同时,HTML5也被赋予了很多新的元素与属性。下面,成都网站建设小编来告诉你HTML5代码中新标签的用法。

想要知道HTML5中的代码有什么样的不同,那就需要有对比性的东西,这里我们找来了HTML4,让HTML4与HTML5进行一个大碰撞,这样,我们就知道有哪些不同了。

1.<aside>标签

<aside>标签:定义article以外的内容。aside的内容应该与article的内容相关。

HTML5: <aside>Aside的内容是独立的内容,但应与文档内容相关。</aside>
HTML4: <div>Aside的内容是独立的内容,但应与文档内容相关。</div>

2.<command>标签

<command>标签:定义命令按钮,比如单选按钮、复选框或按钮。

HTML5: <command onclick=cut()" label="cut">
HTML4: none

3.<embed>标签

<embed>标签:定义嵌入的内容,比如插件。

HTML5: <embed src="horse.wav" />
HTML4: <object data="flash.swf" type="application/x-shockwave-flash"></object>

4.<header>标签

<header>标签:定义section或document的页眉。

HTML5: <header></header>
HTML4: <div></div>

5.<output>标签

<output>标签:定义不同类型的输出,比如脚本的输出。

HTML5: <output></output>
HTML4: <span></span>

6.<section>标签

<section>标签:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

HTML5: <section></section>
HTML4: <div></div>

7.<time>标签

<time>标签:定义日期或时间,或者两者。

HTML5: <time></time>
HTML4: <span></span>

8.<article>标签

<article>标签:定义外部的内容,比如来自一个外部的新闻提供到马海祥博客的一篇新文章,或者来自blog的文本,或者是来自论坛的文本,亦或是来自其他外部源内容。

HTML5: <article></article>
HTML4: <div></div>

9.<datalist>标签

<datalist>标签:定义可选数据的列表。与input元素配合使用,就可以制作出输入值的下拉列表。

HTML5: <datalist></datalist>
HTML4: see combobox.

10.<figcaption>标签

<figcaption>标签:定义figure元素的标题。“figcaption” 元素应该被置于“figure”元素的先进个或后一个子元素的位置。

HTML5: <figure><figcaption>PRC</figcaption></figure>
HTML4: none

通过与HTML4代码的比对,我们可以看出,HTML5被赋予了很多新的功能,而把HTML4中一些过时的标记给取消了。另外,HTML5大的优点在于它可以跨平台使用,也就是因为这个原因,让很多很多的人对HTML5非常感兴趣。

网页题目:HTML5代码中部分新标签的用法解释
当前网址:/news28/259728.html

成都网站建设公司_创新互联,为您提供企业建站外贸建站网站制作搜索引擎优化建站公司小程序开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站网页设计