HTML5CSS3从入门到精通.docxVIP

3.2 HTML5元素分类—P581、结构性元素：主要负责Web的上下文结构的定义。section header footernavarticle2、级块性元素：主要完成Web页面区域的划分，确保内容的有效分隔。asidefigurecodedialog3、行业语义性元素：主要完成Web页面具体内容引用和表述。metertimeprogressvideoaudio4、交互性元素：主要用于功能性的内容表达，会有一定的内容和数据的关联。detaildatagridmenucommand3.3构建主体内容—P59内容区块是指将HTML页面按逻辑进行分割后的单位。3.3.1标识文章article元素用来表示文档、页面中独立的、完整的、可以独自被外部引用的内容，像博客，论文，论坛帖子或者一段用户评论等。这一节讲了article的三个功能：1、独立的文章内容；2、article的嵌套使用；3、article表示插件使用。涉及到的页签：article pubtime datetimeobject param name embed src3.3.2给内容分段section元素用来对网站或者应用程序中页面上的内容进行分区。（一般有内容和标题（可用HTML5轮廓工具检查）组成）section和div的区别：标签区别section相较div，section更强调内容的独立性，包含的内容可以单独存储到数据库中或输出到Word文档中。divdiv强调结构的独立性，划定大的区域。section和article的区别：标签区别section更强调相关性，分块和分段。一般不用包含头部（header元素）或者底部（footer元素）article更强调独立性和完整性。3.3.3设计导航信息nav元素是一个可以作为页面导航的链接组，将重要的，基本的导航链接放进去链接组中。该元素可以在一个文档中多次出现，作为页面或部分区域的导航。一般有1、传统的导航条；2、侧边栏导航；3、页内导航；4、翻页操作。涉及到的页签：nav draggablemenu3.3.4设计辅助信息aside元素用来表示当前页面或者文章的附属信息部分，它可以与当前页面或主要内容相关的引用、侧边栏、广告、导航条以及其他类似的有别于主要内容的部分。有两种使用方法：作为主要内容的附属信息部分，包含article元素中，一般为与当前文章有关的参考资料、名词解释等。作为页面或者站点全局的附属信息部分，在article元素之外使用。一般表现形式为侧边栏，内容为友情链接，广告或者引用其他博客等。涉及到的页签：aside dl dt dd a href3.3.5设计微格式HTML5微格式的提出主要目的是简化Web开发的数据提取。time元素代表某一个日期或者24小时中的某一个时刻（表示时刻时允许带时差）。time datetime=”2012-11-13”2012年11月13日/timetime datetime=”2012-11-13”11月13日/timetime datetime=”2012-11-13”我的生日/timetime datetime=”2012-11-13T20:00”我的生日晚上8点 /timetime datetime=”2012-11-13T20:00Z”我的生日晚上8点 /timetime datetime=”2012-11-13T20:00+09:00”我的生日晚上8点 /time编码时引擎读到部分在datetime属性里，元素的开始标记和结束标记中间的部分才显示在网页上。datetime属性中日期和时间之间要用“T”字母分隔，“T”表示时间。“Z”字母表示给机器编码时使用UTC标准时间。加上时差，表示向机器编码另一地区时间，如果编码本地时间，则不需要添加时差。涉及到的页签：time datetime3.3.6添加发布日期pubdate属性是一个可选的布尔值属性，表示time要素代表了文章（article元素的内容）或者整个网页的发布日期。涉及到的页签：time pubdate3.4添加语义模块—P693.4.1添加发布日期header定义文档或者文档一部分区域的页眉（作为介绍内容或导航链接栏的容器），可以包括标题、数据表格、搜索表单或相关的logo图片（header元素通常包含h1~h6元素，也可以包含hgroup、table、form、nav）。一个网页可以多次使用header元素。涉及到的页签：header hgroup form nav input text password radio checkbox submit button textarea select option3.4.2给标题分组hgroup元素可以给标题或者子标题进行分组，通常与h1~h6组合使用（如