HTML标签

网页从 开始到结束

head标签

</th> <th>定义网页的标题</th> </tr> </thead> <tbody> <tr> <td><meta></td> <td>定义网页的基本信息（<strong>供搜索引擎</strong>）<br />设置网页元数据charset、name(指定为keywords/description/http-equiv等等）、content（填写内容）</td> </tr> <tr> <td><style></td> <td>定义CSS样式</td> </tr> <tr> <td><link></td> <td>链接外部CSS文件或脚本文件</td> </tr> <tr> <td><script></td> <td>定义脚本语言</td> </tr> <tr> <td><base></td> <td>定义页面所有链接的基础定位（用得很少）</td> </tr> </tbody> </table> <p><a name="J5XVq"></a></p> <h3 id="1i7a0e"><a name="1i7a0e" class="reference-link"></a><span class="header-link octicon octicon-link"></span>body标签</h3><p>body标签代表页面的“身”，定义网页展示内容，这些内容往往都是“可见内容”（在浏览器可见）。<br />后续课程讲解的标签都是在标签内部的各种标签。 <a name="i1TwD"></a></p> <h4 id="8xmwlr"><a name="8xmwlr" class="reference-link"></a><span class="header-link octicon octicon-link"></span>标签语义化</h4><ul> <li>HTML语义化就是让正确的标签做正确的事情</li><li>HTML语义化让页面内容结构化，页面结构更加清晰，便于浏览器，搜索引擎解析</li><li>即使在没有样式CSS的情况下页面也以一种文档格式显示，容易阅读</li><li><p>搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO <a name="vyLVi"></a></p> <h4 id="7vqjri"><a name="7vqjri" class="reference-link"></a><span class="header-link octicon octicon-link"></span>板块标签</h4><p>h5新增的，用的不多</p> </li><li><p>main 网站主体（只有一个）</p> </li><li>header 网站头部</li><li>footer 网站底部</li><li>nav 表示网页中的导航</li><li>aside 侧边栏</li><li>article 表示独立的文章</li><li>section 表示一个独立的区块 上边的都不能表示时使用 <a name="ESBdi"></a><h4 id="4q8axk"><a name="4q8axk" class="reference-link"></a><span class="header-link octicon octicon-link"></span>段落标签</h4>| 标签 | 语义 | 说明 | | :—- | :—- | :—- | | <h1>~<h6> | header | 标题（重要性排序） | | <p> | paragraph | 段落 （默认独占一行） | | <br/> | break | 换行（自结束标签） | | <hr/> | horizontal rule | 水平线(自结束标签） | | <div> | division | 分割（块元素）最主要的布局元素 | | <span> | span | 区域（行内元素） |</li></ul> <p><a name="2VDsH"></a></p> <h4 id="bu5ye3"><a name="bu5ye3" class="reference-link"></a><span class="header-link octicon octicon-link"></span>文本标签</h4><table> <thead> <tr> <th>标签</th> <th>含义</th> </tr> </thead> <tbody> <tr> <td>em</td> <td>斜体（有强调语义）</td> </tr> <tr> <td>i</td> <td>斜体（无强调语义）</td> </tr> <tr> <td>strong</td> <td>加粗（有强调语义）</td> </tr> <tr> <td>b</td> <td>加粗（无强调语义）</td> </tr> <tr> <td>small</td> <td>细则（合同中的小字 网站版权）</td> </tr> <tr> <td>cite</td> <td>表示参考内容</td> </tr> <tr> <td>q</td> <td>表示短的引用（行内引用）默认加引号</td> </tr> <tr> <td>blockquote</td> <td>表示长引用（块级引用独占一行）不能放p中</td> </tr> <tr> <td>sup</td> <td>上标</td> </tr> <tr> <td>sub</td> <td>下标</td> </tr> <tr> <td>ins</td> <td>插入内容（自动添加下划线）</td> </tr> <tr> <td>del</td> <td>表示删除内容</td> </tr> <tr> <td>code</td> <td>专门用来表示代码（一般结合pre和code）</td> </tr> <tr> <td>di</td> <td>预格式标签，保存格式</td> </tr> </tbody> </table>