HTML5增强的页面元素

时间:2022-08-25 17:10:20

①figure、figcaption元素:

    用于页面的一个独立部分,可以放图片/视频/表格等。去掉不影响页面,figcaption是figure元素内的标题 
②detail、summary元素:
  

    detail是可展开的部分,包含值为boolean类型的open属性,表示是否展开;detail包含summary元素,用来单击展开detail;可以做折叠表单,如果detail中没有包含summary元素,则会提供默认的文字以供单击;

  举例:如图 

HTML5增强的页面元素
③mark元素:

    着重文字,如: <mark>这部分文字会出现黄色背景</mark>`

④progress元素:

    用来表示某个工作的完成进度条 
⑤meter元素:

    显示的规定范围内的比例;比如投票比例、技能等级等等


改良的页面元素:

①ol列表元素:

    添加了start 和 reversed 属性;start用于指定标注的开始;reversed表示倒序 
②dl列表元素

    表示列表项,内部包含dt和dd元素,不允许重复 
③严格限制的cite元素 及 重新定义的small元素:

    cite元素内的文字会变斜体,small元素需要使用样式才使字体变小。small元素由原来的通用元素变为专门用来标识小字印刷体的元素。通常使用在免费声明,注意事项法律规范版权等,不允许应用在页面主题内容中只允许当作额外信息以依赖的方式内嵌在页面中。

注意:small元素并不意味着内容字号会改变