久久在线视频,久久精品亚洲麻豆av一区二区,精品视频在线播放免

主頁(yè) > 知識(shí)庫(kù) > HTML其實(shí)就是學(xué)習(xí)幾個(gè)重要標(biāo)記的應(yīng)用

HTML其實(shí)就是學(xué)習(xí)幾個(gè)重要標(biāo)記的應(yīng)用

《這將是一場(chǎng)革命》一文出來(lái)以后。得到業(yè)界大伙的認(rèn)同，當(dāng)然與此同時(shí)也得到部分來(lái)自?xún)?nèi)部與外部的挑釁，不過(guò)的更加多的是更多人來(lái)尋問(wèn)每一個(gè)點(diǎn)的細(xì)節(jié)。今晚回家很早就睡了，半夜在一個(gè)夢(mèng)中醒來(lái)，夢(mèng)里正在和小學(xué)的同學(xué)玩一個(gè)游戲——“The Next”。醒來(lái)以后覺(jué)得自己需要做點(diǎn)什么，于是終于將TMENU修改了（拖了很久了）；然后覺(jué)得近期需要對(duì)之前提到的五點(diǎn)詳細(xì)的出一部分實(shí)在的案例寫(xiě)得詳細(xì)點(diǎn)，于是開(kāi)始寫(xiě)本文。
夢(mèng)里回到小學(xué)，是有道理的。一是那個(gè)“The Next”的游戲提醒我，另外一個(gè)則是我和飄飄經(jīng)常和別人說(shuō)的，要學(xué)好HTML先回去看看小學(xué)的語(yǔ)文書(shū)?；匦W(xué)的原因是那里的書(shū)本不會(huì)受到過(guò)多的應(yīng)試教育的干擾，里面的“本質(zhì)”存有真實(shí)性，而語(yǔ)文書(shū)這是意味HTML的本質(zhì)：標(biāo)題、段落、列表、書(shū)目。HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么——Ghost。當(dāng)然這句話(huà)是需要一個(gè)解釋的，參照的范例就是你的小學(xué)語(yǔ)文書(shū)。
我們先來(lái)看看我們制作網(wǎng)站的歷程。記憶中我第一個(gè)網(wǎng)站是產(chǎn)生于1998年，當(dāng)時(shí)都是一群用table做網(wǎng)頁(yè)的人。在table的時(shí)代我們覺(jué)得最難的題目是什么？
奇特的三行不定列布局：

奇特的一像素邊界：

