我开发了一个基于 Beancount 的账本托管服务 HostedBeans,欢迎大家来了解纯文本复式记账并试用我的服务。
查看源代码

HTML5 新的语义化标记

它们的行为和<div>几乎是相同的,只是被赋予了语义.

通过使用语义化标记,可以提高代码的可读性,让浏览器更好地优化你的网页(尤其在移动终端), 以及让搜索引擎爬虫更好地理解你的网页.

  • <section>

段落,一个网页可以有多个这样的段落,多个段落之间可能有联系也可能没有联系.

<section&gt;中通常会有<header>(标题)和<footer>(页脚).

  • <article>

文章,自成整体的内容,如新闻、日志的正文. 它也可能包含标题和页脚,可以认为是<section>的一种特殊形式.

  • <header>

标题,还可以是页眉,包含Logo, 搜索框等.

  • <nav>

主导航栏,通常每个页面只有一个,包含指向各个<section>的导航.

  • <aside>

侧边栏.

  • <figure>

图表、图片、视频等,用于辅助理解文章,在某些情况下被移除也不影响原文的其他信息.

  • <footer>

页脚,包括版权信息、相关链接等,提供额外的数据。

撰写评论

如希望撰写评论,请发邮件至 jysperm@gmail.com 并注明文章标题,我会挑选对读者有价值的评论附加到文章末尾。

精子生于 1995 年,英文 ID jysperm.

订阅推送

通过 Telegram Channel 订阅我的博客日志、产品和项目的动态:

王子亭的博客 @ Telegram


通过邮件订阅订阅我的博客日志、产品和项目的动态(历史邮件):

该博客使用基于  Hexo  的  simpleblock  主题。博客内容使用  CC BY-NC-ND  授权发布。最后生成于 2024-04-08.