文章目录
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
2889
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
