1. 程式人生 > >給div命名,使邏輯更加清晰

給div命名,使邏輯更加清晰

desc list 進行 們的 reg wan ref bsp 身份證號

我們把一些標簽放進<div>裏,劃分出一個獨立的邏輯部分。為了使邏輯更加清晰,我們可以為這一個獨立的邏輯部分設置一個名稱,用id屬性來為<div>提供唯一的名稱,這個就像我們每個人都有一個身份證號,這個身份證號是唯一標識我們的身份的,也是必須唯一的。

如下兩圖進行比較,如果設計師把兩個圖給你,哪個圖你看上去能更快的理解呢?是不是右邊的那幅圖呢。

技術分享

語法:

<div id="版塊名稱">…</div>

任務

我來試試:給網頁的獨立的版塊添加“標記”

1、在右部編輯器中的第8行修改<div>代碼為<div id="hotList">。

2、在右部編輯器中的第16行修改<div>代碼為<div id="learningInstructed">。

附圖:技術分享

給div命名,使邏輯更加清晰