html - 标签语义化

标签合理使用

section  # 板块,用于划分页面上的不同区域,或者划分文章中不同的节
header  # 页面头部或者板块(section)头部
footer  #  页面底部或者板块(section)底部
nav  # 导航(包含连接的一个列表)
article  # 用来在页面中表示一套结构完整且独立的内容部分。可以用来呈现论坛的一个帖子,杂志或者报纸中的一篇文章,用户提交的评论内容,可以交互的页面模块连接等。
aside  # 元素标签可以包含与当前页面或主要内容相关的引用,侧边栏,广告,nav元素组,以及其他类似的有别与主要内容的部分。(1.被包含在<article>中作为主要内容的复数信息部分,其中的内容以是与当前文章有关的引用,词汇列表等。 2.在<article>之外使用,作为页面或站点全局的复数信息部分:最典型的形式是:sidebar),其中的内容可以是友情链接,附属导航或者广告单元等。
h1-h6  # 标题
ul  # 无序列表
ol  # 有序列表
li   # 
dl dt  dd # 定义列表
time  # 时间标签
em  # 强调一个词或者一段话  (意大利斜体)
strong  # 强调一个词或者一段话 (粗体)
img # 图片

eg:header, footer, section


<!doctype html>
<html>
<head>
</head>

<body>

<header>
</header>
<section>
    <header></header>
    <footer></footer>
</section>
<footer>
</footer>

</body>

</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,语义化的主要...
    DecadeHeart阅读 3,453评论 0 3
  • 一、什么是语义化的HTML? 2.常用的结构标记 如下div布局及结构标签布局两个例子,在网页中展现一模一样。明显...
    melody瓶子阅读 829评论 0 1
  • 说明 只记录我使用过,且今后觉得有用的会一直更新参考:linux命令行大全 关于路径 cd (change dir...
    壹竹阅读 166评论 0 0
  • 要成功,就要长期等待而不焦躁,态度从容却保持敏锐,不怕挫折且充满希望。
    思_3a2d阅读 187评论 0 0
  • 文/傲娇哇 1. 小时候,看多了童话故事,知道白雪公主躺在冰冷的水晶棺里奇迹般的复活是被白马王子救活的。 那之后总...
    傲娇哇阅读 1,230评论 23 20