H5新增的结构元素

H5新增的结构元素

1、article元素表示一篇独立的文档,比如说一篇博客,一个文章等,都可以用article包起来。
2、session表示一个独立的块,对内容进行了分块。
3、header通常代表标题,但是里面不仅包h1 h2 …还可以包很多别的标签,根据语义的理解,就是一个页面的头部。
4、footer标签主要表示脚注部分,或者是版权信息,就是网页最下面的一栏
5、nav标签专门用来定义导航条,页面所有的导航条都可以用nav包着,比如页面的主导航,侧边栏的导航页面内部的导航等。
6、aside这个主要来表示页面的侧边栏。
7、main元素表示这个部分只会出现一次,所以里面不允许放重复出现的内容,比如说article、session等。
8、figure表示一块独立的‘图片区域’,里面可以包含一个或多个img元素,初次之外还能包一个figcaption元素,用来表示该图片区域的标题。
9、mark显示页面中需要重点关注的内容,就像是用荧光笔标注的内容。浏览器通常会用黄色显示。
在这里插入图片描述
10、time用来显示标注的内容是时间
11、details元素表示一段详细的信息或者某个主题细节,通常会与summary一起用,summary会为detail定义摘要信息,摘要信息默认是可见的。
在这里插入图片描述
在这里插入图片描述
12、script用来包含js脚本
13、link可以用来载入css样式,定义页面的图标、预先加载资源

1、引入css样式文件
在这里插入图片描述
2、定义页面的图标 pic.ico图片文件
在这里插入图片描述在这里插入图片描述
3、预先加载资源
希望项目在加载该页面时,希望能提交预加载超链接所链接的资源时,
在这里插入图片描述
在这里插入图片描述

14、meta用于定于页面的元信息,可以指定下面的属性

  • http-equiv,这个是指定源信息的名称,具有特殊意义,可以向浏览器传回一些有用的信息,帮助处理网页内容
  • name,为这个meta起个名字,随便取
  • content,指定元信息的值
  • charset,指定页面的字符集
    在这里插入图片描述

http-equiv和name有些类似,只不过通常定义http-equiv是让浏览器可识别的,具有特殊意义的名称

http-equiv的值有下面几个。

  • expires,指定网页的过期时间,一旦过期,需要重新从服务器下载。
    在这里插入图片描述
  • parama,指定禁止浏览器从本地磁盘缓存中获取该页面的内容,浏览器一旦离开该网页就无法脱机访问该页面。
    在这里插入图片描述
  • refresh,让浏览器隔多久自动刷新该页面
    在这里插入图片描述
  • set-cookie,设置cookie,如果网页过期,客户端上的cookie也被删除。
    在这里插入图片描述
  • content-type,设置该页面内容类型所加载的字符集
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Cheny_Yang/article/details/83657193