暢談HTML開發

2021-09-07 12:46:41 字數 1053 閱讀 2676

現在,開啟瀏覽器,各種各樣的頁面可以讓人眼花繚亂,對於行外人看到的是美觀效果是使用者體驗,對行內人很多其它的是關注技術和創造力。

對於開發者都知道div是一對html經常使用標籤,div+css是一對非常誘人的組合,非常多介面設計師通過軟體培訓班等學習這門手藝,當然自然非常多是衝著會用了div+css製作網頁。經常會被人讚以大拇指的。現在提到div+css,還有非常多人熱情高漲。接下來幫助大家糾正下div+css的一些誤解。

1、div僅僅是html最經常使用的標籤之中的乙個

顯然html並不僅僅是乙個div標籤實用,每乙個標籤都有它的用途。僅僅是div是當中最實用的乙個罷了。假設說你乙個div就能統領天下。那麼w3c 還公布那麼多標籤做什麼呢。table也不是一無是處,僅僅是用table比較簡單、easy上手才在早期被人錯誤的廣泛推廣。可是table在處理網頁資料的表現上,是其它標籤無法替代的。僅僅是,它不適合用來做整個頁面的布局。

2、**的可讀性

純div+css的站點的**的可讀性無疑是很差的。甚至table還能夠通過tr和td來區分行和列,一堆div堆砌在一起,假設沒有凝視,你根本不知道某個部分是做什麼用的。

因此凝視是每乙個開發者都必須要編輯的乙個至關重要的環節。

3、語義化與結構化

w3c公布n多標籤,他們肯定有他們的優點,假設說你頁面所有是div。我想無論你是多數牛叉的人。你眼睛必花。如今,在開發css的時候,提的越來越多的是語義化,語義化歸根究竟事實上還是**的可讀性問題。語義化就是讓**更易讀,更加易懂,比方。.text_01 就沒有.text_red easy理解。

html相同如此,比方我們看到就知道這是個有序列表;看到標籤就知道這是乙個段落,內容為文字;看到就知道這個是比還小的文字單位;看到、

就比上面的那個結構要清晰非常多。相信做開發的人對**的語義化和結構化的理解會更加深刻。

4、團隊合作

可讀性低、結構化和語義化差,團隊的其它成員的學習和維護難度就會提高,這對於乙個團隊來說,是非常浪費時間和精力的。

綜合以上所述。div+css的說法,已經把我們從table帶到了另外的乙個極端。正確的網頁設計不是乙個標籤雄霸天下,而是每乙個元素都使用合適的標籤。

如何學習 暢談

如果說一次總結就會了,那麼這個人可能就是神了,但是如果太急功近利了,又可能 hold不住。所以 對待總結 呢,要再三才可以 時常 我們學習一門新的課程是否注意到與以前的只是的對比呢。就像生活與學習是不可分割的 把學習對映到生活中 如 學習sql server這門課。首先我們先來看下這本的目錄章節。然...

HTML前端開發

文章中的 將會用引號代替 文件型別 doctype 這是為了讓瀏覽器知道我們使用的html版本,一般會在網頁的最上端新增乙個doctype宣告,告訴瀏覽器網頁的版本 html5 doctype html doctype大小寫均可 如果不寫文件宣告,則會導致有些瀏覽器進入怪異模式 quirks mod...

前端開發 html

前端必學的 html 文字 css 裝飾 js動態效果 http協議 超文字傳輸協議 用來規定服務端和瀏覽器之間資料互動的格式 四大特性 1.基於請求響應 2.基於tcp ip作用於應用層之上的協議 3.無狀態 不儲存使用者的資訊 4.無 短連線 請求一次響應一次,請求資料格式 請求首行 標示htt...