熊貓丨文
沒想到繼失去解壓縮技能之后,新世代網民逐漸失去的下一個技能是檢索技能。
就在前兩天,“Steam代安裝”這個微博話題突然登上熱搜。人們發現,除了一些千奇百怪的教程之外,在某寶上還有Steam代安裝這種業務,一些熱門店鋪的銷量甚至達到了8000+。
其中有不少網友因為檢索網站、盜版軟件的問題,無法下載到正確的Steam,需要店家幫忙遠程代安裝。當然,也有一些網友即使店家手把手教過一遍,也總能因為各種奇葩原因裝錯。
只能說現在手機平板普及過高,許多APP一鍵下載即可使用,以至于需要使用電腦的解壓縮、Steam代安裝這些操作都成了互聯網的準入門檻。
倘若我告訴閣下,我們這些互聯網的第一代網民們,曾經千辛萬苦地檢索到一個游戲并順利下載好之后,打開發現全是亂碼,還要自己想辦法解決時,又該如何應對呢?
或許會讓大部分年輕人束手無策,甚至因此告別這些游戲吧?
但他們避之不及的亂碼游戲,卻讓一群人對此“趨之若鶩”、時時重溫,還因此掀起了小范圍的文藝復興。
比如一款曾經風靡4399的Flash小游戲——《新新魔塔》。
這事還得從我某天在B站刷到的視頻說起。
眼前這個非常具有年代感的封面,出自一位叫“鹽鐵桶子”的UP主制作的視頻。
封面上是四個生僻字“穝穝臸娥S”,不知道什么意思,反正我一個字都沒看懂。背景則選取了一張雪山的風景照,很有小時候電視廣告的味道。
不是,手機哥你給我推哪里去了,這還是國內嗎?
我納悶著正準備劃過去,卻被下面更為抽象的標題給吸引了。里面不僅有生僻字,還有個日本平假名是怎么回事啊?!
穝穝臸娥S系列
如果一個東西比較怪,我可能沒什么看的興趣,如果一個東西怪的離譜,那我可就要好好看看怎么回事了。
懷揣著好奇心,我點進了視頻。
但我著實低估了能起這樣一個標題的UP主帶來的節目效果,在他一本正經地念出這四個生僻字(讀作桌桌智鵝)標題后,我發出了當天第一次爆笑。
更抽象的是,這個UP還建了一個交流生僻字的群,難道里面全都是交流亂碼的?
除了熟練使用亂碼文字順暢交流的老玩家之外,評論區里還穿插著幾個對這個文化符號不明覺厲的好奇路人。顯然,被這么吸引過來的不止我一個人。
片假名也是亂碼版的一部分,這個道具讀作咪描
他們中有的將其誤以為是一種神秘的符號語言,有的則把它當做一種模擬恐怖的形式,更有一些人誤以為這是什么邪惡的傳教儀式,并紛紛追問這到底是什么東西。
而這些疑問在評論區被一一解答,我也坐收漁翁之利,順利得到了答案。
沒錯,這個全是亂碼生僻字的游戲,就是最開頭提到的《新新魔塔》,而像這樣一本正經地用亂碼來玩魔塔,好像正開始成為魔塔圈內的流行。
一位UP主甚至專門做了一款亂碼版的《新新魔塔》
新新魔塔故事簡介
新新魔塔作為一款魔塔類游戲,與50層原始魔塔,胖老鼠24層魔塔這兩款游戲被玩家們并稱為三原塔,是無數魔塔玩家心中最經典的三個游戲版本。
提起魔塔類,一些朋友死去的記憶肯定會開始在腦海里復蘇。事實上此前BB姬也多次介紹過《魔塔》。
就像所有傳統王道的RPG開局一樣,玩家在游戲中扮演一位驍勇善戰的勇者,需要與魔塔中的怪物周旋,獲取道具,搜索密道,在不同樓層之間穿梭,計算好最優路線,最終提劍討伐魔王拯救公主。
在Flash小游戲式微之后,許多曾經紅極一時的游戲都悄無聲息了,魔塔卻因其獨特性逐漸衍化成一個游戲品類,在互聯網的一隅安靜而蓬勃地生長著。
時隔多年,大家若再次重回魔塔吧,一定會驚嘆它玩家生態的活躍度,這么多年依舊有人在持續不斷地發帖。
6萬人的塔吧,而“穝穝臸娥S系列”最高有近9萬的播放,由此可見其熱度
不僅如此,同人作者們為愛發電而制作的魔塔版本更是層出不窮,自Flash軟件退環境之后,魔塔的同人作者們一部分開始轉戰HTML5平臺,并建立了屬于自己的社區。
在h5mota.com這個魔塔社區網站的游戲列表上,有著近乎上百種不同的H5魔塔版本。
你甚至可以在這里原神啟動,但魔塔版
比如之前出圈的Dota類魔塔同人《永不復還》,吸引眾多主播下場直播開玩的同時,也讓不少玩家重新接觸到魔塔。
這么一看,舊活新整,讓亂碼梗連同游戲一起復興,在魔塔這個活躍的社區生態之下,也就不是什么新鮮事了。
網友羅列的魔塔版本安利清單
而每逢此時,輕度玩家或新人玩家關于“亂碼梗”的求助帖一定是雖遲但到,老玩家們對此早已司空見慣,紛紛在帖子下留言解答《新新魔塔》產生亂碼的原因。
這里面牽扯到一定的計算機理論,簡單概括就是,計算機在寫入和讀取的過程中,分別使用了不兼容的GB2312編碼和BIG5編碼,兩種編碼導致的。
圖片來源@B站 碼場安院外
同一個字在兩個編碼里是不同的字符集,相當于有不同的身份證號
由于《新新魔塔》的作者cos105hk是一位香港人(之前被誤傳臺灣人但被魔塔吧的吧友求證過了),計算機慣常使用的輸入編碼是BIG5編碼,而傳到大陸讀取的時候,大部分計算機則使用GB2312編碼輸出。
圖片來源@B站 碼場安院外
同一個字符集在不同編碼下對應不同的文字
再通俗一點來講,就是你需要查一個中文字,你記住了它大概在字典的哪一頁,但你翻成了英文字典,最后得出了與預想完全不一樣的答案。
現在我們因為計算機知識的普及和技術的發展,不太會出現轉碼錯誤而產生亂碼的情況,即使出現也能很快地找到亂碼的癥結,對癥下藥。
但對于當時才剛接觸互聯網的小孩來說,出現亂碼,要么只能抓耳撓腮,硬著頭皮玩下去,要么等亂碼問題解決,要么就求助貼吧里的互聯網菩薩。
這位樓主甚至覺得亂碼是人為的
而彼時樂于分享的貼吧大神正如此時為愛發電的同人作者一樣偉大。
當時魔塔吧里就有幾位熱心樓主,依照之前游戲里人物、怪獸、道具等正確名字與其所對應的亂碼,制作了一張非常完整的“中譯中”翻譯表。
這位樓主是06年發的這個翻譯表
不僅如此,一位樓主還把游戲里一些常見句中的亂碼制作了一張像摩斯電碼一樣的對譯表,并教授大家如何根據對譯表翻譯亂句,讓大家能夠較為順暢地將游戲進行下去。
當我了解完這些時,視頻里的UP主依舊還在毫無障礙地閱讀著上面的亂碼文字,毫無障礙地進行著游戲。
而評論區、彈幕里也紛紛稱贊著,“這是最識字的一集。”并熟練使用亂碼稱呼每個出現的事物。
時至今日,圍在電腦前的那群小孩已然長大成人,游戲中的亂碼在情懷濾鏡的加持下,從曾經的棘手難題成為了魔塔的一大特色,并被玩家們賦予了新的名字——魔塔語。
魔塔語甚至入侵了P3,畢竟爬塔爾塔羅斯也是一種爬塔
類似《新新魔塔》這樣的例子并不少見。
早些年我們能玩到的絕大部分游戲幾乎都來自國外的盜版游戲,而由于技術力限制,外來的游戲總能因各種各樣原因出現亂碼,導致它們與本該顯示的原意相差甚遠。
那時候玩游戲可比讀書難多了。畢竟讀書可能每個字都看懂了,只是連在一起看不懂罷了。而玩游戲的話,劇情可能是你每個字都看不懂但為了通關就算看圖猜也得猜出來。
但這些亂碼卻逐漸取締了官方名稱,成為無數老玩家對游戲的正確記憶。
就拿同樣是因為簡繁轉碼問題而導致亂碼的《三國志·曹操傳》來說。
我相信當時打開游戲絕大多數人看到“瓣B變巨肚”時,第一反應還以為這是什么限制級游戲。然而事實上,“變巨”是“曹操”,“肚”則是“傳”,所以這三個字是“曹操傳”的意思。
后期玩家圈里為了調侃這個梗,經常以“瓣B變巨肚”作為游戲名稱。
不僅如此,這些玩家對亂碼人名也是如數家珍,時不時還會拿出來復習一遍,比如化凍趙云,閩π關羽等,在貼吧交流時還直接“化繁為簡”,用這些亂碼名字代為稱呼。
當然,還有一些比較論外的存在,像是早期在GB上的《寶可夢》一樣,以前盜版商在給游戲做漢化的時候為了兼顧內存或顯示問題,漢化時就不那么嚴謹,所以會出現“肥大出飾拳”這樣的翻譯。
古早年間,玩家們為了能夠破譯亂碼順利玩到游戲,可謂殫精竭慮,最終修煉出了十八般武藝。
之前就有一位做漢化的博主總結出了一張常見的中文亂碼,里面不僅為亂碼進行了分類,還羅列出了每種亂碼所產生的原因,惹得評論直呼:手持兩把錕斤拷,口中急呼燙燙燙。
這些亂碼還沒有一個統一的解決方案,只能根據亂碼產生的原因,針對性地換取正確的讀取方式。
或許是需求量比較大的緣故,一些便利的編碼轉換器也應運而生,比如南極星,四通利方。使用軟件后,只需要更改手動調節一下編碼設置就可以直接轉換游戲內的亂碼。
但隨著亂碼奧秘被揭開、技術的進步、人們獲取游戲的渠道增多、官方對中國玩家的關注度上升,許多游戲都首發就配置了簡中,游戲內出現亂碼的概率大大降低。
轉碼這項在當時看來如同魔法一樣的技能,如今也布上塵埃,連同那些老游戲一起被封存記憶的角落。
奇怪的是,在絕大部分人都昂首闊步的新時代,有人卻開始嘗試以各種方式“回到”游戲都是亂碼的過去。
就像魔塔圈里制作《穝穝臸娥S(新新魔塔)》系列視頻的UP主“鹽鐵桶子”,以及觀看視頻的魔塔老玩家們。魔塔圈一些同人作者也在以自己的方式“致敬”亂碼。
比如其中一個版本的魔塔游戲《阿爾西斯傳》(這款游戲是魔塔同人游戲《永不復還》的同人衍生作品),就將魔塔語作為其中一個種族——血族的官方用語。
還有一位玩家在亂碼版《新新魔塔》復興之后,專門制作了一個網站,讓魔塔玩家們能夠將簡中自動轉換為魔塔語的網站,從此實現“穞堵臸猭畍”(魔塔里的暗黑大法師)自由。
但其實大家心里都清楚,這些方式并不能回到過去,那就以此聊表慰藉,追憶一下曾經的童年吧。
-END-
TML 實例
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>
實例解析
DOCTYPE 聲明了文檔類型
位于標簽 <html> 與 </html> 描述了文檔類型
位于標簽 <body> 與 </body> 為可視化網頁內容
位于標簽 <h1> 與 </h1> 作為一個標題使用
位于標簽 <p> 與 </p> 作為一個段落顯示
<!DOCTYPE html> 在HTML5中也是描述了文檔類型。 |
什么是HTML?
HTML 是用來描述網頁的一種語言。
HTML 指的是超文本標記語言: HyperText Markup Language
HTML 不是一種編程語言,而是一種標記語言
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網頁
HTML 文檔包含了HTML 標簽及文本內容
HTML文檔也叫做 web 頁面
HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>
HTML 標簽通常是成對出現的,比如 <b> 和 </b>
標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
開始和結束標簽也被稱為開放標簽和閉合標簽
<標簽>內容</標簽>
HTML 元素
"HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思.
但是嚴格來講, 一個 HTML 元素包含了開始標簽與結束標簽,如下實例:
HTML 元素:
<p>這是一個段落。</p>
Web 瀏覽器
Web瀏覽器(如谷歌瀏覽器,Internet Explorer,Firefox,Safari)是用于讀取HTML文件,并將其作為網頁顯示。
瀏覽器并不是直接顯示的HTML標簽,但可以使用標簽來決定如何展現HTML頁面的內容給用戶:
HTML 網頁結構
下面是一個可視化的HTML頁面結構:
<html>
<head>
<title>頁面標題</title>
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落。</p>
<p>這是另外一個段落。</p>
</body>
</html>
只有 <body> 區域 (白色部分) 才會在瀏覽器中顯示。 |
HTML版本
從初期的網絡誕生后,已經出現了許多HTML版本:
版本 | 發布時間 |
---|---|
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2012 |
XHTML5 | 2013 |
<!DOCTYPE> 聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網頁。
網絡上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網頁內容。
doctype 聲明是不區分大小寫的,以下方式均可:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
查看完整網頁聲明類型 DOCTYPE 參考手冊。
中文編碼
目前在大部分瀏覽器中,直接輸出中文會出現中文亂碼的情況,這時候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標題</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">這段代碼在整個代碼的開頭,DOCTYPE像瀏覽器申明HTML的版本,各個版本的語法略有不同,html5寫法最簡潔,標簽也可以不閉合,但是版本混用會造成亂碼的情況。
我們就拿這個XHTML1.0版本介紹DOCTYPE下面是聲明空間和字符編碼 瀏覽器 <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN" xml:lang="zh-CN">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />而這些代碼HTML5是簡化的沒有的,建議初學者先學習下HTML版本的寫法,HTML版本越早寫法越復雜。
下面是SEO最重要的三行代碼分別是title description keywords我們看下列子
<meta name="keywords" content="高速公路防護欄,波型鋼護欄,波紋防護欄,鄉村公路安全防護欄,農村公路防護欄," />
<meta name="description" content="貴州科陽之星金屬制品有限公司是專業生產高速公路防護欄,波型鋼護欄,波紋防護欄,鄉村公路安全防護欄,農村公路防護欄,隔音屏,護欄網,交通設施產品廠家," />
<title>高速公路防護欄_波紋型鋼防護欄_鄉農村公路安全防護欄 _ </title>
這篇列子沒有寫robots這個也是SEO需要會的關鍵因素<meta name="robots" content=“all”>小編這個也的意思是允許百度蜘蛛爬取所有的內容,robots是聲明允許蜘蛛爬取的內容和不能爬取的內容。
小編這邊刪掉了列子公司的信息,<meta name="keywords"content=聲明的是keywords這個值后面就是公司做的關鍵詞,同理description也是一樣,二級站那種的值是空值,tltle是網站的標題,簡稱TDK,很多新手一開始不知道TDK是什么。
列子的后面是link key="resetcommon" href="/twcms/view/default/css/resetcommon.css" rel="stylesheet" type="text/css" />CSS的外部樣式表,小編就不一一講解了。
<b><strong>這兩組html標簽在 視覺效果上都是讓文字加粗,都有強調的作用,它會告訴用戶和搜索引擎,這部分內容在本頁面是很重要的。
這里img.src是圖片來源alt是百度爬蟲看不到你圖片的內容alt是注明圖片的內容title是標題<img src="/twcms/view/default/images/erweima.jpg" alt="手機網站" title="手機網站"
還有nofollow標簽,表示不可信賴的內容和付費鏈接,按優先級別進行抓取。Nofollow”向網站站長提供了一種方式,即告訴白帽手法搜索引擎“不要追蹤此網頁上的鏈接”或“不要追蹤此特定鏈接”。
這里我們要注意它的兩個屬性,一個<target>,它決定了鏈接以何種方式打開,一般站內鏈接會被定義為在當前頁面打開,外部鏈接被定義為在新窗口中打開。
這篇SEO需要會的內容就講到這里,明天更新整個網站的前端代碼詳解,大家不見不散哦!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。