【html5--2.5新的布局元素(4)-aside/nav】的更多相关文章

html5--2.5新的布局元素(4)-aside/nav

html5--2.5新的布局元素(4)-aside/nav 学习要点 了解aside/nav元素的语义和用法 通过实例理解aside/nav元素的用法 aside元素(附属信息) aside元素通常用来设置侧边栏. 用于定义article元素之外的内容(比如作者简介,版权声明),前提是这些内容与article元素内的内容相关. 同时也可嵌套在article元素内部使用,作为主要内容的附属信息,比如与主内容有关的参考资料,名词解释等. nav元素(导航) 用来定义目录.导航栏.超链接 并非所有的超…

html5--2.6新的布局元素(5)-nav

html5--2.6新的布局元素(4)-aside/nav 学习要点 了解aside/nav元素的语义和用法 通过实例理解aside/nav元素的用法 aside元素 aside元素通常用来设置侧边栏. 用于定义article元素之外的内容,前提是这些内容与article元素内的内容相关. 同时也可嵌套在article元素内部使用,作为主要内容的附属信息,比如与主内容有关的参考资料,名词解释等. nav元素 通常用它给超链接分组用来定义导航栏,包括主导航栏,和侧边导航栏 并非所有的超链接都放在n…

html5--2.9新的布局元素(6)-figure/figcaption

html5--2.9新的布局元素(6)-figure/figcaption 学习要点 了解figure/figcaption元素的语义和用法 通过实例理解figure/figcaption元素的用法 figure元素 figure/figcaption都是HTML5中新增的元素 figure元素是一个媒体组合元素,也就是对其他的媒体元素进行组合,比如:图像.图表等等 figcaption元素 用来给figure元素定义标题. 实例 <!doctype html> <html> &l…

html5--2.9新的布局元素(5)-hgroup/address

html5--2.9新的布局元素(5)-hgroup/address 学习要点 了解hgroup/address元素的语义和用法 通过实例理解hgroup/address元素的用法 对照新元素布局与div布局,理解新元素布局的优点 hgroup元素 通常用来给标题分组,通常放在header中:但是并非强制要求,也不是绝对的. address元素 通常用用来说明作者的联系信息,例如名字,E-mail,电话,地址等 address元素中的内容会以斜体显示. 新布局的优点 更注重于内容而不是形式 对人…

html5--2.7新的布局元素(4)-time

html5--2.7新的布局元素(4)-time 学习要点 了解微格式的概念 掌握time元素的用法 微格式的概念 HTML5中的微格式,是一种利用HTML5中的新标签对网页添加附加信息的方法,附加信息例如新闻事件发生的日期和时间,文章发表的日期等. HTML5中的微格式是为了简化浏览器对数据的提取,方便搜索引擎的搜索. time元素 time是HTML5新增的元素 time元素代表24小时中的某个时刻或某个日期,表示时刻时允许带时差.它可以定义很多格式的日期和时间 datetime属性中日期与…

html5--2.1新的布局元素概述

html5--2.1新的布局元素概述 学习要点 了解HTML5新标签(元素)的优点 了解本章要学习的新的布局元素 了解本章课程的安排 HTML5新标签的优点: 更注重于内容而不是形式 对人的友好:更加的语义化,高度的描述性,更加的直观,增加了代码的可读性. 对计算机的友好:浏览器更容易解析,搜索引擎更容易抓取文档的内容 代码更加的简洁 本章将要讲解的新标签概览 新增的布局标签 新增的布局标签可以概括为两类:用于控制页面主体内容的标签,可以划分为主体结构标签:非主体结构标签,用来放置辅助主体内容的…

html5--2.4新的布局元素(3)-section

html5--2.4新的布局元素(3)-section 学习要点 了解section元素的语义和用法 通过实例理解section元素的用法 article元素和section元素的区别和共同点 article元素(标签) 用于定义一个独立的内容区块,比如一篇文章,一篇博客,一个帖子,论坛的一段用户评论,一篇新闻消息等. article元素内可以嵌套其他元素,它可以有自己的头.尾.主体等内容.使用时要特别注意内容的独立性,一般对于独立完整的内容才使用article元素,如果只是一段内容的话应该使用…

html5--2.3新的布局元素(2)-article

html5--2.3新的布局元素(2)-article 学习要点 了解article元素的语义和用法 完成一个简单的实例 article元素(标签) 用于定义一个独立的内容区块,比如一篇文章,一篇博客,一个帖子,论坛的一段用户评论,一篇新闻消息等. article元素内可以嵌套其他元素,它可以有自己的头.尾.主体等内容.使用时要特别注意内容的独立性,一般对于独立完整的内容才使用article元素,如果只是一段内容的话应该使用section元素. section元素(标签) 用来定义文章中的章节…

html5--2.1新的布局元素(1)-header/footer

html5--2.1新的布局元素(1)-header/footer 学习要点 了解header/footer的语义和用法 使用header/footer进行一个简单的布局 header元素(标签) 用于设置一个页面的标题部分,通常会包含标题,LOGO,导航等 通常会放在文章的头部 footer元素(标签) 通常用于设置一个网页的底部区域,会包含友情链接,版权声明,文件建立日期,联系方式等 通常会放在页面的页脚 实例 <!doctype html> <html> <head&g…

HTML5中支持新的媒体元素有这些

HTML5对媒体的支持性很强,支持以下媒体元素: · audio  定义音频 · video  定义视频 · embed  作为外部应用的容器 · source  多种媒体源的支持 · track  定义媒体的文本跟踪…