文章目录
HTML5新增结构元素
<article…/>侧重于表达一篇独立的、完整的文章,而<section…/>侧重于对页面内容进行分块。
<!DOCTYPE html>
<html lang="en">
<header>
<img src="img/city.jpg" alt="图片" title="大城市!"/>
<a href="#">返回首页</a>
<h1>浏览贴子内容</h1>
</header>
<body>
<h1>浏览帖子内容</h1>
<article>
<h2>学习Andriod,必须先学习Java吗?</h2>
<p>Android上的应用程序只能用Java编写吗?可以用C++吗</p>
<section>
<h2>回复内容</h2>
<!-- 每个article代表一个回复 -->
<article>
<!-- 回复的标题 -->
<h3>还是得学习Java</h3>
<div>作者:kongyeeku</div>
<p>虽然Android不一定要使用java开发,还可以选择JavaScript><br>
或者NDK开发。
</p>
</article>
<!-- 每个article代表一个回复 -->
<article>
<!-- 回复的标题 -->
<h3>java是基础</h3>
<div>作者:kuan34</div>
<p>java是基础,学好java再学Android事半功倍</p>
</article>
</section>
<section>
<!-- 帖子的评价部分,用section表示 -->
<h2>评价内容</h2>
<!-- 每个article代表一个评价 -->
<article>
<!-- 评价标题 -->
<h3>讨论很好</h3>
<p>大家讨论很深入,对我帮助很大</p>
</article>
<!-- 每个article代表一个评价 -->
<article>
<!-- 评价标题 -->
<h3>赞</h3>
<p>真不错!</p>
</article>
</section>
<!-- 帖子的“脚注” -->
<footer>
以上纯属个人观点。
</footer>
<!-- 这个aside放在article内部,将作为该文章的“边栏信息” -->
<aside>
<section>
<h4>关于楼主</h4>
<div>用户组:潘海宸</div>
<div>注册日期:2020-5-15</div>
</section>
</aside>
</article>
<footer>
<a href="#">站点信息</a>
<a href="#">联系我们</a>
</footer>
<!-- 该aside放在body内部,将作为整个HTML文档的“边栏信息” -->
<aside>
<h3>页面导航</h3>
<nav>
<ul>
<li><a href="#">查看相关内容</a></li>
<li><a href="https://www.baidu.com/">百度一下</a></li>
</ul>
</nav>
</aside>
</body>
</html>
文件路径:
E:\前端Code\表格\article.html