HTML5废除元素,HTML5 与 HTML4 的区别(2) - 新增的元素和废除的元素

新增的结构元素

在 HTML5 中,新增了以下与结构相关的元素:

section元素

section 元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他部分。

它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用,标识文档结构。

HTML5 中代码示例:

....

HTML4 中代码示例:

...

article元素

article 元素表示页面中的一块与上下文不相关的独立内容,比如博客中的一篇文章或报纸中的一篇文章。

HTML5 中代码示例:

...

HTML4 中代码示例:

...

aside元素

aside 元素表示 article 元素的内容之外、并与 article 元素的内容相关的辅助信息。

HTML5 中代码示例:

...

HTML4 中代码示例:

...

header元素

header 元素表示页面中的一个内容区块或整个页面的标题。

HTML5 中代码示例:

...

HTML4 中代码示例:

...

hgroup元素

hgroup 元素用于对整个页面或页面中一个内容区块的标题进行组合。

HTML5 中代码示例:

...

HTML4 中代码示例:

...

footer元素

footer 元素表示整个页面或页面中一个内容区块的脚注。

一般来说,它会包含创作者的姓名、创作日期以及创作者的版权或联系信息。

HTML5 中代码示例:

...

HTML4 中代码示例:

...

nav元素

nav 元素表示页面中导航链接的部分。

HTML5 中代码示例:

...

HTML4 中代码示例:

  • ...

figure元素

figure 元素表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。

使用 figcaption 元素为 figure 元素组添加标题。

HTML5 中代码示例:

新增的结构元素

在 HTML5 中,新增了以下与结构相关的元素:

HTML4 中代码示例:

新增的结构元素

在 HTML5 中,新增了以下与结构相关的元素:

新增的其他元素

除了结构元素外,在 HTML5 中,还新增了以下元素:

video元素

video 元素定义视频,比如电影片段或其他视频流。

HTML5 中代码示例:

video元素

HTML4 中代码示例:

audio元素

audio 元素定义音频,比如音乐或其他音频流。

HTML5 中代码示例:

audio元素

HTML4 中代码示例:

embed元素

embed 元素用来插入各种多媒体,格式可以是 midi、wav、aiff、au、mp3等。

HTML5 中代码示例:

HTML4 中代码示例:

mark元素

mark 元素主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字。

mark 元素的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。

HTML5 中代码示例:

...

HTML4 中代码示例:

...

原文:http://www.cnblogs.com/jasonsoop/p/4032721.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/529918.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ps怎么更改背景图层大小_PhotoShop处理图层的一些技巧方法、PS图层处理教程

一、了解图层以及为什么它们如此有用。1.在“图层”面板中查看和选择图层2.层包含组成分层文件的图像,文本或对象。它们使您可以在一层上移动,编辑和使用内容,而不会影响其他层上的内容。3.图层在“ 图层”面板中按堆栈排列,该面板…

zabbix计算型监控项函数last_zabbix 自定义key类型之计算(Calculated items)-阿里云开发者社区...

计算类型的key定义主要是根据已定义过的key值来计算的。例如创建一个计算linux服务器内存实际使用大小的监控项(计算方法为:vm.memory.size[total]-vm.memory.size[cached]-vm.memory.size[free]),方法如下:1、在模板中或是主机中选择监控项-…

使用计算机画画需要什么软件,专业电脑绘画用的是什么工具?

满意答案srCDG3SL62013.11.13采纳率:57% 等级:12已帮助:11125人电脑硬件配置(CPU,内存,显卡等)越高,绘制大图时,软件不会卡。就会画的很流畅。特别是Painter,模拟自然画笔越真实,…

中如何移动物体在画面中的位置_组合柜摆在客厅中什么位置最旺运?客厅中,财位是如何确定的?...

组合柜摆在客厅中什么位置最旺运?组合柜在风水中的重要性不如沙发,但要注意的宜忌事项也有很多。风水上讲高者为山,低者为水,有高有低,有山有水,才符合风水原理。在客厅中,低的沙发是水&#xf…

计算机概论在线阅读,计算器概论 or 计算机概论

计算机硬件的五大单元输入单元、输出单元、CPU内部控制单元、算数逻辑单元、主存储器。中央处理器 CPU Central Processing UnitCPU 的种类精简指令集 Reduced Instruction Set Computing, RISCSun SPARCIBM Power Architecture复杂指令集 Complex Instruction Set Comp…

螺旋天线有方向性吗_螺旋天线方向图

luoxuan13度.zip.zip我画的二臂螺旋天线同轴电缆馈电,得到的方向图是酒杯形状的,而不是半球行的,修改了好多次参数都是这样,这可如何是好,我的模型有问题么?还是哪里出了问题,请帮忙。怎么没人帮…

jquery ajax html编码,jQuery AJAX字符编码

