HTML中!DOCTYPE含义以及各个信息参数的详解

        最近一直在使用asp.net中建立的HTML页,每次建立都会有一些默认的东西,今天就是这做一下解析。

        首先是开头部分,建立HTML页之后的擡头<!DOCTYPE html>,每次建立都会出现,当我删除之后在运行源代码便也没有什么区别,遇事对其进行了一点查询和了解。

      <!DOCTYPE html>

        DOCTYPE:英文是“文档类型”的意思。

        作用:<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范

         该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。在浏览器开始创建与标准兼容的浏览器时,为了确保向后的兼容性,创建了两种呈现模式:标准模式和混杂模式

        在标准模式时:浏览器以其支持的最高标准呈现页面:

        在混杂模式中:页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作

        那么这三种模式如何触发呢

        标准模式的触发:①XHTML、HTML4.0文档包含形式完整的DOCTYPE,②包含过渡的DTD和URI的DOCTYPE将导致标准模式呈现。

       混杂模式的触发:①有过渡的DTD而没有URI。②不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。

       HTML5既然没有DTD,也就没有严格模式与宽松模式区别,HTML5有相对宽松的语法,实现时,已经尽可能大的实现了向后兼容。

     HTML <meta> 标签  

       -----》 定义和用法

             ----》<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

             ----》<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

      -----》 HTML 与 XHTML 之间的差异

            ----》在 HTML 中,<meta> 标签没有结束标签。

            ----》在 XHTML 中,<meta> 标签必须被正确地关闭。

      -----》提示和注释:

            ----》注释:<meta> 标签永远位于 head 元素内部。

            ----》注释:元数据总是以名称/值的形式被成对传递的。

        meta标签包含以下四个属性:

http-equiv、name、content、charset

       这四个属性,除了charset属性之外,其他三个都是来结合使用的,首先就先介绍一下charset,其含义用途:

      charset:

      代表的事编码方式属性:不同的属性值也就代表了不同的编码方式,例如:

编码方式 含义
charset=iso-8859-1 西欧的编码,英文编码
charset=gb2312 中文编码
charset=utf-8 世界通用语言编码
charset=big5 繁体中文编码
charset=euc-kr 韩文编码

参考链接:

https://blog.csdn.net/geeklee609/article/details/82664420

https://baike.baidu.com/item/%E5%AD%97%E7%AC%A6%E9%9B%86/946585?fromtitle=charset&fromid=7362035&fr=aladdin

        笔者现在最常用的就是utf-8.

      http-equiv、name、content:

        接下来对这三种属性进行一次浅析:

      1. name属性

         name属性主要用于描述网页,比如网页的关键词,叙述等。与之对应的属性值为content,content中的内容是对name填入类型的具体描述,便于搜索引擎抓取。meta标签中name属性语法格式是:

<meta name="参数" content="具体的描述">。

A. keywords(关键字)

说明:用于告诉搜索引擎,你网页的关键字。举例:

<meta name="keywords" content="Lxxyx,博客,文科生,前端">

B. description(网站内容的描述)

说明:用于告诉搜索引擎,你网站的主要内容。举例:

<meta name="description" content="文科生,热爱前端与编程。目前大二,这是我的前端博客">

…………

        2. http-equiv属性

        meta标签中http-equiv属性语法格式是:

<meta http-equiv="参数" content="具体的描述">

其中http-equiv属性主要有以下几种参数:

        A. content-Type(设定网页字符集)(推荐使用HTML5的方式)

说明:用于设定网页字符集,便于浏览器解析与渲染页面举例:

<meta http-equiv="content-Type" content="text/html;charset=utf-8">  //旧的HTML,不推荐

<meta charset="utf-8"> //HTML5设定网页字符集的方式,推荐使用UTF-8

…………

        参考链接:

https://www.cnblogs.com/chenqiBlog/p/9517619.html

                      欢迎各位大神斧正,有帮助记得点赞o!!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章