技術常識錯誤之 “HTML是用來做網頁的” (2)

這句話正確的描述是:“HTML是用于描述超文本的,網頁是一個超文本資源節(jié)點”猛蔽。

//不要相信任何所謂程序員說的:“HTML是用來做網頁的”剥悟。

HTML和網頁本無聯(lián)系。

建立向女神寢室的信息通信

為了簡化你對復雜的Internet的理解曼库,我們暫時把復雜的Internet抽象成:你向女生宿舍發(fā)送信號区岗。

為了能夠在斷網后繼續(xù)聯(lián)絡女神,你買來了電池和開關毁枯,然后拉了普通電線線到女神的寢室慈缔。

你的女神把小燈泡接在了電線的兩端。

那么种玛,你只需要開閉開關藐鹤,就可以控制女神屋里的燈泡了。

發(fā)送信號

關閉著小燈泡1秒鐘赂韵,代表發(fā)送一個0娱节。

打開了小燈泡1秒鐘,代表發(fā)送一個1祭示。

此時你可以向女神發(fā)送任意二進制內容了肄满。

發(fā)送文本

你只希望發(fā)送一個“Good Night”。

所以你必須想辦法對“Good Night”進行編碼。

'G','o','o','d'的ASCII編碼是:071稠歉,111讥电,111,100

轉換成二進制就是: 0100 0001 0110 1111 0110 1111 0110?0100

使用發(fā)送二進制信號的方法發(fā)過去轧抗,你的女神需要自己解碼來閱讀出“Good”恩敌。

發(fā)送富文本

有一天,你希望發(fā)送“I miss you”横媚。

為了表達心意纠炮,你希望加粗“you”,并使用紅色的字體發(fā)送“miss”灯蝴。


而……這一根簡陋的電線似乎很難理解“加粗”和“紅色”……

不過這難不倒你的恢口。

于是機智你發(fā)送了:I <red>miss</red> <b>you</b>

同樣機智的女神理解了這件事情。

你發(fā)明了一種語言

你很喜歡這種編碼格式穷躁。

這是一種標記語言耕肩,于是你稱其為:TGML (To Girl Markup Language)

平時你使用TGML來和你的女神通信。

TGML可以非常好的解決富文本的傳輸問題问潭。

表白

終于你決定表白了猿诸。

你繪制了很美麗的心形圖片,還有兩個按鈕:接受狡忙、拒絕梳虽。


兩個按鈕分別會鏈接到 "接受.tgml"和"拒絕.tgml"

為了描述圖片,你使用了<img src="pic">

為了描述按鈕灾茁,你使用了<a href="接受.tgml">

現(xiàn)在你發(fā)送給女神的內容窜觉,已經不只是帶格式的富文本,而是帶鏈接的富文本北专。

如果把帶鏈接的富文本叫超文本禀挫。那么……

于是在這個世界上,擁有了一種能夠描述超文本的語言拓颓,叫做TGML

超文本

描述超文本的方式有很多语婴,例如:HTML,TGML录粱,還有markdown腻格。

HTML的誕生是為了描述超文本。

超文本的用途也很多啥繁,例如:描述一個網頁,或者描述一個Word文檔青抛。

HTML文件是超文本文件旗闽。但是超文本未必是HTML。

Microsoft Word

Microsoft Word是Office的一個組件。它同樣代表一個超文本資源适室。

如果你解壓一個docx文件并仔細翻一翻嫡意,你能找到你剛才寫的作業(yè),是以HTML方式記載著捣辆。

當然蔬螟,描述超文本還有markdown。所以你可以使用一些工具汽畴,比如pandoc旧巾,把markdown轉換成word。

故事的結局

你的女神有一個名字忍些,叫瀏覽器鲁猩。

你的名字叫Web服務器。

你們中間的那根線罢坝,叫HTTP廓握,一種用于傳輸超文本的通信協(xié)議。

總結

HTML用于描述超文本嘁酿。描述超文本的語言有很多種隙券。

超文本的用途很多。做網頁只是其中一種闹司。

HTML最初設計時確實是為了做網頁考慮的是尔。但HTML不是做網頁的唯一工具。

探索HTML是如何呈現(xiàn)开仰、渲染還有它強大的功能時拟枚,你只是在探索你的瀏覽器的解碼能力而已。


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末众弓,一起剝皮案震驚了整個濱河市恩溅,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌谓娃,老刑警劉巖脚乡,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異滨达,居然都是意外死亡奶稠,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人炕横,你說我怎么就攤上這事讶隐。” “怎么了咕晋?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵赞厕,是天一觀的道長慷暂。 經常有香客問我蜈项,道長芹关,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任紧卒,我火速辦了婚禮侥衬,結果婚禮上,老公的妹妹穿的比我還像新娘跑芳。我一直安慰自己轴总,他們只是感情好,可當我...
    茶點故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布聋亡。 她就那樣靜靜地躺著肘习,像睡著了一般。 火紅的嫁衣襯著肌膚如雪坡倔。 梳的紋絲不亂的頭發(fā)上漂佩,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天,我揣著相機與錄音罪塔,去河邊找鬼投蝉。 笑死,一個胖子當著我的面吹牛征堪,可吹牛的內容都是我干的瘩缆。 我是一名探鬼主播,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼佃蚜,長吁一口氣:“原來是場噩夢啊……” “哼庸娱!你這毒婦竟也來了?” 一聲冷哼從身側響起谐算,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤熟尉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后洲脂,有當地人在樹林里發(fā)現(xiàn)了一具尸體斤儿,經...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年恐锦,在試婚紗的時候發(fā)現(xiàn)自己被綠了往果。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡一铅,死狀恐怖陕贮,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情馅闽,我是刑警寧澤飘蚯,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布馍迄,位于F島的核電站福也,受9級特大地震影響局骤,放射性物質發(fā)生泄漏。R本人自食惡果不足惜暴凑,卻給世界環(huán)境...
    茶點故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一峦甩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧现喳,春花似錦凯傲、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至灸促,卻和暖如春诫欠,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背浴栽。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工荒叼, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人典鸡。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓被廓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親萝玷。 傳聞我的和親對象是個殘疾皇子嫁乘,可洞房花燭夜當晚...
    茶點故事閱讀 44,678評論 2 354

推薦閱讀更多精彩內容

  • HTML基礎 本文包括 HTML基本知識與結構 HTML常見標簽 標簽寫法與嵌套的討論 HTML、CSS球碉、java...
    廖少少閱讀 2,085評論 2 21
  • 戲蜓斧,終于演完。 那場大戲里汁尺, 我扮成可憐的角色法精。 這個世界,天賦有別痴突, 每個人有每個人的性格搂蜓。 有的人強悍, 有的...
    紙上月光2017閱讀 210評論 2 6
  • 開心或者不開心辽装,城市都沒有工夫等帮碰, 你只能銘記或者遺忘, 那一站你愛過或者恨過的旅程拾积, 那一段你拼命努力卻感覺不到...
    余小咪閱讀 165評論 0 1
  • 有個旅客在沙漠里走著殉挽,忽然后面出現(xiàn)了一群餓狼丰涉,追著他來要群起而噬。他大吃一驚斯碌,拼命狂奔一死,為生命而奮斗。就在餓狼快追...
    xandone閱讀 203評論 0 0
  • PH快報是 Product X 項目下的一個媒體專欄傻唾,由一群產品愛好者自發(fā)編譯來自Producthunt榜單上的產...
    Product_X閱讀 1,332評論 1 11