HTML语言：DTD到底是什么？

winter



该思维导图由 AI 生成，仅供参考

你好，我是 winter。今天，我们来聊一聊 HTML 语言。
我们平时写 HTML 语言，都习惯把关注点放到各种标签上，很少去深究它的语法。我想你应该会有模糊的感觉，HTML 这样的语言，跟 JavaScript 这样的语言会有一些本质的不同。
实际上，JavaScript 语言我们把它称为“编程语言”，它最大的特点是图灵完备的，我们大致可以理解为“包含了表达一切逻辑的能力”。像 HTML 这样的语言，我们称为“标记语言（mark up language）”，它是纯文本的一种升级，“标记”一词的概念来自：编辑审稿时使用不同颜色笔所做的“标记”。
在上世纪 80 年代，“富文本”的概念在计算机领域的热门，犹如如今的“AI”和“区块链”，而 Tim Berners-Lee 当时去设计 HTML，也并非是凭空造出来，他使用了当时已有的一种语言：SGML。
SGML 是一种古老的标记语言，可以追溯到 1969 年 IBM 公司所使用的技术，SGML 十分复杂，严格来说，HTML 是 SGML 中规定的一种格式，但是实际的浏览器没有任何一个是通过 SGML 引擎来解析 HTML 的。
今天的 HTML 仍然有 SGML 的不少影子，那么接下来我们就从 SGML 的一些特性来学习一下 HTML。这里我最想讲的是 SGML 留给 HTML 的重要的遗产：基本语法和 DTD。

公开

同步至部落

取消

完成

0/2000

荧光笔

直线

曲线

笔记

复制

AI

深入了解
翻译
英语
中文简体
中文繁体
法语
德语
日语
韩语
俄语
西班牙语
阿拉伯语
解释
总结

HTML语言中的DTD是什么？本文从SGML的基本语法出发，介绍了HTML的标签、文本、注释、DTD和ProcessingInstruction等节点类型的语法规则。文章还详细讲解了DTD的作用和HTML4.01中的三种DTD模式，以及HTML5对DTD的简化规定。此外，还介绍了文本实体的定义和使用。总的来说，本文通过对HTML语法和DTD的讲解，帮助读者了解了HTML语言的基本特点和发展历程。

仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《重学前端》，新⼈⾸单¥59

立即购买

登录后留言

全部留言(13)

最新
精选

树读
感谢老师的分享，但是好多英文读错了
编辑回复: 感谢你的反馈，英文读音的问题我们之后会考虑迭代～
2023-02-28归属地：浙江


Dylan-Tseng
很感谢老师的课程分享，我的整个知识体系中(不止前端)，只有广度，谈深度只有前端我了解多一些，在这40节课程中，大部分老师涉及的都有做了解，但继续深入还是空白，很感谢老师弥补了我很多的知识盲区，每篇文章我会花很多时间去推敲老师说的每句话的深意，有的可能花2-3天的时间。在我构建了一个完整的知识系统同时，我更能理直气壮的跟人高谈阔论某一个细节。个人太喜欢老师的讲解方式了，点到为止，如果你去深究，发现里面知识点是另外一种天地，前人教导我的。我也常常给其他新人说的，思想原理很重要，无所谓语言。老师很多的时候是传递我们一种思想。而我就喜欢将思想运用到项目。真的收获颇多。如果后面老师有设计模式，算法。数据结构的课程，一定要让我们知道啊，工作了才知道这些东西太重要了。
2019-04-28
1
18
mfist
遍历文件，通过字符串匹配得到实体和code码，好像只有253个。篇幅原因只能贴一半了。 {"nbsp":"&#160 ","iexcl":"&#161¡","cent":"&#162¢","pound":"&#163£","curren":"&#164¤","yen":"&#165¥","brvbar":"&#166¦","sect":"&#167§","uml":"&#168¨","copy":"&#169©","ordf":"&#170ª","laquo":"&#171«","not":"&#172¬","shy":"&#173","reg":"&#174®","macr":"&#175¯","deg":"&#176°","plusmn":"&#177±","sup2":"&#178²","sup3":"&#179³","acute":"&#180´","micro":"&#181µ","para":"&#182¶","middot":"&#183·","cedil":"&#184¸","sup1":"&#185¹","ordm":"&#186º","raquo":"&#187»","frac14":"&#188¼","frac12":"&#189½","frac34":"&#190¾","iquest":"&#191¿","Agrave":"&#192À","Aacute":"&#193Á","Acirc":"&#194Â","Atilde":"&#195Ã","Auml":"&#196Ä","Aring":"&#197Å","AElig":"&#198Æ","Ccedil":"&#199Ç","Egrave":"&#200È","Eacute":"&#201É","Ecirc":"&#202Ê","Euml":"&#203Ë","Igrave":"&#204Ì","Iacute":"&#205Í","Icirc":"&#206Î","Iuml":"&#207Ï","ETH":"&#208Ð","Ntilde":"&#209Ñ","Ograve":"&#210Ò","Oacute":"&#211Ó","Ocirc":"&#212Ô","Otilde":"&#213Õ","Ouml":"&#214Ö","times":"&#215×","Oslash":"&#216Ø","Ugrave":"&#217Ù","Uacute":"&#218Ú","Ucirc":"&#219Û","Uuml":"&#220Ü","Yacute":"&#221Ý","THORN":"&#222Þ","szlig":"&#223ß","agrave":"&#224à","aacute":"&#225á","acirc":"&#226â","atilde":"&#227ã","auml":"&#228ä","aring":"&#229å","aelig":"&#230æ","ccedil":"&#231ç","egrave":"&#232è","eacute":"&#233é","ecirc":"&#234ê","euml":"&#235ë","igrave":"&#236ì","iacute":"&#237í","icirc":"&#238î","iuml":"&#239ï","eth":"&#240ð","ntilde":"&#241ñ","ograve":"&#242ò","oacute":"&#243ó","ocirc":"&#244ô","otilde":"&#245õ","ouml":"&#246ö","divide":"&#247÷","oslash":"&#248ø","ugrave":"&#249ù","uacute":"&#250ú","ucirc":"&#251û"}
2019-04-25

18
阿成
<![CDATA[<html></html>]]> 这样好像不行啊，不知道为啥。。。
2019-04-25
2
3
孙清海
知识真的是无穷无尽!现在反复锤炼winter老师的课程,打造出一个自己的知识脉络.
2019-04-25

3
yue
我尝试用浏览器访问DTD的地址，例如 https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd 在Character mnemonic entities段落中可以看到3种实体分类，指向3个相对链接，整理出来就是： https://www.w3.org/TR/xhtml1/DTD/xhtml-lat1.ent ， https://www.w3.org/TR/xhtml1/DTD/xhtml-symbol.ent ， https://www.w3.org/TR/xhtml1/DTD/xhtml-special.ent ，用文本编辑器打开发现里面就是声明的文本和对应的Unicode码点
2020-09-01

2
程序员讲道理
所以什么是DTD
2022-04-03
1
1
天天
https://m.baidu.com/sf_edu_wenku/view/8fce2c4819e8b8f67c1cb9e9 文本实体以及code 码
2019-04-25

1
你好，阳光
部分可参考链接https://www.w3school.com.cn/tags/html_ref_entities.html，剩下的可以自己按照&#(1-255)打出来
2020-12-25


郭郭
非常完美地弥补了之前学习html的知识盲区❤
2020-03-25



收起评论