web前端(從零開始),每天更新學習筆記 給內(nèi)容分段

在這里我還是要推薦下我自己建的web前端開發(fā)學習群:731669587裆针,群里都是學web前端開發(fā)的刨摩,如果你正在學習前端 ,小編歡迎你加入世吨,今天分享的這個案例已經(jīng)上傳到群文件澡刹,大家都是軟件開發(fā)黨,不定期分享干貨(只有前端軟件開發(fā)相關的)耘婚,包括我自己整理的一份2018最新的前端進階資料和高級開發(fā)教程罢浇,歡迎進階中和進想深入前端的小伙伴。

HTML5

是用于對網(wǎng)站或應用程序頁面的內(nèi)容進行分區(qū)沐祷,在html4中嚷闭,我們一般用

來實現(xiàn),現(xiàn)在HTML5中我們可以專門來進行分區(qū)塊赖临。通常由內(nèi)容和標題組成胞锰,雖然

也可以分區(qū)塊,但是并非是一個簡單的容器元素兢榨,當然一個容器元素需要被定義樣式或者腳本定義行為的時候嗅榕,推薦使用

是關注結構的獨立性吵聪,而是關注內(nèi)容的獨立性凌那。

包含的內(nèi)容可以單獨存儲到數(shù)據(jù)庫中或者傳輸?shù)絯ord文檔中,可以看一下示例:

效果:

示例

3.雖然現(xiàn)在看來跟

沒什么區(qū)別暖璧,但在語義上有所不同,跟類似都是表示區(qū)塊的分割君旦,他們的功能跟

類似澎办,都是分割不同的區(qū)域嘲碱,使用方法也比較相似,實際上區(qū)別還是很大的局蚀,在使用上還需斟酌

代表文檔麦锯,頁面或應用程序中獨立的,完整的琅绅,可以被外部引用的內(nèi)容扶欣。比如博客一篇文章,論壇的帖子千扶,一個評論料祠,所以一般包含 等。

用于對網(wǎng)站或應用程序中頁面內(nèi)容進行分塊澎羞,一個通常由內(nèi)容髓绽,標題組成,一般不用包含 妆绞,通常用于給有標題的元素進行分段顺呕,作用就是對頁面內(nèi)容進行分塊處理,比如文章分段(段落)括饶,相鄰的應該是關聯(lián)的株茶,而不像是獨立的,我們可以看一下示例:

示例

從以上示例中图焰,我們可以看到更強調(diào)獨立性启盛,強調(diào)關聯(lián)性,當然在網(wǎng)頁的布局楞泼,我們也不是處處都是用這兩個標簽驰徊。當不關注這個獨立性,完整性的時候堕阔,我們使用

棍厂。由此我們可以再看一下這個示例:

用法示例

還有示例:

用法示例

看了這些,大家應該對,在使用上有大概的認識,希望對大家使用有幫助猛蔽,在這里感謝我的60個粉絲的支持腕侄。一般不一一點名了。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末张漂,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子谨娜,更是在濱河造成了極大的恐慌航攒,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件趴梢,死亡現(xiàn)場離奇詭異漠畜,居然都是意外死亡币他,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門憔狞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蝴悉,“玉大人,你說我怎么就攤上這事瘾敢∨墓冢” “怎么了?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵簇抵,是天一觀的道長庆杜。 經(jīng)常有香客問我,道長正压,這世上最難降的妖魔是什么欣福? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮焦履,結果婚禮上拓劝,老公的妹妹穿的比我還像新娘。我一直安慰自己嘉裤,他們只是感情好郑临,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著屑宠,像睡著了一般厢洞。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上典奉,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天躺翻,我揣著相機與錄音,去河邊找鬼卫玖。 笑死公你,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的假瞬。 我是一名探鬼主播陕靠,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼脱茉!你這毒婦竟也來了剪芥?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤琴许,失蹤者是張志新(化名)和其女友劉穎税肪,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡益兄,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年签财,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片偏塞。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖邦鲫,靈堂內(nèi)的尸體忽然破棺而出灸叼,到底是詐尸還是另有隱情,我是刑警寧澤庆捺,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布古今,位于F島的核電站,受9級特大地震影響滔以,放射性物質(zhì)發(fā)生泄漏捉腥。R本人自食惡果不足惜你画,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一抵碟、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧坏匪,春花似錦拟逮、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至凭迹,卻和暖如春罚屋,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背嗅绸。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工脾猛, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人朽砰。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓尖滚,卻偏偏與公主長得像,于是被迫代替她去往敵國和親瞧柔。 傳聞我的和親對象是個殘疾皇子漆弄,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容