HTML內容窗口的語義結構

發(fā)布：2018-10-19 15:05:16 瀏覽：4061

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

這些已命名的分區(qū)和范圍之所以重要原因有3個:

1)唯一已命名的頂面元素能進行完全的程序控制及完全的樣式表控制。除非頁面元素有自己的名字，否則不能使用CSS和Javascript4處理。

2)唯一已命名的頁面分區(qū)允許你對特定的頁面區(qū)域和內容塊更輕松地應用可視化樣式，功能更強大。

3)唯一已命名的頁面會給未來留下更多的選擇，這是因為新的Web內容顯示該備和樣式表類型都在改進。有朝一日，你可能需要將網站更改成全新的內容管理體系如果頁面和內容都包含在一致的、系統(tǒng)命名的頁面分區(qū)中，網站制作的轉變會更容易。在制作頁面線框圖和基礎導航時，要對頁面區(qū)域和主要頂面元素進行細致的語義命名，以發(fā)揮其功能性和便捷性。這個工作在項目開始時做起來很容易，越到后面越難且越不可能進行。