1. 程式人生 > >html 語義化的理解

html 語義化的理解

<div id="navfirst">
<ul id="menu">
<li id="h"><a href="/h.asp" title="html教程">html教程</a></li>
<li id="x"><a href="/x.asp" title="XML教程">XML教程</a></li>
<li id="b"><a href="/b.asp" title="瀏覽器指令碼">瀏覽器指令碼</a></li>
<li id="s"><a href="/s.asp" title="伺服器指令碼">伺服器指令碼</a></li>
<li id="d"><a href="/d.asp" title="dot net教程">dot net教程</a></li>
<li id="m"><a href="/m.asp" title="多媒體教程">多媒體教程</a></li>
<li id="w"><a href="/w.asp" title="建站手冊">建站手冊</a></li>
</ul>
</div>

html語義化的理解,看了一些資料再看了一次W3C大概瞭解到語義化分為兩種


1、結構上的語義化

     你寫的那個塊是幹什麼的,每一個元素使做什麼的,通過id或者class或者本省的一些屬性的配合讓你的塊更能讓電腦讀懂你的程式碼


並且,由於標記沒有包含影象和表格單元,這個導航欄元件可以在不改變結構的情況下被站點內的任何頁面所引用,同時賦予它不同的視覺效果。簡而言之,


通過對程式碼進行模組化,我們提高了程式碼的複用性。


2、功能模組化

   儘量用具有功能性語義化的標籤來寫程式碼,而不是隻看樣式,只看樣式的化可以用css例如hx標籤就是表示標題,在寫表格的時候頁要寫th ,thead,tbody,caption這樣計算機就會理解這個

這是一個表單,而且哪些使標題,這個表主要是做什麼的。


先總結到這裡,以後再來完善