1、網(wǎng)頁結(jié)構(gòu)
網(wǎng)頁結(jié)構(gòu)一般都包含文檔聲明DOCTYPE，并且在head中的meta應(yīng)該包含編碼格式、關(guān)鍵字、網(wǎng)頁描述信息。簡單格式如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World</title>
</head>
<body>
</body></html>
JD首頁的meta聲明：
<meta charset="gbk" />
<meta name="deion" content="京東JD.COM-專業(yè)的綜合網(wǎng)上購物商城,銷售家電、數(shù)碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數(shù)萬個(gè)品牌優(yōu)質(zhì)商品.便捷、誠信的服務(wù)，為您提供愉悅的網(wǎng)上購物體驗(yàn)!">
<meta name="Keywords" content="網(wǎng)上購物,網(wǎng)上商城,手機(jī),筆記本,電腦,MP3,CD,VCD,DV,相機(jī),數(shù)碼,配件,手表,存儲(chǔ)卡,京東">
包含charset編碼格式，Keywords關(guān)鍵字，deion網(wǎng)站描述。
2、自關(guān)閉元素
<br>、<embed> 、<hr>、<img>、<input>、<link>、<meta>、<param>、<source>、<wbr>
3、布局常用的兩個(gè)元素
(1)div：流布局使用;
(2)span：文字塊使用。
4、塊級(jí)別元素和行級(jí)別元素
塊級(jí)別元素：是指開始在新的行，占領(lǐng)整行寬度。例如div默認(rèn)是塊級(jí)別block元素;
行級(jí)別元素：僅僅維持內(nèi)容的寬度，例如文字塊的span元素;
通過CSS的display屬性聲明元素顯示級(jí)別，一般包括inline行級(jí)別、inline-block行內(nèi)塊元素、block、table塊級(jí)別表格。
5、文字類元素
(1)加粗元素：strong、b。例如：
<p><strong>Caution:</strong> Falling rocks.</p><p>This recipe calls for <b>bacon</b> and <b>baconnaise</b>.</p>
(2)傾斜元素：和。例如：
<!-- Stressed emphasis -->
<p>I <em>love</em> Chicago!</p>
<!-- Alternative voice or tone -->
<p>The name <i>Shay</i> means a gift.</p>
6、HTML5新增的結(jié)構(gòu)化元素
(1)結(jié)構(gòu)化元素包括：<header>, <nav>, <article>, <section>, <aside>, <footer>。
(2)元素級(jí)別：都是block級(jí)別元素，不包含樣式，只用于結(jié)構(gòu)化，每個(gè)頁面可多次使用。
(3)元素說明：header描述頭部信息，nav用于導(dǎo)航模塊，article用于可重新覆蓋的新聞?lì)悆?nèi)容塊，section模塊化，aside頁面左或右模塊，footer底腳模塊。
7、頁面內(nèi)跳轉(zhuǎn)
如果需要跳轉(zhuǎn)到頁面指定的位置，可在該位置設(shè)置元素的id屬性，然后為鏈接添加href="#id"。例如：
<body id="top">
...
<a href="#top">Back to top</a>
...
</body>
以上就是達(dá)內(nèi)科技的小編給大家整理的關(guān)于零基礎(chǔ)的學(xué)員學(xué)習(xí)HTML5要掌握好什么的內(nèi)容，如果說你是零基礎(chǔ)的學(xué)員的話，那么你可以點(diǎn)擊我們文章下面的獲取試聽資格按鈕來獲取我們的HTML5培訓(xùn)免費(fèi)課程試聽資格，來免費(fèi)的體驗(yàn)下我們的課程并和我們的講師進(jìn)行面對面的交流和互動(dòng)。在體驗(yàn)的課程里我們會(huì)先和學(xué)員從基礎(chǔ)開始講解的，所以大家也不用擔(dān)心說來體驗(yàn)的時(shí)候聽不懂講師在講什么，我們是會(huì)有一個(gè)由淺到深的過度的。
