二、标签语义化
语义化的优点：方便开发人员理解以及有助于搜索引擎优化，方便设备解析
常见语义标签
| 标签 | 语义 |
|---|---|
<p> |
段落 |
<h1>~<h6> |
标题 |
<ul> |
无序列表 |
<ol> |
有序列表 |
<header> |
页眉通常包括网站标志、主导航、全站链接以及搜索框 |
<main> |
页面主要内容、一个页面只能使用一次，如果是web应用则包含主要内容。不能是<article>、<aside>、<footer>、<header> 或 <nav>的后代。 |
<nav> |
标记导航，仅对文档中重要的链接群使用 |
<article> |
定义外部内容，其中的内容独立于文档的文档部分 |
<section> |
定义文档中的节 |
<aside> |
定义所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等 |
<footer> |
页脚，只有当父级为body时，才是整个页面的页脚 |
<small> |
呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权 |
<strong> |
用于强调文本 |
<em> |
强调文本，表现为斜体。强调弱于<strong>
|
<mark> |
使用黄色突出显示文本 |
<figure> |
规定独立的流内容(图像、图表、照片、代码等) |
<figcaption> |
定义<figure>的标题，应放置第一个或最后一个子元素的位置 |
cite |
用于包含文本对某个参考文献的引用 |
<blockquoto> |
定义块引用（额、很少见） |
<time> |
未知用途 待定 |
<abbr> |
简称或者缩写 |
<dfn> |
定义术语元素 |
<address> |
作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接） |
<del> |
移除的内容 |
<ins> |
添加的内容 |
<code> |
标记代码 |
<meter> |
定义已知范围或分数值得标量测量。(IE不支持) |
未完待续.....
注：本篇原始文章来源于:
什么是HTML语义化标签？常见HTML语义化标签大全
如有侵权请联系博主删除
网友评论