css 基础入门 标签语义化

标签语义化 ： 看到这个标签就知道这个标签里面大概是什么样的内容，以及这个标签在页面中承担什么样的角色

 

<header>主要用于页面的头部的信息介绍，也可用于板块头部</header>
<nav>导航</nav>
<footer>主要用于页面的底部或者板块的底部</footer>
<section>用于划分页面上的不同区域</section>
<article>用来在页面中表示一套结构完整且独立的内容部分</article>
<aside>侧边栏 广告</aside>
<time>表示时间</time>
<p>文章里面的段落</p>
<h1>这里是标题</h1>
一个页面当中，一级标题只会出现一次（用于包含logo）
<h2>这里是标题</h2>
<h3>这里是标题</h3>
<h4>这里是标题</h4>
<h5>这里是标题</h5>
<h6>这里是标题</h6>

<strong>表示强调</strong>
<em>表示强调</em>

<ul>
    <li>asojdasoj</li>
    <li>asojdasoj</li>
    <li>asojdasoj</li>
</ul>

<ol>
    <li>asojdasoj</li>
    <li>asojdasoj</li>
    <li>asojdasoj</li>
</ol>
ul标签里面  只能！！！  出现li
li里面可以出现任意标签

<dl>
    <dt>自定义列表的标题</dt>
    <dd>自定义列表的列表项</dd>
    <dd>自定义列表的列表项</dd>
    <dd>自定义列表的列表项</dd>
</dl>

<mark>标记</mark>

h1-h6        标题
p               段落
strong       强调（粗体）
em            强调（斜体）
span          区分样式
ul              无序列表
ol              有序列表
li               列表项
dl             自定义列表
dt              定义列表标题
dd             定义列表项
mark         标记