table時(shí)代過(guò)后（記憶中是2001年前后），出現(xiàn)了第一批使用<div>的人。于是國(guó)內(nèi)吹起了一股CSS之風(fēng)。用法是將他套著若干的table然后利用CSS的絕對(duì)定位，還有的加上些JS讓他飄來(lái)飄去。后面就有人開(kāi)始研究CSS起來(lái)，記得“風(fēng)人設(shè)計(jì)”的初期就有若干談合作的人拿著一本CSS的書(shū)和我說(shuō)這說(shuō)那的（當(dāng)然這些人最后都轉(zhuǎn)行了）。在這個(gè)時(shí)候我們覺(jué)得最難的題目是做一個(gè)當(dāng)時(shí)被叫做“Java特效”的咚咚。于此時(shí)我被一個(gè)人提出的XML所吸引，但只是將他看作一種數(shù)據(jù)儲(chǔ)存（其實(shí)這也就奠定了Qzone實(shí)現(xiàn)的雛形）。
時(shí)間飛快如梭，2004年5月1日，國(guó)際勞動(dòng)節(jié)當(dāng)天，電子工業(yè)出版社出版了一本名為《網(wǎng)站重構(gòu)——應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)》的書(shū)譯。于是國(guó)內(nèi)就遍布了“DIV CSS”的信念，真正的意味上中國(guó)網(wǎng)站重構(gòu)的跨時(shí)代性起步開(kāi)始了；但另一個(gè)角度而言，這本書(shū)將中國(guó)的WebReBuilder從一個(gè)火坑拉出來(lái)，丟進(jìn)了另外的一個(gè)火炕。我想我們只能使用看待隋唐盛世的眼光去看待這本書(shū)。因?yàn)樗皇且馕兑桓镄碌幕实酆托碌某恼Q生，并沒(méi)有從本質(zhì)上面推動(dòng)社會(huì)的變革和進(jìn)化。這本書(shū)將table嵌套，變成了div嵌套。當(dāng)時(shí)最流行的話(huà)語(yǔ)（直到現(xiàn)在）是“我的網(wǎng)站是‘DIV CSS’做的。”這個(gè)時(shí)候我并沒(méi)有加入這個(gè)行列，一直是在等待；因?yàn)槲矣幸粋€(gè)很關(guān)鍵的問(wèn)題沒(méi)有解決“為什么要‘DIV CSS’而不是‘TABLE CSS’”：
引用《這將是一場(chǎng)革命》內(nèi)容：
我們先看看一下兩個(gè)范例。table做的，div做的表面上他們是一樣的，但是一旦產(chǎn)品經(jīng)理提出修改，表現(xiàn)需要變化。對(duì)于div會(huì)很輕易的變化成為這個(gè) 范例。范例可以看出不修改html的情況下，table就是打死也完成不了這樣的改變。“DIV CSS”比“TABLE CSS”優(yōu)秀就是排版的自由化，就以上例為題，table就一輩子都無(wú)法做到。
一直到了Qzone3.0前后，我才開(kāi)始想明白上面的答案，歷時(shí)差不多有一年。接著在Qzone4.0的時(shí)候動(dòng)用了三個(gè)標(biāo)記“dl、dt、dd”和 TMENU 的誕生?，F(xiàn)在非?；诤薜氖俏乙矊⒋蠹?guī)肓肆硪粋€(gè)跨時(shí)代的起步——“XHTML CSS”，同時(shí)也是將大家?guī)нM(jìn)了一個(gè)新的火炕。進(jìn)火炕容易出火炕難，我才開(kāi)始明白為什么兩個(gè)重構(gòu)名人——阿捷、老甘會(huì)在互聯(lián)網(wǎng)當(dāng)中逐漸消失。我開(kāi)始不去怪責(zé)他們之前的事情，更多的是一種體諒，與此心中也暗下決心。便開(kāi)始了進(jìn)行鋪墊“良性競(jìng)爭(zhēng)”的“SB”觀念。
歷史路程如上，回歸到HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么；意思就是標(biāo)簽不能濫用，還原到內(nèi)容的本質(zhì)的標(biāo)簽才是合格的標(biāo)簽。就以 TMENU 為范。
之前的HTML代碼是：
<ul class="menu">
<li><a href="#"><span><span>123123</span></span></a></li>
<li><a href="#"><span><span>123123</span></span></a></li>
<li><a href="#"><span><span>123123</span></span></a></li>
<li><a href="#" class="now"><span><span>123123</span></span></a></li>
<li><a href="#"><span><span>123123</span></span></a></li>
</ul>
現(xiàn)在的HTML代碼是：
<map id="directmenu" class="menu">
<div><a href="#"><span><span>123123</span></span></a>
<a href="#"><span><span>123123</span></span></a>
<a href="#"><span><span>123123</span></span></a>
<a href="#" class="now"><span><span>123123</span></span></a>
<a href="#"><span><span>123123</span></span></a></div></map>
<h2>以下是一個(gè)菜單列表</h2>
<ul class="menu"><li>
<a href="#"><span><span>123123</span></span></a></li>
<li><a href="#"><span><span>123123</span></span></a></li>
<li><a href="#"><span><span>123123</span></span></a></li>
<li><a href="#" class="now"><span><span>123123</span></span></a></li>
<li><a href="#"><span><span>123123</span></span></a></li>
</ul>
兩者的不同點(diǎn)，大家也看到了。多了一塊map的標(biāo)簽和一個(gè)hn的標(biāo)簽。為什么是這樣呢？我們?cè)賮?lái)看一個(gè)例子：操場(chǎng)上面有100臺(tái)不同牌子，不同外形，不同顏色的車(chē)；現(xiàn)在讓你將這些車(chē)分成若干組，反饋一個(gè)列表以供選擇。當(dāng)然，使用列表是大家都會(huì)想到的。但是大家有沒(méi)有想到這個(gè)列表能表現(xiàn)什么呢？
引用范例
<ul>
<li>XXX牌子X(jué)XX型號(hào)</li>
<li>XXX牌子X(jué)XX型號(hào)</li>
</ul>
再或者
引用范例
<ol>
<li>XXX牌子X(jué)XX型號(hào)</li>
<li>XXX牌子X(jué)XX型號(hào)</li>
</ol>
就這上面的列表，我根本就看不清楚這個(gè)列表的分類(lèi)是怎么形成的，為什么一個(gè)是有序，一個(gè)是無(wú)序的。他們是怎么樣會(huì)這樣排，為什么放在一起。很多很多的問(wèn)題。我們?cè)賮?lái)看看下面的范例
引用范例
<h3>黃色系列車(chē)</h3>
<ul>
<li>XXX牌子X(jué)XX型號(hào)</li>
<li>XXX牌子X(jué)XX型號(hào)</li>
</ul>
再或者
引用范例
<h3>出廠(chǎng)年份</h3>
<ol>
<li>XXX牌子X(jué)XX型號(hào)</li>
<li>XXX牌子X(jué)XX型號(hào)</li>
</ol>
上述的范例，大家是否一看就一目了然了。所有的來(lái)龍去脈都變得清清楚楚。然而為什么TMENU代碼里面還有map標(biāo)簽?zāi)?？我們看看一個(gè)范例

