大學(xué)生H5網(wǎng)頁設(shè)計作業(yè)頁面結(jié)構(gòu)常用的HTML5新元素

更新時間：2021-04-14 文章分類：網(wǎng)頁技術(shù)課堂

學(xué)習(xí)HTML5標(biāo)簽最好的方法當(dāng)然就是試著使用它們。雖然現(xiàn)在有很多現(xiàn)成的網(wǎng)頁布局的模板可以方便的拿來用，但是對于大學(xué)生來說，自己實現(xiàn)簡單的頁面布局絕對是有必要的。HTML5的語義化標(biāo)簽以及屬性，可以讓開發(fā)者非常方便地實現(xiàn)清晰的web頁面布局，加上CSS3的效果渲染，快速建立豐富靈活的web頁面顯得非常簡單。

HTML5提供了不少新的元素來創(chuàng)建更好的頁面結(jié)構(gòu)，在大學(xué)生網(wǎng)頁設(shè)計作業(yè)中，我們經(jīng)常用到的HTML新元素主要有以下元素：

<article> 標(biāo)簽常用于定義頁面獨立的內(nèi)容區(qū)域。

<aside> 標(biāo)簽常用于定義頁面的側(cè)邊欄內(nèi)容。

<command> 標(biāo)簽常用于定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕

<dialog> 標(biāo)簽常用于定義對話框，比如提示框

<footer> 標(biāo)簽常用于定義 section 或 document 的頁腳。

<header> 標(biāo)簽常用于定義了文檔的頭部區(qū)域

<nav> 標(biāo)簽常用于定義導(dǎo)航鏈接的部分。

最后要說的是，頁面元素由HTML5實現(xiàn)，而元素的顯示效果是CSS3渲染的，CSS3的代碼可以和HTML5的代碼放在同一個文件，也可以是獨立的文件，只要在HTML5文件里引用即可，下期STU網(wǎng)頁作業(yè)為大家講解CSS3的一些新特性。

上一篇：大學(xué)生網(wǎng)頁設(shè)計使用css3的transition簡...

下一篇：學(xué)生網(wǎng)頁作業(yè)選擇靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁有什么區(qū)別

大學(xué)生H5網(wǎng)頁設(shè)計作業(yè)頁面結(jié)構(gòu)常用的HTML5新元素

作品推薦

相關(guān)文章