【网站建设学习网】掌握嵌套定义<article>标签的方法 -网络营销推广_网站建设设计

【网站建设学习网】掌握嵌套定义<article>标签的方法

发表日期：2018-11-12 05:55:57

【网站建设学习网】

【案例说明】这个案例讲述的是使用<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>

<title>嵌套定义article标签示例</title>

</head>

<body>