|
3、將“沒層級(jí)性”的文章采用<h>、<p>與<section>的組合取而代之。（使用模塊化的大局觀思維進(jìn)行編碼）
<html>
<head>
<title>網(wǎng)頁模塊化</title>
</head>
<body>
<h1>網(wǎng)頁模塊化思維</h1>
<p>2010年v2.0版本</p>
<h2>什么是模塊化？</h2>
<p>模塊化是指解決一個(gè)復(fù)雜問題時(shí)自頂向下逐層把軟件系統(tǒng)劃分成若干模塊的過程。每個(gè)模塊完成一個(gè)特定的子功能，所有的模塊按某種方法組裝起來，成為一個(gè)整 體，完成整個(gè)系統(tǒng)所要求的功能。</p>
<h3>什么是前端的當(dāng)中的模塊？</h3>
<p>頁面當(dāng)中的每一個(gè)有獨(dú)立內(nèi)容并且能賦予標(biāo)題命名的片段。</p>
<h2>為什么要做模塊化？</h2>
<p>多人協(xié)同開發(fā)的同時(shí)能有一部分總體把控，但是每個(gè)人又可以獨(dú)立的處理自己部分的代碼，同時(shí)不會(huì)干擾到其他的成員的代碼，高度提升效率。修改時(shí)只需要處理獨(dú)立的需要修改的模塊，對(duì)其余模塊不會(huì)影響；出錯(cuò)時(shí)定位到具體模塊，直接對(duì)于這一塊進(jìn)行版本回滾。高度降低風(fēng)險(xiǎn)。</p>
<h2>怎么做模塊化？</h2>
<p>先按照主內(nèi)容再細(xì)化內(nèi)容兩種方式分離出區(qū)塊，由PM進(jìn)行命名規(guī)則約定，分派至各人手中進(jìn)行代碼編寫。最后由PM進(jìn)行代碼片段合并。</p>
<h2>模塊化需要注意什么？</h2>
<p>公共部分的代碼權(quán)限需要回歸至PM手上管理；允許代碼階段性的臃腫，定期進(jìn)行公共部分的版本整合。</p>
</body>
</html>
和
<html>
<head>
<title>網(wǎng)頁模塊化</title>
</head>
<body>
<section>
<h>網(wǎng)頁模塊化思維</h>
<p>2010年v2.0版本</p>
<section>
<h>什么是模塊化？</h>
<p>模塊化是指解決一個(gè)復(fù)雜問題時(shí)自頂向下逐層把軟件系統(tǒng)劃分成若干模塊的過程。每個(gè)模塊完成一個(gè)特定的子功能，所有的模塊按某種方法組裝起來，成為一個(gè)整 體，完成整個(gè)系統(tǒng)所要求的功能。</p>
<section>
<h>什么是前端的當(dāng)中的模塊？</h>
<p>頁面當(dāng)中的每一個(gè)有獨(dú)立內(nèi)容并且能賦予標(biāo)題命名的片段。</p>
</section>
</section>
<section>
<h>為什么要做模塊化？</h>
<p>多人協(xié)同開發(fā)的同時(shí)能有一部分總體把控，但是每個(gè)人又可以獨(dú)立的處理自己部分的代碼，同時(shí)不會(huì)干擾到其他的成員的代碼，高度提升效率。修改時(shí)只需要處理獨(dú)立的需要修改的模塊，對(duì)其余模塊不會(huì)影響；出錯(cuò)時(shí)定位到具體模塊，直接對(duì)于這一塊進(jìn)行版本回滾。高度降低風(fēng)險(xiǎn)。</p>
</section>
<section>
<h>怎么做模塊化？</h>
<p>先按照主內(nèi)容再細(xì)化內(nèi)容兩種方式分離出區(qū)塊，由PM進(jìn)行命名規(guī)則約定，分派至各人手中進(jìn)行代碼編寫。最后由PM進(jìn)行代碼片段合并。</p>
</section>
<section>
<h>模塊化需要注意什么？</h>
<p>公共部分的代碼權(quán)限需要回歸至PM手上管理；允許代碼階段性的臃腫，定期進(jìn)行公共部分的版本整合。</p>
</section>
</section>
</body>
</html>
4、將原有的<ul>或者<ol>濫用的導(dǎo)航列表菜單使用<nl>取而代之。（這里前提是列表都最好都有個(gè)說明的原則）
<h5>導(dǎo)航菜單</h5>
<ul>
<li><a href="index.html">首頁</a></li>
<li>
<h6><a href="#">音樂庫</a></h6>
<ul>
<li><a href="cn.html">華語</a></li>
<li><a href="jk.html">日韓</a></li>
<li><a href="eu.html">歐美</a></li>
</ul>
</li>
<li><a href="bbs.html">論壇</a></li>
</ul>
和
<nl>
<label>導(dǎo)航菜單</label>
<li href="index.html">首頁</li>
<nl>
<label>音樂庫</label>
<li href="cn.html">華語</li>
<li href="jk.html">日韓</li>
<li href="eu.html">歐美</li>
</nl>
<li href="bbs.html">論壇</li>
</nl>
5、有上例當(dāng)中的“無處不在的鏈接”。（將多余的不必要的標(biāo)簽去除）
出處：twinsenliang.net
責(zé)任編輯：moby
上一頁 走中國(guó)特色的網(wǎng)站重構(gòu)道路 [1] 下一頁 走中國(guó)特色的網(wǎng)站重構(gòu)道路 [3]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 2 頁 走中國(guó)特色的網(wǎng)站重構(gòu)道路 [2]
