英國《太陽報》報道,菲律賓一位網頁設計師為了向自己的職業致敬,給自己的兒子取名為“Hypertext Mark-up Language(超文本標記語言)”。這位叫做Mac Pascual的父親表示,給新生兒取個獨一無二的名字是他們家族的傳統。他對自己的工作充滿熱情,決定給自己的寶寶取名為HTML。據媒體報道,這個寶寶出生在當地的布拉坎醫療集團合作醫院,體重2.25公斤。
6月10日,HTML的姑姑Salie Rayo Pascual拍下了這個可愛侄子的照片,并把照片發布到了Facebook上,標題是“HTML,歡迎來到這個世界”。這篇帖子很快引起了網友們的關注,大家紛紛評論并轉發了這個帖子。不過,還是有一些社交媒體用戶對這個奇特的名字進行了一番嘲笑,并嘲諷般地建議他給未來的孩子用一些其他的編碼縮寫來當名字,比如“Results-based management system”、“JavaScript”,或者是“Cascading Style Sheets(CSS)”。還有人對寶寶的名字表示了擔憂評論道:“將來,他可能會成為被欺負和被嘲笑的對象。”
HTML的爸爸解釋說,他自己的名字“Mac”就是“Macaroni'85”的縮寫,而他姐姐的名字是“Spaghetti'88(意大利面)”的縮寫。他的姐姐有兩個孩子,分別叫“Cheese Pimiento(辣椒奶酪)”和“Parmesan Cheese(帕爾瑪奶酪)”,所以他們的小名分別是“Chippy”和“Peewee”。HTML和其他名字不同尋常的嬰兒一樣,從出生起就成為了人們討論的話題。特斯拉的首席執行官Elon Musk和Claire Boucher(Grimes)就給自己的兒子取名為“X ? A-12 Musk”,因而上了新聞頭條。今年早些時候,模特兼女演員Emily Ratajkowski 通過社交媒體宣布,她將給自己剛出生的寶寶取名為“Sylvester Apollo Bear”。(中國青年網編譯報道)
來源:中國青年網
覽在線網站的體驗并不總是流暢的。
曾經有一段時間,你在網上沖浪時,可能會聽到你不愿意聽的音樂,并在配色奇怪的網頁上瀏覽用呆板字體(通常是 Times New Roman)寫成的文字。
在 2000 年代,在 Squarespace 和社交媒體出現之前,網站是個性的體現,完全由對代碼有一定了解并渴望上網的用戶使用 HTML 從零開始構建。
現在,分散在網絡上的程序員社區,正在努力恢復這種看似過時的東西。這場運動來源于藝術家勞蕾爾·施伍斯特(Laurel Schwulst)和埃利奧特·科斯特(Elliott Cost)創造的“HTML 能量”概念,絕不是對復古美學的膚淺致敬。
它專注于 HTML 編碼的“觸覺”過程,探索語言如何實現自我表達,并使個人能夠在互聯網中占據一席之地。
HTML 能量運動在小型 Discord 頻道和數字雜志等領域形成,旨在慶祝數字體驗中的“人性觸摸”。
(來源:AI 生成)
如今,大多數互聯網都針對社交、電子商務和流媒體進行了優化。大多數互聯網流量集中在少數幾個網站上,這些網站又都歸少數幾家公司所有。從冗長的廣告到咄咄逼人的 cookie 設置,一些小障礙和麻煩層出不窮。
用戶不斷被提醒,他們訪問互聯網的條件是讓少數人從中獲利。X(原推特)的情況完美地概括了互聯網所有權的這種狀態,只需要一位高管就可以引發大量用戶逃離該平臺,并將其長期存在的社區割裂開來。
然而,盡管大型科技公司壟斷了市場,但一個基本現實仍然能夠證明互聯網的民主:任何人都可以用 HTML 免費發布網站。
從技術上講,互聯網為每個人都提供了空間,因此不存在無處容身的問題。真正的問題是流量。
當我與 HTML 能量社區的不同成員交談時,所有人都一致地傳達著一個基本信息:網絡上的一切最終都是 HTML。HTML 是任何網站的主干。
這是網站運行所需的唯一東西。雖然當今流行的 web 開發語言使用 abridged 命令,通過所謂的數據抽象來隱藏技術復雜性,但 HTML 是細粒度的,編程經驗也不是先決條件。
正如科斯特所解釋的,正是 HTML 的包容性給了渴望在網絡上發布自我的人機會。使用 HTML,即使缺少一行代碼,網站仍將加載。HTML 能量運動包含了這些可能性:歡迎通過試錯學習,鼓勵創造性實驗。
隨著主流數字體驗趨向于同質的視覺語言,人類的觸覺在許多抽象層中迷失了。網站創建者離他們的網站越來越遠,網絡也變得更具交易性。
但 HTML 能量運動呼吁人們重新審視我們與技術的關系,使用 HTML 制作網站可以讓程序員探索網站的本質。
與公司不同,人們自己創建網站無需向股東負責。他們沒有創造有利可圖的體驗的壓力,所以他們的創作可以采取各種各樣的形式。
常見類型的 HTML 能量網站包括數字花園,其中的元素隨著季節的變化而變化;交互式詩歌生成器,用戶的輸入會創造新的意義;以及分享創作者生活細節的個人網站。
在一個消費主義至上的互聯網中,HTML 能量的網站溫和地提醒人們,網站可以帶來冥想一樣的體驗。
HTML 能量社區提倡理解 HTML 的字面含義,它就是一種語言。它贊美了這種語言的基本特征對用戶意圖的要求。
作為微小和復雜創意決策的融合,僅使用 HTML 構建的網站是一種自我表達形式。
查看網站的源代碼與瀏覽界面一樣重要。代碼中經常隱藏著彩蛋,比如來自其他 HTML 網站的消息或引用。
在很多方面,HTML 網站都“記錄著”創作者的身份:這個人選擇了構建什么?如何構建?
這種對 HTML 不同應用的迷戀,也出現在被稱為“freewrites”的物理社區聚會中,社區成員常聚在一起編寫代碼。
Sunday Sites 和 Fruitful School 是組織這些集會的網站之一,它們經常將教育元素融入活動中,以增強更多人加入該社區的能力。
與此同時,像 HTML 評論這樣的網站以文學雜志的形式展示了它的一些產品。
(來源:資料圖)
項目 1:多景劇場
吉·金(Ji Kim)的“多景劇場”拼貼了一部舊 iPhone 的多個片段。當訪問者瀏覽網站時,圖像會重疊,并播放嵌入的音頻片段。
當用戶點擊任何圖像時,都會出現一個關于拍攝時間和地點的小描述,以及更多額外的媒體內容。
金的網站旨在模仿記憶的零散性和層次性。這是一種有意分散的數字體驗,就像試圖回憶幾年前的一次家庭旅行一樣。
(來源:資料圖)
項目 2:有窗戶的房間
謝爾比·威爾遜(Shelby Wilson)的帶窗戶的房間,是一個只允許一種互動的網站:打開和關閉一組窗簾。
該網站有意將物理空間和數字空間混合在一起。威爾遜將瀏覽器視為通往有物理邊界和邊緣的地方的門戶,但也保留了超現實主義元素(百葉窗關閉時房間不會變暗)和隨機元素(每次訪問時房間的顏色都會變化),以突出數字形式。
(來源:資料圖)
項目 3:HTML 花園
史賓賽·張(Spencer Chang)的網站設想了一個花園在互聯網上的樣子。
一些由原生 HTML 元素組成的“植物”在生長,每次訪問你都會注意到時間的流逝:季節的變化、植物的發芽和開花。沒有明確的行為,你所需要做的只是觀察。
(來源:資料圖)
項目 4:散文劇
凱瑟琳·楊(Katherine Yang)的散文游戲是一首互動詩,鼓勵用戶在預設的句子結構中輸入不同的單詞。
該網站以單詞為變量,探索互聯網的互動性。它把“作者之死”的文學理論,即“文本的意義不是由作者的本意決定的,而是由讀者的解釋決定的”放在了代碼的語境中。
(來源:資料圖)
項目 5:Erich Friedman
埃里希·弗里德曼(Erich Friedman)的網站是他生活的個人百科全書,里面有從電影評級到佛羅里達州中部迷你高爾夫球場評論的各種檔案。該網站分為數學類、益智類、個人類和專業類,結構比較簡單。
它使用基本的 HTML 來展示弗里德曼在過去十年中不拘一格的興趣,包括從 0 到 9999 的每個數字的有趣事實列表,以及數學和瑣事問題的集合。
該網站不需要任何特定操作。它只是對埃里希·弗里德曼的詳盡、坦率的描述,在龐大的互聯網中占據了一小部分。
(來源:資料圖)
項目 6:屏幕博物館
圖盧·圖穆(Toulou TouMou)的屏幕博物館,是一個存放由游戲愛好者創建的瀏覽器游戲的網站。為了與展示的游戲互動,用戶必須在數字空間中導航,就像用 ASCII 圖形可視化的物理博物館一樣。
這個網站有實際的參觀時間,還會隨機選擇一個“休息日”。
圖穆的博物館是為了在 Flash 游戲時代給予業余開發者應有的榮譽而創建的,旨在強調承認作者身份和獨立游戲豐富歷史的重要性。
HTML 能量的網站沒有集中的來源,偶然發現讓他們覺得自己很特別,就像發現停車場的一幅街頭藝術作品一樣。它們不是為被發現而設計的,也不是為任何特定操作而優化的。
他們只是按照訪客的條件與訪客互動,描繪出創作者的風格。如果像谷歌或臉書這樣的網站是你購買必需品的超市和購物中心,那么 HTML 能量的網站就像你偶然發現的隱藏花園,在任何地圖上都找不到。
支持:Ren
學習一門編程語言之前,了解它的特性,帶著對特性的好奇和疑問去學習是最快最好的學習方法。就像你知道某個地方有很多寶藏,帶著藏寶圖去尋找寶藏,你一定會大有收獲的。
編程語言就是人與計算機進行溝通的語言,在現實生活中,見什么人說什么話我們都很清楚,那在與計算機溝通的世界中,做什么事用什么編程語言溝通也是同樣的道理,前提就是我們要了解這些編程語言,在你需要選擇的時候做出正確的判斷,這也正是我寫此篇文章的意義。
HTML的英文全稱是 Hyper Text Marked Language,中文意思為超文本標記語言。
什么是超文本標記語言?我們先對超文本標記這五個字進行一一的拆分,然后去更好的理解它的意思。在理解超文本時,我們先來理解一下文本在我們的日常生活中代指的是什么東西?
文本包含了比如說你新建的一個Word文檔,一個txt文件,甚至一個Html文件。這三個文件有相同的地方, 也有不同的地方。
相同的地方在于不論是Word文檔,還是txt文件或者是Html文件,我們都能編寫文本的內容。Word文檔的不同在于我們可以在Word文檔中設置一些超鏈接,放一些圖片等操作。
txt文件就有一定的局限性,比如你放一張圖片或者設置超鏈接等這些行為都是不行。在Html文件中,可以存放文本、圖片、音頻、視頻等,甚至在網頁中見到的一些很炫酷的小游戲,都可以在Html文件中去編寫。
那接下來解釋下超文本。我們在Html文件中編寫代碼,其實編寫的是超文本。所謂超文本,大家應該能聯想到超,即超出文本,超文本比文本更高一級,它包含了我們常見的音頻、視頻以及超鏈接等。
這些被我們稱為超文本,在Html文件里面既能存放這些內容,也能存放文本內容,甚至是文章里的一級標題、二級標題、列表、選項等,都可以通過HTML代碼去編寫,這些內容我們就稱為超文本。
那么這些內容到底用哪些來去展現或展示呢?標記。
什么是標記呢?
用百度官網來分析一下“標記”,在網頁頁面上存放很多的內容,有超鏈接、圖片、輸入框等。我們先看看右上角的新聞字樣,這是一個超鏈接,我們看下源碼,打開后的樣子是這樣的:
我們把藍色的新聞部分,也就是我用紅框標記的部分復制一下,其他代碼刪除:
“新聞”被左邊和右邊的“a”包裹起來了,這就構成了超鏈接,這就像我們常見的書名號。如果我們單是輸出紅樓夢字樣,就是一個文本,但如果用《》書名號包裹起來,《紅樓夢》,大家都能知道這是一本書。
把包裹在“新聞”兩邊的a標簽對應包裹在紅樓夢兩邊的書名號來看很類似。用書名號這個標記把紅樓夢給包裹起來,就叫做書名,同理,用帶尖括號的a這個標記把新聞這個文本內容給包裹起來,在網頁中稱為超鏈接,這對帶尖括號的a就叫做標記。
標記是用HTML自己的語法規則把文本內容給包裹起來,這就叫做標記。這種標記的書寫也非常簡單,包裹在文本左邊的叫開始標記,包裹在文本右邊的叫結束標記。我們看到的網頁中顯示的一級標題、二級標題、超鏈接、圖片、音頻等內容其實學習它們所對應的標記就可以了。
接著我們來看下HTML從最原始到現在至今整個HTML語言的歷史發展過程。
HTML5的誕生,標記著互聯網時代的發展。比如在HTML5里面誕生的音頻、視頻、圖像、動畫等都做了新的標準,它對于瀏覽器的兼容也是得到了一定的處理,由此可見,HTML的整個歷史發展目前為止我們所使用的版本主要是99年誕生的HTML 4.01以及2014年誕生的HTML5。
時代在進步,科技在發展,這個超文本標記語言從HTML1.0版本發展到如今的HTML5版本,已經有了極大的改善。
在以前的HTML版本中,常用的是對文本的編輯、超鏈接、圖片等,其用途很廣泛,許多公司用來創建和發布消息,比如布告、技術手冊、各種信函等,都能用它來描述。
HTML是一門嚴謹的編程語言,有組織性、模塊化、規范化的。不過對于開發者而言,不同瀏覽器HTML的兼容性是考慮的問題。隨著HTML5的誕生,我們迎來了一個新的網絡世紀,各種動畫、音頻、視頻、圖像等炫酷的東西都可以做。還有各種小程序、小游戲以及App的開發應用數不勝數,其兼容性也得到了很大的改善,這意味著對前端的需求以及重視程度都有了極大的改變。
HTML是前端很重要的一環,我們學好它才能在前端大軍中齊頭并進,在各種應用小程序的使用中游刃有余,未來的美好生活就掌握在你的手中。
【END】
*請認真填寫需求信息,我們會在24小時內與您取得聯系。