【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 选择器的权重和优先级；

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：学习28个案例总结

下一篇：未来超额收益仍在于规模化扩张的新兴产业 未来有增量的行业 未来大幅升值的产业

相关内容

热门资讯

马斯克正式告别DOGE，称要继... 领导“政府效率部”（DOGE）这个顾问委员会干了四个月，特斯拉CEO马斯克收获了从美国到全世界的指责...
JavaScript专题之惰性... 参考原文：JavaScript专题之惰性函数 需求 我们现在需要写一个 foo 函数&...
“四季村歌”特色展演暨古井贡酒... #原粮飘香•酒歌传唱# 5月27日至28日，2025四季村歌特色展演暨古井贡酒•年份原浆第五届原粮丰...
一文读懂时代旗舰尊界S800 ... 2025年5月30日，时代之作尊界S800正式上市，售价70.8-101.8万元。作为联合中国汽车工...
5.38 综合案例2.0 -语... 综合案例2.0 - 语音助手案例说明原理器件语音助手功能实现1，ASRPRO-2m模块...
京东618战报出炉：成交额、订... 5月31日，据京东黑板报消息，5月30日晚8点，京东618正式开启。开门红1小时，京东618成交额、...
四方精创股价三个交易日涨幅偏离... 雷达财经 文|冯秀语 编|李亦辉 5月30日，深圳四方精创资讯股份有限公司（证券代码：300468，...
jmeter 生成测试报告 如果要给领导汇报测试结果，无法直接通过监听器的结果来进行展示和汇报，因为...
4月光伏新增装机同比大涨215... 本文来源：时代财经 作者：何明俊 2025年光伏第二轮“抢装潮”，没有如期到来。 InfoLink ...
有个女生问我“做一个APP的大... 一个APP的大致开发流程 1.首先，为什么要开发这个APP 也许是某些公司里专门的需求...
成立仅一年，这家魔幻车企要吊打... 近日，2025第十三届郑州新能源汽车与光储充展览会在郑州国际会展中心启幕，展期三天，5月29日结束。...
4月光伏新增装机同比大涨215... 本文来源：时代财经 作者：何明俊2025年光伏第二轮“抢装潮”，没有如期到来。InfoLink Co...
探索css渐变-实现饼图-加载... 文章目录linear-gradient()线性渐变radial-gradient()圆形渐变coni...
110亿美元消费基金募资，折射... 图片来源：元宝消费投资走向深水区。相较于此前投资机构仅负责“投钱”，被投企业狂卷渠道营销，“收割”消...
9点1氪｜顺丰回应寄丢5万元手... 上市进行时天富龙集团股份有限公司36氪获悉，据证监会网站消息，证监会同意扬州天富龙集团股份有限公司首...
神经网络之反向传播算法（自适应... 文章目录自适应学习率调整算法（Adadelta）1、算法原理2、算法实现...
【华为OD机试真题JAVA】绘... 标题：绘图机器的绘图问题| 时间限制：1秒 | 内存限制：262144K | 语言限制：不限 绘...
一条80公里“毛细血管”，何以... 文|肖纯 文章来源|城市进化论备受关注的武汉枢纽直通线又有新进展。近日，新建武汉枢纽直通线施工图审查...
从 “九子夺嫡” 到 “一家亲... 兄弟们，注意到没有，最近咱们中国车企内部的大动作还不少啊。这边吉利刚宣布要私有化极氪，从美股退市搞了...
居于一隅的“万亿养老巨兽”，加... 全球养老金江湖中，有一家“地区性”机构规模位列前十强。这家机构并非以国家的名义跻身前列，而是居于一隅...
Vuex页面刷新数据丢失的问题 为什么说刷新页面vuex的数据会丢失刷新页面vuex的数据会丢失属于正常现象，(vue...
【id:10】【20分】B. ... 题目描述 输入三个字符串，通过指针读取各个字符串的子串（子串是指字符串...
基建，狂飙！ 基建，狂飙！ 基... 2025.05.30本文字数：2119，阅读时长大约4分钟导读：基建投资不仅是当期固投的重要实现途径...
原理图制图规范详细说明 1、1  原理图必须使用公司统一原理图库 在原理图设计中，必须采用公司统一原理图库&#...
投资者卡点“抢”理财，银行献上... 端午节前夕，银行理财市场迎来一大波热度。5月下旬以来，江苏银行、工银理财、招银理财等银行和理财子公司...
新势力变天！理想汽车涨不动，小... 欢迎关注我的好朋友：闺蜜财经图片由AI生成撰文|杆姐&编辑|爱丽丝1理想失速，优等生光环为何褪色？先...
分布式系统有哪些 目录 分布式存储系统 分布式计算系统 分布式消息队列系统 分布式机器学习系统
推荐5款Windows实用工具... 大家好，今天我来给大家推荐几款实用的Windows工具，它们可以帮助你提...
原创 车... 最近几天时间，哪吒汽车在舆论场再次掀起了一点点小风浪，倒不是因为哪吒汽车要“重生”了，而是哪吒汽车向...
年内撤销近千家！保险公司分支机... 保险公司分支机构正加速退场。5月30日，金融监管总局官网接连发布多则批复消息，同意撤销光大永明人寿咸...