【网站建设学习网】
【案例说明】这个案例讲述的是使用<article>标签定义文章的方法。在<header>标签中嵌入了文章的标题部分，标题“美亚手机”被嵌入到<hl>标签中，文章的发布日期被嵌入到<p>标签中；在标题部分下面的<p>标签中，嵌入了文章的正文；在结尾处的<footer>标签中嵌入了文章的著作权，作为脚注。整个案例的内容相对比较独立、完整，因此，对这部分内容使用了<article>标签。
<article>标签是可以嵌套使用的，内层的内容在原则上需要与外层的内容相关联。例如，在一篇文章中，针对该文章的评论就可以使用嵌套<article>标签的方法实现，用来呈现评论的<article>标签被包含在表示整体内容的<article>标签里面。
【案例5-2】使用嵌套的<article>标签定义博客文章及评论。
【案例展示】本例文件5-2.html在浏览器中的显示效果如图5-3所示。
【学习目标】掌握嵌套定义<article>标签的方法。
【知识要点】掌握<article>标签和<section》I;iT签的区别。
代码如下：
<! doctype html>
<html>
<head>
<meta charset="gb2312">
<title>嵌套定义article标签示例</title>
</head>
<body>
<article>
<header>
<hl>美亚手机</hl>
<p>发布日期：2011/05/Ol</p>
</header>
图5-3 页面的显示效果
本文地址:
http://www.yishenzhou.com/yes/post/330.html | 分类:企业网站设计 |
次阅读