我目前正在编码一个法语网站。有一个时间表页面,可以使用侧面的链接加载另一天的时间表。这是我用来执行此操作的JS:function load(y) {$.get(y,function(d) {$("#replace").html(d);mod();});}function mod() {$("#dates a").click…

miui10读取不了u盘_u盘能识别但无法读取_u盘无法识别如何修复

2019-08-07 14:04:57U盘设备大家都比较熟悉了,正常情况下,电脑插入U盘后会自动识别读取数据,然后在打开U盘数据进行操作。但是有用户反映将U盘插入win10系统后竟然无法识别,难道是U盘设备坏了,但是在...2018-06-07 10:…

四川大学计算机学院赵怡,【喜讯】我校计算机学院学子在蓝桥杯大赛全国总决赛中再获佳绩...

在第十一届蓝桥杯“全国软件和信息技术专业人才大赛”省赛上,我校选手面对包括北京大学、清华大学、上海交通大学、北京航空航天大学、武汉大学、西安交通大学、北京理工大学、四川大学、电子科技大学、吉林大学、东北大学等在内的1200余所高校,6万余名顶…

2002勘察设计收费标准_上海装修设计师的收费标准是什么?

目前家装行业的发展趋势全是特别迅速的,一点都不落后于房地产业的发展趋势,因此目前在好多大城市全是各式各样的家装公司,这篇以上海装修公司为例,向大伙儿详细介绍一下上海装修设计公司的有些收费标准,看一下绝大多数…

计算机控制系统EHA,优·计算机控制技术第四章.doc

第四章 过程控制理论与技术4.1 过程控制系统的连续化设计4.1.1 概述1.简述计算机控制系统的设计,是指在给定系统性能指标的条件下,设计出控制器的控制规律和相应的数字控制算法。典型的计算机控制系统如图4.1.1所示。系统的输入r(t)跟系统的输出y(t)比较…

华为畅享10s值得买吗_华为畅享10 Plus值不值得买?首批购买用户评价出炉

原标题:华为畅享10 Plus值不值得买?首批购买用户评价出炉【手机中国新闻】9月5日,华为在西安召开华为畅享10 Plus新品发布会,拥有着天空之境等新潮配色的华为畅享10 Plus也正式和大家见面。这款产品不仅采用了升降式摄像头设计&am…

计算机应用基础二作业,计算机应用基础(二)作业2 (精选可编辑)

《计算机应用基础(二)作业2 (精选可编辑)》由会员分享,可在线阅读,更多相关《计算机应用基础(二)作业2 (精选可编辑)(15页珍藏版)》请在金锄头文库上搜索。1、题目01 在Windows 控制面板中,使用添加删除程序的作用是_。a. 设置字体 b. 安装未…

colab清理gpu缓存_安卓手机为什么会变卡?强制GPU渲染手机就能变流畅?你真的懂吗...

使用过安卓手机的朋友都知道,安卓手机最大的毛病就是卡顿,那你知道安卓手机变卡的原因吗?还有网上很多教程说开启“强制进行GPU渲染”手机就会变流畅,真的是这样吗?我们先来了解安卓手机为什么会变卡:安卓手…

脉冲宽度调制pdm_STM32第七章-脉冲宽度调制

先说在开头啊,我们学习定时器总感觉它是很难的,这里我就不说他的编程难度,而是对于它的理解难度。学习定时器你就必须了解他的来龙去脉。比如说你现在要使用一个定时器,那么先要决定你要用哪一个定时器,是高级定时器还…

浙大 计算机 毕业论文格式,浙大硕士毕业论文格式

浙大硕士毕业论文格式时间:2017-06-15 来源:未知 本文字数:2725字作者:胡老师 单位:写毕业论文主要目的是培养学生综合运用所学知识和技能,理论联系实际,独立分析,解决实际问题的能力…

苹果13系统锁屏延迟_iPhone11 锁屏出现延迟,iOS13 新 Bug?

点击 哎咆科技 关注我们这两天很多人在后台反应,用 iPhone11 锁屏的时候出现了延迟的情况。虽然延迟并不是很长,但还是会有“卡顿”的感觉。咆哥:我最近也感觉到了。于是很多同学认为,是不是 iOS13 系统的问题?你们多虑…

西南科技大学城市学院计算机专科,西南科技大学城市学院官网

标识码:4151014045普通本科理工类民办西南科技大学城市学院是经教育部批准设立,由西南科技大学举办的全日制普通高等学校,在本科第三批次、专科第二批次招生。学院由西南科技大学原副校长李众立教授出任院长。学院现有18个本专科专业&#xf…

ctf 改变图片高度_每天一分钟,python一点通(opencv的图片处理方法)

有网友私信小编说,小编的文章很好,讲解的也很详细,但是有些知识点很深奥,对初学者不是很友好,回想小编的文章虽然几乎每条代码都有介绍,但是很多函数没有太详细,小编后期会重启《每天一分钟&…

计算机休眠能降低硬件损耗,Win7居然会出现“失眠”——Win7无法休眠问题解析...

许多用户在安装了win7以后,都出现了无法使用休眠功能的问题,当用户暂时不使用电脑或离开电脑时,系统不能进入休眠状态,使得节电与减少硬件损耗都不能正常进行,显示器也会长时工作,这加速了电脑的整体老化。…