HTML5 - 《ES6 入门教程》

DOCTYPE整体结构
head标签
- ~~Cache-Contol~~
- meta标签
  - http-equiv属性：是一些自定义或者需要额外添加的发送到浏览器的http头部内容
  - name标签

DOCTYPE整体结构

<!DOCTYPE html>:文档类型声明，表示该文件为HTML5文件。<!DOCTYPE>声明必须是HTML文档的第一行，位于标签之前
标签对：标签位于html文档的最前面，用来标识HTML文档的开始；标签位于HTML文档的最后，用来标识HTML文档的结束。这两个标签成对出现。中间部主要是文档的头部和内容。
标签对：标签包含有关HTML文档的信息，可以包含一些辅助性的标签，例如：、。值得注意的是，浏览器除了会在标题栏中显示标签的内容外，不会向用户显示<head>里面的其他内容</li><li><p><body></body>标签对：他是HTML文档的主体部分，在此标签中可以就、包含<p><h1>等其他标签。</body>标签必须出现在</html>标签之前。 <a name="Jrfgs"></a></p> <h2 id="s7vkx"><a name="s7vkx" class="reference-link"></a><span class="header-link octicon octicon-link"></span>head标签</h2></li><li><p>head标签描述了文档的各种属性和信息，包括文档的标题，绝大多数头部包含的数据都不会显示给用户</p> </li><li><p>下列这些标签可以在head部分</p> <ul> <li>meta标签：描述了一些基本的元素据，元素据不会显示在页面上，但是会被浏览器解析。通常用于网页的描述，关键字，文件最后修改的时间，作何和其他元数据</li><li>title标签：在title标签之间都文字内容是网页的标题信息，他会出现在浏览器的标题栏中。网页的title标签会告诉用户和搜索引擎这个网页主要的内容是啥，搜索引擎通过title可以判断网页的主题，每个网页都应该有一个独一无二的title</li><li>style标签：设置当前文件样式 <a name="9xan2"></a><h3 id="al4gli"><a name="al4gli" class="reference-link"></a><span class="header-link octicon octicon-link"></span><del>Cache-Contol</del></h3></li></ul> </li><li><p><del>Cache-Contol指定请求和响应遵循的缓存机制，在请求消息或响应消息中设置Cache-Contril并且不会修改另一个消息处理过程中的缓存处理过程，请求时的缓存指令包括no-cache、no-store、no-store、max-age，max-stale、min-fresh、only-if-cached。</del></p> </li><li><del>响应消息中的指令包括public。private、on-store、on-transfrome、must-revalidate、proxy</del> <a name="tztOS"></a><h3 id="q07wr"><a name="q07wr" class="reference-link"></a><span class="header-link octicon octicon-link"></span>meta标签</h3></li></ol> <ul> <li><p>对于meta标签提到三个。是http-equiv、name和scheme，还有最新的property属性 <a name="xd0gw"></a></p> <h4 id="dsfx1n"><a name="dsfx1n" class="reference-link"></a><span class="header-link octicon octicon-link"></span>http-equiv属性：是一些自定义或者需要额外添加的发送到浏览器的http头部内容</h4><pre><code>- 语法格式： </code></pre><pre><code class="lang-html"><meta http-equiv="参数" content=“具体参数的值”> </code></pre> <pre><code>- 参数：分为以下几种参数 - charset - 说明：用来说明制作网页使用的文字以及语言 - 用法： </code></pre><pre><code class="lang-html"><meta http-equiv="charset" content="iso-8859-1"> </code></pre> <pre><code> - expires - 说明：设置网页的过期时间，一旦过期，则需要从服务器上获取。需要注意的是必须使用GMT时间格式 - 用法： </code></pre><pre><code class="lang-html"><meta http-equiv="expire" content="31 Dec 2021"> </code></pre> <pre><code> - refresh - 说明：用来设定网页在特定的时间内自动刷新并跳转到新的页面 - 用法： </code></pre><pre><code class="lang-html"><meta http-equiv="refresh" content="5;url=http//www.baidu.com"> </code></pre> <pre><code> - pragma - 说明：用来设置禁止浏览器从本地计算机的缓存中访问页面内容 - 用法： </code></pre><pre><code class="lang-html"><meta http-equiv="pragma" conent="no-cache"> </code></pre> <pre><code> - windows-target - 说明：用于设定强制页面在独立窗口中显示，防止被别人当作frame页调用 - 用法： </code></pre><pre><code class="lang-html"><meta http-equiv="windows-target" concet="_top"> </code></pre> <pre><code> - set-cookie - 说明：用于设定一个自定义cookie，如果网页过期，则存盘的cookie会被删除，注意必须使用GMT的时间格式 - 用法： </code></pre><pre><code class="lang-html"><meta http-equiv="set-cookie" content="name=weiwei; expires=Friday,12-jan-2021"> </code></pre> <pre><code> - content-Type - 说明：用于设定页面的字符集 - 信息参数： - 信息参数为GB2312时，代表说明网站采用的编码是简体中文 - 信息参数为ISO-8859-1时，代表说明网站采用的编码是英文 - 信息参数为UTF-8，代表世界通用的语言编码 - 用法： </code></pre><pre><code class="lang-html"><meta http-equiv="content-Type" content="text/html; charset=utf-8"> </code></pre> <pre><code> - page-enter, page-exit - 说明：用于设定页面进入和离开时候的过度效果，注意被添加的页面不能在一个iframe中 - 用法： </code></pre><pre><code class="lang-html"><meta http-equiv="page-enter" content=""> </code></pre> <pre><code> - content-Language - 说明：显示语言的设定 - 用法： </code></pre><pre><code class="lang-html"><meta http-eqiv="content-Lange" content="zh-cn"> </code></pre> <p><a name="eO7Mz"></a></p> <h4 id="dx50rs"><a name="dx50rs" class="reference-link"></a><span class="header-link octicon octicon-link"></span>name标签</h4><pre><code>- 语法格式 </code></pre><pre><code class="lang-html"><meta name="参数" content="信息参数"> </code></pre> <pre><code>- 参数，分为以下几种 - keywords - 说明：信息参数代表说明网站的关键词是啥 - 用法： </code></pre><pre><code class="lang-html"><meta name="keyword" content="信息参数"> </code></pre> <pre><code> - Description - 说明：信息·参数代表说明网站的主要内容，概括具体 - 用法： </code></pre><pre><code class="lang-html"><meta name="Description" content="信息参数"> </code></pre> <pre><code> - gennerator - 说明：信息参数，代表说明网站采用什么软件知错 - 用法： </code></pre><pre><code class="lang-html"><meta name="gennerator" content="信息参数"> </code></pre> <pre><code> - author - 说明：信息参数，代表说明网页版权作者信息 - 用法： </code></pre><pre><code class="lang-html"><meta name="author" content="信息参数"> </code></pre> <pre><code> - revisit-after - 说明：代表网站重访，7days代表7天，依次类推 - 用法： </code></pre><pre><code class="lang-html"><mate name="revisit-after" content="7days"> </code></pre> <pre><code> - Robots - 说明：告诉搜索引擎机器人抓取那些页面 - 信息参数说明如下 - all：文件将被检索，且页面上的链接可以被查询 - none：文件不被检索，且页面上的链接不可被查询 - index：文件将被检索 - follow：页面上的链接可以被查询 - noindex：文件将不被检索，但页面上的链接可以被查询 - nofollow：文件将被检索，但页面上的链接不可以被查询 - 用法： </code></pre><pre><code class="lang-html"><meta name="Robots" contect="信息参数"> </code></pre> </li></ul>