Appearance
什么是网页
元信息
- 目标:回答"什么是网页"——页面是 Web 软件的组成单元,而 HTML 是描述所有页面结构的同一种语言;从语言、标记、超文本三个词的本义理解 HTML 是什么
- 关键概念:页面、HTML、语言、标记(Markup)、超文本(HyperText)、纯文本
- 关联阶段:cp1
- 常见误区:把 HTML 理解为"给文字加外观的排版工具"(它是结构描述语言,外观是 CSS 的事);以为"超文本"指多媒体(核心是超链接互联的文本网络);以为文本格式比二进制格式"低级"(公开统一的标准才带来跨平台兼容)
- 桌面软件:由可执行文件组成,不同的可执行文件具有不同的二进制格式
- Web软件:由页面(page)组成,页面的内容各有不同,但其格式或结构都由同一种语言进行定义和描述:HTML: HyperText Markup Language 超文本标记语言
基本同一种语言,这也是为什么Web站点之间更易于链接和跳转
什么是语言 language
简言之:语言即是一组符号的集合、以及符号的组合规则
什么是标记 Markup?
诗词一
念奴娇赤壁怀古苏轼北宋大江东去浪淘尽千古风流人物故垒西边人道是三国周郎赤壁乱石穿空惊涛拍岸卷起千堆雪江山如画一时多少豪杰遥想公瑾当年小乔初嫁了雄姿英发羽扇纶巾谈笑间樯橹灰飞烟灭故国神游多情应笑我早生华发人生如梦一尊还酹江月
学习过这首词的同学可以正确读出
诗词二
念奴娇登多景楼陈亮南宋危楼还望叹此意今古几人曾会鬼设神施浑认作天限南疆北界一水横陈连岗三面做出争雄势六朝何事只成门户私计因笑王谢诸人登高怀远也学英雄涕凭却长江管不到河洛腥膻无际正好长驱不须反顾寻取中流誓小儿破贼势成宁问强对
熟悉古典诗词格律或念奴娇词牌格式的同学可以正确读出
诗词三
plain
念奴娇·登多景楼
--- 陈亮(南宋)
危楼还望,叹此意、今古几人曾会?鬼设神施,浑认作、天限南疆北界。一水横陈,连岗三面,做出争雄势。六朝何事,只成门户私计!
因笑王谢诸人,登高怀远,也学英雄涕。凭却长江,管不到,河洛腥膻无际。正好长驱,不须反顾,寻取中流誓。小儿破贼,势成宁问强对。任何学习过标点符号的都可以正确读出
诗词四
即使是机器(浏览器)也可以正确读出
标记
- 标点符号就是一种markup,它的使用者是人类。标点符号降低了人类学习文字的难度,尤其是对排版工人的要求,有利于知识的传播
- HTML也是一种markup,它比标点符号的语法更规范,所以方便计算机进行阅读和处理;同时它一样易于理解,所以也方便人类进行编辑。
什么是超文本 HyperText?
- HTML文件采用纯文本 plain text 作为编码格式。因此,具有最好的跨平台、跨操作系统兼容性
- HTML语言提供了一种超链接 hyperlink 机制,能够将同一机器上的多个文本文件、不同机器上的多个文本文件、不同平台上的多个文本文件彼此链接起来,可以相互跳转,形成一个文本集合或网络,因此称之为超文本。
通俗的理解,文本格式就是采用Ascii码表进行信息存储的格式,譬如:数字123,如果使用文本格式存储,则为3个字节,其字节码的十六进制表示为0x313233;而如果采用二进制格式存储,则可简化为1个字节,即0x7b。也就是说,文本格式与二进制格式的区别就在于,前者遵行公开、统一的标准,而后者则可能采用私有的、封闭的标准,从而从技术上或法律上难以解析。
当你使用vscode、sublimtext等编辑器新建文件时都需要设置正确的文件编码格式。比如在记事本默认的编码是ansi,而vscode之类默认的编码是utf-8。因此,使用记事本打开中文文件时,常常出现乱码时,这通常都是文件的编码问题。
HTML 小结
- HTML是一种方便计算机用来处理人类信息的标记语言
- HTML的编码格式采用了最通用的文本(Text)格式,是最兼容各个平台和操作系统的编码格式,从而即便于人类进行编辑和阅读,也便于通过互联网跨平台进行共享
- HTML支持超链接,互联网上的信息资源通过彼此之间的互链形成了一个庞大的超文本信息集合,即万维信息网
比较:纸质图书馆、各种格式的电子书文件夹、超文本Web网