以上的范例當(dāng)然是正確的。然而這樣的結(jié)構(gòu)就會(huì)讓人覺(jué)得用戶(hù)極度低能了，站名和副標(biāo)過(guò)后不是站點(diǎn)地圖導(dǎo)航菜單么？（特指menu在頂部的站點(diǎn)）而且與此同時(shí)HTML本身就提供了一個(gè)特指站點(diǎn)地圖導(dǎo)航的標(biāo)簽——<map>。既然有一個(gè)本身就有這樣意義的標(biāo)簽?zāi)阌趾伪厥褂梦淖秩フf(shuō)明呢？你總不會(huì)使用<h3>這是一個(gè)無(wú)序列表</h3><ul>這么白癡吧。大家都知道阿媽是女人啊。我們?cè)倏纯聪旅娴姆独?

是不是，代碼更加的簡(jiǎn)單清晰明了了。

其實(shí)要走好WebReBuild的第一步HTML不會(huì)很難的，回去看看小學(xué)的語(yǔ)文書(shū)，想想最本質(zhì)的，多點(diǎn)問(wèn)問(wèn)自己“為什么？”。和做人一樣，該是怎么樣就應(yīng)該怎么樣，不應(yīng)該被復(fù)雜的社會(huì)和繁瑣的人際關(guān)系干擾你，堅(jiān)持做人腳踏實(shí)地的原則，踏踏實(shí)實(shí)地工作和做人，是金子總是要發(fā)光的。
引用內(nèi)容
我有個(gè)怪癖。我很喜歡在面試的時(shí)候我總是要先考面試人XHTML。就好像以前師傅招收學(xué)徒一樣，能力和慧根屬其次，人品首當(dāng)其沖。
我以為，XHTML好比一個(gè)人的本質(zhì)，CSS好比人的處事方式和態(tài)度，JS好比人做事的行為以及作風(fēng)。三者的分離再加上些周邊的SEO、人機(jī)交互也就是我們所說(shuō)的網(wǎng)站重構(gòu)，也就是一個(gè)很不錯(cuò)的人。之前總是有一部分人認(rèn)為CSS就是網(wǎng)站的最主要的元素，其實(shí)自然而然的也就代表了一種人生觀。的確，一個(gè)人沒(méi)有好的處事方式和態(tài)度很難在現(xiàn)在的社會(huì)很好的存活；但是這個(gè)處事的方式和態(tài)度位置過(guò)于偏重了，就成了一個(gè)善于欺騙、做事不擇手段的人。
引用范例
<h1>站點(diǎn)名稱(chēng)</h1>*
<h2>站點(diǎn)副標(biāo)</h2>*
<map><div><a href="#">連接1</a> <a href="#">連接2</a></div></map>
注：*號(hào)注釋部分為強(qiáng)調(diào)站點(diǎn)為推廣首要的時(shí)候用。
引用范例
<h1>站點(diǎn)名稱(chēng)</h1>*
<h2>站點(diǎn)副標(biāo)</h2>*
<h3>站點(diǎn)地圖導(dǎo)航菜單</h3>
<ul>
<li>連接1</li>
<li>連接2</li>
</ul>
注：*號(hào)注釋部分為強(qiáng)調(diào)站點(diǎn)為推廣首要的時(shí)候用。

標(biāo)簽：眉山北海青海晉中阜陽(yáng) 崇左營(yíng)口河池

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《HTML其實(shí)就是學(xué)習(xí)幾個(gè)重要標(biāo)記的應(yīng)用》，本文關(guān)鍵詞 HTML,其實(shí),就是,學(xué)習(xí),幾個(gè),；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。