重学前端
程劭非(winter)
前手机淘宝前端负责人
105348 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 57 讲
开篇词+学习路线+架构图 (3讲)
重学前端
15
15
1.0x
00:00/00:00
登录|注册

HTML语言:DTD到底是什么?

frameset模式
过渡模式
严格模式
三个版本
三种DTD
CDATA文本节点
普通文本节点
自闭合标签
结束标签
带属性的开始标签
开始标签
XHTML语法
HTML4.01的DTD
HTML4.01的DTD中的文本实体
ProcessingInstruction语法
注释语法
文本语法
标签语法
HTML5的DTD
Document Type Definition
文本实体
基本语法
DTD
HTML语言

该思维导图由 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
收起评论
显示
设置
留言
13
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部