网站建设学习网

案例说明这个案例讲述的是使用<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页面的显示效果