移动商务网页设计与制作教学课件作者魏利华第4章html5的结构.ppt

下载文档

0
0
约5.36千字
约 32页
2019-10-14 发布于未知
举报
版权申诉
保障服务

移动商务网页设计与制作教学课件作者魏利华第4章html5的结构.ppt

1、本文档共32页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

图4.11 address 标签实例返回 * 第4 章 HTML5 的结构 4. 1 主体结构元素 4. 2 非主体结构元素 4. 3 小结返回 4. 1 主体结构元素 4.1.1 article 元素 HTML 5 中的 article 标签是新增的, article 标签定义独立的内容。Ar-ticle 元素一般在定义论坛帖子、报纸文章、博客条目、用户评论的时候使用。 article 标签元素使用实例如下, 下面的代码是介绍Safari 5 新版本的一段文章(参见“chap.html”), 其效果如图4.1 所示。 ! DOCTYPE HTML html body article 下一页返回 4. 1 主体结构元素 a href = Safari 5 released /a br / 7 Jun 2010.Just after the announcement of the new iPhone 4 at WWDC, Apple announced the release of Safari 5 for Windows and Mac...... /article /body /html 上一页下一页返回 4. 1 主体结构元素 4.1.2 section 元素 HTML 5 中的 section 标签定义文档中的节(section、区段), 比如章节、页眉、页脚或文档中的其他部分。 section 标签使用实例如下: section h1 PRC / h1 p The Peoples Republic of China was born in 1949... / p / section 下面是一个使用 section 标签的完整例子(参见“chap.html”),其效果如图4.2 所示。上一页下一页返回 4. 1 主体结构元素 4.1.3 nav 元素 HTML 5 中的 nav 标签用来定义导航链接的部分。 nav 标签是HTML 5中的新标签。网页的显示效果如图4.3 所示。提示: 如果文档中有“前后”按钮, 则应该把它放到 nav 元素中。 nav 标签支持HTML 5 中的全局属性。 nav 标签也支持HTML 5 中的事件属性。 4.1.4 aside 元素 aside 标签是HTML 5 中的新标签。HTML 5 的 aside 标签定义其所处内容之外的内容。 aside 的内容应该与附近的内容相关。上一页下一页返回 4. 1 主体结构元素网页的显示效果如图4.4 所示。提示: aside 的内容可用作文章的侧栏。 aside 标签支持HTML 5 中的全局属性。 aside 标签也支持HTML 5 中的事件属性。 4.1.5 time 元素 time 标签是HTML 5 中的新标签。HTML 5 的 time 标签定义公历的时间(24 小时制) 或日期, 时间和时区偏移是可选的。该元素能够以机器可读的方式对日期和时间进行编码, 举例说, 用户代理能够把生日提醒或排定的事件添加到用户日程表中, 搜索引擎也能够生成更智能的搜索结果。 time 标签用法实例如下, 如定义时间和日期: 上一页下一页返回 4. 1 主体结构元素 p 我们在每天早上 time 9: 00 / time 开始营业。 / p p 我在 time datetime = 2008 -02 -14 情人节 / time 有个约会。 / p time 标签使用的完整实例代码如下(参见“chap.html”): ! DOCTYPE HTML html body p 上一页下一页返回 4. 1 主体结构元素我们在每天早上 time 9: 00 /time 开始营业。 /p p 我在 time datetime = 2010 -02 -14 情人节 /time 有个约会。 /p /body /html 网页的显示效果如图4.5 所示。上一页下一页返回 4. 1 主体结构元素 4.1.6 pubdate 属性 pubdate 是一个布尔属性, 表示一篇 article 或整个 body 内容的发布日期。其语法如下: time datetime = datetime pubdate = pubdate 如下面实例所示, time 标签规定 article 元素的发布日期: article time datetime = 2011 -06 -22 pubdate