html5+css3【2】_hiv+css 是-CSDN博客

本文链接：https://blog.csdn.net/Chivelery/article/details/106592189

其他新增元素


figure与figcaption	元素的组合表示页面上一块独立的内容
details与summary	展开子元素与点击文字
mark	突出显示页面部分内容
progress	表示任务完成进度
meter	表示规定范围内的值

figure和figcaption元素的使用

figure元素是一种元素的组合，带有可选择框，用来表示页面上一块独立的内容，若将其从网页上删除也不影响网页。
figcaption元素必须写在figure元素内部且最多只能写一个，它是figure元素的标题，可以写在figure元素其他从属元素的前面或者后面。

details与summary元素

details元素是一种标识该元素内部的子元素可以被展开、收缩显示的元素。details元素具有一个布尔类型的open属性，open为true时，该元素内部的子元素被展开，open属性值默认为false。
summary元素从属于details元素，用鼠标点击summary中的内容文字时，details元素会展开或收缩，若无summary元素则浏览器会提供默认文字提供点击。（目前仅有Chrome浏览器支持）

mark元素的使用

mark元素表示页面中需要突出显示或高亮显示的，对于当前用户具有参考价值的一段文字，mark元素是对原文内容的补充，它的最主要作用就是吸引当前用户的注意。mark元素除了高亮显示之外，了另一个作用是将作者没有表示出来的内容重点表示出来。

progress元素的使用

progress元素代表一个任务的完成进度，这个进度可以不确定表示正在进行，也可以用0到最大值之间的数字表示准确进度。
progress具有两个表示当前任务完成情况的属性，value属性表示已经完成的工作量，max属性表示总共有多少工作量，其中工作量的单位是任意的。
在设置属性时，value属性和max属性只能指定为有效的浮点数，value的属性值必须大于0且小于等于max的属性值，max属性值必须大于0。

meter元素的使用

meter元素表示规定范围内的数量值，它一共具有6个属性。

value属性：在元素中特地的表示出来的实际值，该属性值默认为0，可以为该属性制定一个浮点小数值。
min属性：指定规定范围时允许使用的最小值，默认为0，设定该属性值不能小于0。
max属性：指定规定的范围时允许使用的最大值，如果设定该属性值小于min的值，那么把min属性的值视为最大值，max属性默认值为1。
low属性：规定范围的下限值，必须小于等于high的值。
high属性：规定范围的上限值，如果该属性值小于low属性的值，那么把low属性的值视为high属性的值，同样如果该属性的值大于max的属性
值，那么把max的属性值视为high的值。
optimum：最佳值属性值必须在min属性值和max属性值之间，可以大于high属性值。

optimum的属性值小于low的属性值时，显示为绿色；当optimum的属性值大于low的属性值小于high的属性值时，显示为黄色；当optimum的属性值大于high的属性值时，显示为红色。
（注意：苹果浏览器和IE浏览器不支持meter元素）

html5中废除的元素

1.能用CSS代替的元素
basefont、big、center、font、s、strike、tt、u

2.不再使用frame框架
对于frameset元素、frame元素与noframes元素，由于frame框架对页面可用性存在负面影响，在html5里面不再支持frame框架，只支持iframe框架，同时废除以上三个元素。

3.只有部分浏览器支持的元素
对于applet、bgsound、blink、marquee元素，由于只有部分浏览器支持这些元素，特别是bgsound元素以及marquee元素只被IE浏览器支持，所以在html5中被废除。而applet元素可以由embed元素或者object元素进行替代，bgsound元素由audio元素替代，marquee元素可以使用js进行替代。
4.其他被废除的元素

1.废除rb元素，使用ruby元素代替
2.废除acronym元素，使用abbr元素代替
3.废除dir元素，使用ul元素代替
4.废除inindex元素，使用form元素与input元素相结合的方式代替
5.废除listing元素，使用pre元素代替
6.废除xmp元素，使用code元素代替
7.废除nextid元素，使用GUIDS代替
8.废除plaintext元素，使用“text、plain”MIME类型代替

html5的大纲

在html5中，我们可以使用我们之前所学的结构元素编排一份网页大纲，那么我们就可以通过这个大纲来了解网页中具体有哪些内容，网页中以什么样的形式来组织这些内容。
在header元素和footer元素中的内容需要加上的标签才能显示，同样若想显示图片，也需要使用标签。nav元素和aside元素允许不在里面添加标题。

大纲编排

关于html的大纲编排我们可以划分为“显式编排”和隐式编排两种方式。

显式编排

显式编排是指明确使用section元素进行分块来创建网页文档，每个内容区块内使用标题<h1 ~h6>。

隐式编排

所谓隐式编排就是我们不使用section元素进行明确的区块划分，而是根据我们写的(h1~h6，hgroup等)元素进行自动创建区块，因为html5的分析器可以根据不同级别的标题判断出对应的内容区块。

标题分级

不同的标题有不同的级别，在（h1~h6）中h1的级别最高，h6的级别的最低，所以在隐式编排的情况下会按照以下规则生成！
1）、如果出现新的标题比上一个标题级别低，那么将生成下级内容区块！
2）、如果新出现的标题比上一个标题级别高，或者两者级别相同，那么将生成新的内容区块。
父内容区块与子内容区块都可以使用相同级别的h1标题。