【CSS 知识总结】第二篇 - HTML 扩展简介
创始人
2025-05-30 07:07:02

一,前言

上一篇,简单介绍了 html 标签和使用语义化的好处;

本篇,继续介绍 HTML 的文档声明、meta 元信息、HTML Entity 字符实体等 HTML 扩展内容;


二,DOCTYPE 文档声明

1,文档声明简介

  • 文档声明能够帮助浏览器正确地显示网页;
  • 文档声明不区分大小写,一定不能省略,否则将会发生怪异事件;
  • 由于浏览器从上到下进行解析,所以文档声明必须放在文档的第一行;
  • 通过文档声明指定文档类型 HTML 版本,浏览器识别到将按照对应类型对文档进行解析;
  • 文档声明的高版本会兼容低版本,在工作中默认指定高版本即可(即 html5 文档声明);
  • 文档声明 VsCode 快捷键:! + shift

2,文档声明的类型

HTML5
HTML 4.01
XHTML 1.0


二,meta 元信息

  • meta 标签,提供关于 HTML 文档的元数据;
  • meta 元信息不会显示在页面上,但是对于机器是可读的;
  • meta 元信息可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务;





all:文件将被检索,且页面上的链接可以被查询;
none:文件将不被检索,且页面上的链接不可以被查询;
index:文件将被检索;
follow:页面上的链接可以被查询;
noindex:文件将不被检索;
nofollow:页面上的链接不可以被查询。

 

// 关于 X-UA-Compatible































三,HTML Entity 字符实体

1,什么是字符实体

编写 html 时,如果需要用到 “<”、“>”、“空格” 等符号,浏览器默认会将他们与标签混合处理;

为了能够输出这些符号,就需要进行转义操作:

  • 在 HTML 中,这些字符被称为 HTML Entity,即 HTML 字符实体;
  • 一个 HTML Entity 包含 2 种转义格式:Entity Name 和 Entity Number;

2,字符实体的作用

  • 用于显示 HTML 的保留字符,如 <、>、&、 " 等;
  • 用于表示难以在常规输入设备下完成输入的字符,如 ©、®、± 等;
  • 给定的字符编码无法表达文档字符集的其他字符,如 ASCII 编码;

3,Entity Name 实体名称

  • 格式: &entityName;
  • 说明:以 “&” 开头,“;” 结尾,以语义的形式描述字符;
    字符"<“,英文"less than”,取2个单词的首字母 <;

4,Entity Number 实体数字

  • 格式: &#entityNumber;
  • 说明:以 “&#” 开头,“;” 结尾,以编号的形式描述字符;
    这个编号可以是十进制、十六进制等,以 “&#x” 开头的数字格式

5,实体名称、实体编号对照表

对照表.png


四,结尾

本篇,主要介绍 HTML 的文档声明、meta 元信息、HTML Entity 字符实体等 HTML 扩展内容;

下一篇,第三篇 - CSS 选择器的权重和优先级;

相关内容

热门资讯

特朗普自曝:我说服了自己,暂缓... 1月16日,美国总统特朗普表示,他“说服了自己”暂缓打击伊朗。1月15日,伊朗外长阿拉格齐谴责美国和...
Blue notes | 贾罗... 电影《梅兰芳》里有句话,讲做人,要“有头有尾有交代”。去年9月西贝与罗永浩那场风波,本来舆论已经淡忘...
老干妈,还得靠老妈 从传奇到传承。文 | 华商韬略 杨璐源当众多品牌深陷流量与价格内卷时,曾经被认为已经不行了的老干妈却...
动力电池回收新规来了 有哪些重... 昨天(16日),《新能源汽车废旧动力电池回收和综合利用管理暂行办法》发布,将从今年4月1日起施行。 ...