基本的html5网页骨架之部分元素和在html5中被废除的元素

一、html5的部分元素

  1. footer元素
    footer元素可以作为他的上层父级内容区块或是一个根区块的注脚。footer元素一般情况下包括与它相关的区块的注脚信息,比如作者、版权信息等。
    注意:footer元素和我们前面所讲的header元素一样,并没有限制他的个数。并且footer元素可以为article元素或者section元素添加footer元素。

  2. address元素
    address元素用来在页面中呈现联系信息,包括文档的作者、邮箱、地址、电话信息等。
    address元素还用来展示和文章中的相关的联系人的所有联系信息。

  3. figure元素与figcaption元素
    figure元素是一种元素的组合,带有可选标题。figure元素用来表示页面上一块独立的内容,如果将他从网页上删除不给我们的网页造成影响。
    figcaption元素表示figure元素的标题,它属于figure元素,figcaption元素必须书写在figure元素内部,可以写在figure元素内的其他从属元素前面或后面。一个figure元素内最多只允许放置一个figcaption元素。

  4. details元素与summary元素
    details元素是一种用于标识该元素内部的子元素可以被展开、收缩显示的元素。details元素具有一个布尔类型的open属性,当该值为true时,该元素内部的子元素应该被展开显示,当该属性值为false时,其内部的子元素应该被收缩起来不现实。该属性的默认值为false,当页面打开时其内部的子元素应该处于收缩状态。
    summary元素从属于details元素,用鼠标点击summary元素中的内容文字时,details元素中的其他所有从属元素将会展开或者收缩。如果details元素内没有summary元素,浏览器那你会提供默认的文字以供点击。
    书写的格式应该为:

被点击的内容文字

打开之后所展示的内容

网页运行结果:

点击前:
在这里插入图片描述
点击后:
基本的html5网页骨架之部分元素和在html5中被废除的元素_第1张图片
5. mark元素
mark元素表示页面中需要突出显示或高亮显示的,对于当前用户具有参考作用的一段文字。通常在引用原文时使用mark元素,目的是引起读者的注意。mark元素是对原文内容有补充作用的一个元素,他应该用在一段原文作者不认为重要的,但是现在为了与原文作者不相关的其他目的而需要突出显示或者高亮显示的文字上面。
mark元素最主要的目的就是吸引当前用户的注意。
mark元素除了高亮显示之外,还有一个作用就是在引用原文时,为了某种特殊的目的而把作者没有表示出来的内容重点表示出来。

  1. progress元素
    progress元素代表一个任务的完成进度,这个进度可以使不确定的,表示进度z正在进行,但不清楚这个还有多少工作量没有完成,也可以用0到某个最大数字(比如100)之间的s数字来表示准确的进度情况(比如百分比)
    该元素具有两个表示当前任务完成情路昂的属性,value属性表示已经完成了多少工作量,max属性表示总共有多少工作量。工作量的单位是随意的,不指定的。
    在设定属性点时候,value属性和max属性只能指定为有效的浮点数,value属性必须大于0,且小于或等于max的属性,max的属性必须大于0。
  2. meter元素
    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属性值。
    样例:



  
  


硬盘实际使用情况GB

最基本的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可以使用javascript来代替!
  4. 其他被废除的元素:
    A、废除rb元素,使用ruby元素代替
    B、废除acronym元素,使用abbr元素代替
    C、废除dir元素,使用ul元素代替
    D、废除inindex元素,使用form元素与input元素相结合的方式代替
    E、废除listing元素,使用pre元素代替
    F、废除xmp元素,使用code元素代替
    G、废除nextid元素,使用GUIDS代替
    H、废除plaintext元素,使用“text/plian” MIME类型代替

你可能感兴趣的:(html5,css3)