網頁結構化是什么?成都Web前端培訓有哪些必備知識呢?
成都Web前端培訓有哪些必備知識呢?朗沃教育的小編就來聊聊吧。
一個優秀的網頁,必須要有一個優秀的網頁結構。
這是我對網頁結構化的理解。
網頁結構化能夠幫助我們把網頁的內容整理出條理,讓網頁結構和內容上給用戶很清晰的思路。不能讓瀏覽者在看了網頁后不知道你要表達什么,或者你沒能把你想要表達的東西表達出來。
而且網頁結構化可以進行邏輯規劃,支持瀏覽者能用鍵盤快速定位,幫助瀏覽者預覽網頁主要信息,快速找到自己感興趣的內容板塊,極大地提高瀏覽信息。那我接下來細致看看web的結構化。
在成都WEB前端培訓中,在整個頁面里基本上都是用戶要看的數據,其中只包含了很少的必要布局標簽。整個頁面基本都是由最基礎的h1~h6、p、ul、ol、li、form、div標簽來實現的。
我們采用WEB標準的方法制作頁面的優勢就體現在頁面結構清晰。我們以前用table布局的時候,我們的內容顯示和布局樣是混在一起的,有很多冗余的數據混雜在一起,這會導致代碼、頁面布局、內容的混亂。那具體怎樣才不混亂?
在成都Web前端培訓網頁結構化具體內容
如果你要顯示的數據是作為標題顯示的時候,就用h1~h6標簽,因為這個標簽的意思就是說,這個是一個標題,不僅我們的用戶很容易理解h-head的英文字母縮寫,搜索引擎也可以很容易理解它。
一個充分結構化的頁面,對用戶是十分友好的。
同理還有:
p--Paragraph(段落);
ul--unorglized list(無序的列表) ;
ol--orglized list(有序的列表) ;
li--list item(列表項) ;
form--表單 ;
div--division(區域) 。
XHTML標簽是有著自己的意義。(至于其他的標簽的語意義,大家可以自己到W3C看看它的解釋,也可以查看語義化你的HTML標簽和屬性),
所以我們講要語意化的意思,就是用合理的標簽來顯示數據,比如前面提到的,是標題,就應該用h1~h6標簽,如果是一個段落的介紹文字,那么就應該使用p標簽,如果是顯示的一個沒有順序的列表,就應該用ul標簽……
所以我們使用WEB標準開發頁面,絕對不是單純的把以前的table換成DIV就OK了。
而采用標準制作頁面,也不意味著我們就不使用table。
只要把握我剛才說的原則,使用合理的標簽顯示相應特征的數據。 其實我們的table標簽是一個很好的用來顯示二維數據的標簽,而table標簽也確實是設計出來用來顯示數據的,而不是用來布局的,只是我們當時的設計師們都用table標簽來布局了。
成都Web前端培訓編寫網頁只要還當前網站開發的框架下,它的重要性就不會變化,只會越老越重要。因為這是用戶所需要的體驗之一。而我們能做的就是將網頁結構化設計的更加合理正確。