欢迎来到天天文库
浏览记录
ID:34723298
大小:475.30 KB
页数:43页
时间:2019-03-10
《html5css3详细介绍》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、这篇文档是相对的全面,花了一天时间从一套教程PTT整理得来,总共有40多页,每个知识点也是做了文档标题,现供需要者学习参考。新的网页结构............2、dy>43/43新增的主体结构元素ArticleSectionAsideNav:传统的导航条;侧边栏导航;内页导航;翻页操作Time2014年9月289月28今天的时间2014年9月28晚上10点3、UTC标准时间2014年9月28晚上10点中国时间2014年9月28晚上10点新增的非主体结构元素Headerheader元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其他的内容,比如在header里面放置logo图片、搜索表单等等。注意:一个页面内并没有限制header的出现次数,也就是说我们可以在同一页面内,不同的内容区块上分别加上一个header元素。在HTML5中,一个heade4、r元素至少可以包含一个heading元素(h1-h6),也可以包括我们下节课将要学习的hgroup元素,还可以包括其他的元素,在新的W3CHTML5标准,我们还可以把NAV元素包括进去。43/43hgrouphgroup元素是将标题和他的子标题进行分组的元素。hgroup元素一般会把h1-h6的元素进行分组,比如在一个内容区块的标题和他的子标题算是一组。通常情况下,文章只有一个主标题时,是不需要hgroup元素的。footerfooter元素可以作为他的上层父级内容区块或是一个根区块的注脚。footer元素一般情况下包括与它相关的区块的注5、脚信息,比如作者、版权信息等注意:footer元素和我们前面所讲的header元素一样,并没有限制他的个数。并且footer元素可以为article元素或者section元素添加footer元素。Addressaddress元素用来在页面中呈现联系信息,包括文档的作者、邮箱、地址、电话信息等。address元素还用来展示和文章中的相关的联系人的所有联系信息。figurefigure元素是一种元素的组合,带有可选标题。figure元素用来表示页面上一块独立的内容,如果将他从网页上删除不给我们的网页造成影响。figcaption元素表示fig6、ure元素的标题,它属于figure元素,figcaption元素必须书写在figure元素内部,可以写在figure元素内的其他从属元素前面或后面。一个figure元素内最多只允许放置一个figcaption元素。detailsdetails元素是一种用于标识该元素内部的子元素可以被展开、收缩显示的元素。details元素具有一个布尔类型的open属性,当该值为true时,该元素内部的子元素应该被展开显示,当该属性值为false时,其内部的子元素应该被收缩起来不现实。该属性的默认值为false,当页面打开时其内部的子元素应该处于收缩状态7、。summary元素从属于details元素,用鼠标点击summary元素中的内容文字时,details元素中的其他所有从属元素将会展开或者收缩。如果details元素内没有summary元素,浏览器那你会提供默认的文字以供点击,例如“details”目前只有谷歌的Chrome浏览器支持!43/43markmark元素表示页面中需要突出显示或高亮显示的,对于当前用户具有参考作用的一段文字。通常在引用原文时使用mark元素,目的是引起读者的注意。mark元素是对原文内容有补充作用的一个元素,他应该用在一段原文作者不认为重要的,但是现在为了与8、原文作者不相关的其他目的而需要突出显示或者高亮显示的文字上面。mark元素最主要的目的就是吸引当前用户的注意。mark元素除了高亮显示之外,还有一个作用就是在引用原文时,为了某种特殊的目的而把
2、dy>43/43新增的主体结构元素ArticleSectionAsideNav:传统的导航条;侧边栏导航;内页导航;翻页操作Time2014年9月289月28今天的时间2014年9月28晚上10点
3、UTC标准时间2014年9月28晚上10点中国时间2014年9月28晚上10点新增的非主体结构元素Headerheader元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其他的内容,比如在header里面放置logo图片、搜索表单等等。注意:一个页面内并没有限制header的出现次数,也就是说我们可以在同一页面内,不同的内容区块上分别加上一个header元素。在HTML5中,一个heade
4、r元素至少可以包含一个heading元素(h1-h6),也可以包括我们下节课将要学习的hgroup元素,还可以包括其他的元素,在新的W3CHTML5标准,我们还可以把NAV元素包括进去。43/43hgrouphgroup元素是将标题和他的子标题进行分组的元素。hgroup元素一般会把h1-h6的元素进行分组,比如在一个内容区块的标题和他的子标题算是一组。通常情况下,文章只有一个主标题时,是不需要hgroup元素的。footerfooter元素可以作为他的上层父级内容区块或是一个根区块的注脚。footer元素一般情况下包括与它相关的区块的注
5、脚信息,比如作者、版权信息等注意:footer元素和我们前面所讲的header元素一样,并没有限制他的个数。并且footer元素可以为article元素或者section元素添加footer元素。Addressaddress元素用来在页面中呈现联系信息,包括文档的作者、邮箱、地址、电话信息等。address元素还用来展示和文章中的相关的联系人的所有联系信息。figurefigure元素是一种元素的组合,带有可选标题。figure元素用来表示页面上一块独立的内容,如果将他从网页上删除不给我们的网页造成影响。figcaption元素表示fig
6、ure元素的标题,它属于figure元素,figcaption元素必须书写在figure元素内部,可以写在figure元素内的其他从属元素前面或后面。一个figure元素内最多只允许放置一个figcaption元素。detailsdetails元素是一种用于标识该元素内部的子元素可以被展开、收缩显示的元素。details元素具有一个布尔类型的open属性,当该值为true时,该元素内部的子元素应该被展开显示,当该属性值为false时,其内部的子元素应该被收缩起来不现实。该属性的默认值为false,当页面打开时其内部的子元素应该处于收缩状态
7、。summary元素从属于details元素,用鼠标点击summary元素中的内容文字时,details元素中的其他所有从属元素将会展开或者收缩。如果details元素内没有summary元素,浏览器那你会提供默认的文字以供点击,例如“details”目前只有谷歌的Chrome浏览器支持!43/43markmark元素表示页面中需要突出显示或高亮显示的,对于当前用户具有参考作用的一段文字。通常在引用原文时使用mark元素,目的是引起读者的注意。mark元素是对原文内容有补充作用的一个元素,他应该用在一段原文作者不认为重要的,但是现在为了与
8、原文作者不相关的其他目的而需要突出显示或者高亮显示的文字上面。mark元素最主要的目的就是吸引当前用户的注意。mark元素除了高亮显示之外,还有一个作用就是在引用原文时,为了某种特殊的目的而把
此文档下载收益归作者所有