最近一直在使用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
笔者现在最常用的就是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