给div命名,使逻辑更加清晰
生活随笔
收集整理的這篇文章主要介紹了
给div命名,使逻辑更加清晰
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
我們把一些標(biāo)簽放進(jìn)<div>里,劃分出一個(gè)獨(dú)立的邏輯部分。為了使邏輯更加清晰,我們可以為這一個(gè)獨(dú)立的邏輯部分設(shè)置一個(gè)名稱,用id屬性來為<div>提供唯一的名稱,這個(gè)就像我們每個(gè)人都有一個(gè)身份證號(hào),這個(gè)身份證號(hào)是唯一標(biāo)識(shí)我們的身份的,也是必須唯一的。
如下兩圖進(jìn)行比較,如果設(shè)計(jì)師把兩個(gè)圖給你,哪個(gè)圖你看上去能更快的理解呢?是不是右邊的那幅圖呢。
語法:
<div ?id="版塊名稱">…</div>
任務(wù)
我來試試:給網(wǎng)頁的獨(dú)立的版塊添加“標(biāo)記”
1、在右部編輯器中的第8行修改<div>代碼為<div id="hotList">。
2、在右部編輯器中的第16行修改<div>代碼為<div id="learningInstructed">。
附圖:
?
轉(zhuǎn)載于:https://www.cnblogs.com/htmll/p/7617660.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的给div命名,使逻辑更加清晰的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: # 20155337 2017-2018
- 下一篇: bzoj2144: 跳跳棋(二分/倍增)