热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

Html5中的文章布局

2023-04-12 13:27:17

可以帮我们省去一些不必要的排版标签，利用新式布局标签会显得更加专业，而且代码量更少。

header   页眉
nav       导航
section   文档中的节
article   独立的自包含文章
aside     侧栏
footer   页脚
details   额外的细节
summary   details的标题
<header>
<h1>CCTV</h1>
</header>

<nav>
CCTV-1<br>
CCTV-2<br>
CCTV-3<br>
</nav>

<section>
<h1>新闻联播</h1>
<p>
大家好，欢迎来到新闻联播。下面请看简讯
</p>
<p>
一男子每天靠摆地摊赚钱，这是怎么回事呢？
</p>
</section>
<summary>
<h3>其它简讯</h3>
<details>
后浪们，摆摊吧~
</details>
<details>
摆摊入门知识
</details>
</summary>
<footer>
商务合作www.这你都信.com
</footer>
前端基础——一篇文章带你了解HTML语法

 

可以看到，文章结构紧凑，排版更加让人觉得一目了然。
布局标签文档导航页眉省去

推荐阅读