當你在為網(wǎng)站規(guī)劃頁面線框模板時，就應(yīng)該認識到個別HTML文件中精心設(shè)置的語義HTML和CSS的好處了。設(shè)計良好的、基于標準的Web頁面由很多子區(qū)域組成，這些子區(qū)域不僅分布著頁面的功能區(qū)域(頁眉、頁腳、瀏覽欄、導(dǎo)航搜素框)，還為所有標準頁面模板元素提供了唯一的名稱“ID”。Web頁面的這些內(nèi)容被分割成多個子區(qū)域，用來標注頁面功能區(qū)的分區(qū)(<div>…</div>)和范圍(<span>…</span>)，為特定的頁面元素和各種內(nèi)容提供了一個“包裹”。通常，分區(qū)和范圍的命名要謹慎，每個主要的重要頁面元素都應(yīng)該有一個唯一的ID。



這些已命名的分區(qū)和范圍之所以重要原因有3個:
 
1)唯一已命名的頂面元素能進行完全的程序控制及完全的樣式表控制。除非頁面元素有自己的名字，否則不能使用CSS和 Javascript 4處理。
 
2)唯一已命名的頁面分區(qū)允許你對特定的頁面區(qū)域和內(nèi)容塊更輕松地應(yīng)用可視化樣式，功能更強大。
 
3)唯一已命名的頁面會給未來留下更多的選擇，這是因為新的Web內(nèi)容顯示該備和樣式表類型都在改進。有朝一日，你可能需要將網(wǎng)站更改成全新的內(nèi)容管理體系如果頁面和內(nèi)容都包含在一致的、系統(tǒng)命名的頁面分區(qū)中，網(wǎng)站制作的轉(zhuǎn)變會更容易。在制作頁面線框圖和基礎(chǔ)導(dǎo)航時，要對頁面區(qū)域和主要頂面元素進行細致的語義命名，以發(fā)揮其功能性和便捷性。這個工作在項目開始時做起來很容易，越到后面越難且越不可能進行。