HTML5—标签

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/arvinzd/article/details/53112366

在HTML5的标签改变中,主要有三个部分

1.DTD声明

2.标签的改变

3.删除的标签

一、DTD声明

文档类型定义 <! DOCTYPE html>

在编写html5文档时必须用此声明,以告知浏览器。

二、标签的改变

1.结构标签

结构标签语义化更鲜明,本质上是div,方便搜索引擎

<header></header>

头部标签 表明这是头部 ,在头部中包含<nav></nav>导航栏标签

<section></section>

区域标签 和div类似

<article></article>

文章标签 在其中放文章

<aside></aside>

网页侧边栏 存放标题链接

<hgroup></hgroup>

标题组 位于aside标签中 内容为h标签

<footer></footer>

底部标签 表明是网页的底部

<small></small>

位于footer 例如法律条文

<figure></figure>

定义一些内容和标题 与dt dd 或figcaption配合使用

<dialog></dialog>

对话  与dt dd 配合使用

hr表示一个内容的结束 b i strong不再表示强调,而是重要性

2.多媒体标签

<audio><audio>

音频标签

<video></video>

视频标签

<source></source>

多媒体资源标签

<canvas></canvas>

图片标签

<embed></embed>

外部资源或插件标签

多媒体标签的出现就是解决插件引起的问题,提供更丰富的交互内容

3.Web应用标签

<menu></menu>

定义命令列表 属性type="context" 内嵌右键菜单

<menuitem><menuitem>

命令列表项 属性lable="" 显示的名称  onclick=""  点击事件 icon="" 图标

<command><command>

命令按钮

<meter></meter>

类似温度计 属性 min最小值 max最大值 low最低阈值 high最高阈值  value当前值 若当前值低于最低,高于最高颜色显示黄色预警

<progress></progress>

进度条 属性 max最大值 value当前值 结合javascript可以完成上传下载进度显示

<details></details>

详细信息 结合dt dd 内容隐藏 点击显示

4.其它标签

注释标签

<ruby></ruby>包含注释内容和被注释内容

<rt><rt/>注释内容

<rp></rp>注释小括号

<mark></mark>

标记黄色被选中

三、删除的标签

1.表现标签

basefontbigcenterfont, sstrikettu

2.影响性能标签

frameframesetnoframes

3.易混淆标签

acronym appletisindexdir



猜你喜欢

转载自blog.csdn.net/arvinzd/article/details/53112366