過去不論酸甜苦辣，不管悲歡離合，或是各種愛恨情仇我們都一筆勾銷。今天，讓我們重新來互相認識。
墨上花開：HTML有很多屬性是global的，比如：
accesskey可以用來快速使當前元素獲得焦點的快捷鍵
<!DOCTYPE HTML>
<html>
<body>
<a accesskey="w">W3School</a><br />
<a accesskey="g">Google</a>
</body>
</html>
注釋：請使用 Alt +accessKey來訪問帶有快捷鍵的元素。
contenteditable 元素里的內容是否可以被修改。
draggable 標明元素是否可以被拖拽
contextmenu 屬性為元素規定上下文菜單。這個菜單會在用戶右鍵點擊元素時出現。（目前沒有任何瀏覽器支持這個標簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 【大寫的冷漠臉】
dir 屬性規定元素內容的文本方向。
tabindex 屬性規定元素的 tab 鍵控制次序（當 tab 鍵用于導航時）。
spellcheck 屬性規定是否對元素進行拼寫和語法檢查。
dropzone 屬性規定在元素上拖動數據時，是否拷貝、移動或鏈接被拖動數據。
錦上添花：HTML基礎知識
圖層定義常見的屬性設置：
position:絕對定位和相對定位 (abosolute,relative)
height:模塊的高度
width:模塊的寬度
left:相對于窗口左邊的位置
top:相對于窗口上邊的位置。
在網頁設計中，有時會將多個標題進行組合，這時<hgroup>可以對封裝多個h標簽，不影響html文檔的大綱。代碼使用如下：
<hgroup>
<h3>Hello</h3>
<h3>World</h3>
</hgroup>
柳暗花明：<section>與<article>
<section>顧名思義就是一個章節，它適用于對文檔進行分塊，將文檔劃分為章節，或者對一篇文章進行分塊，將整篇文章分成不同的內容塊。<section>一般包含h1-h6的標題元素，一般不用包含header和footer標簽。代碼如下：
<section>
<h1>這是一個子標題</h1>
<p>第一個子標題描述的內容</p>
</section>
<section>
<h1>這是另一個子標題</h1>
<p>這是另一個子標題描述的內容</p>
</section>
<artice>標簽是特殊的<section>標簽，與<section>不同，<artice>標簽是將文檔或文章中的內容劃分為相對獨立的模塊，當然，我們所說的獨立是指同一級別的artice標簽中的內容是相互獨立，所以一般在artice標簽內一般包含header和footer標簽。<artice>標簽修飾的內容一般為論壇帖子，雜志或新聞文章，博客，用戶提交的評論等。使用代碼如下：
<artice>
<header>
<h2>撰稿人：小明</h2>
<p><time pubdate="2014-9T:21-23:00">2小時前</time></p>
</header>
<p>小明的文章寫的真好---</p>
</artice>
<artice>
<header>
<h2>撰稿人：小張</h2>
<p><time pubdate="2014-10-9T：21-23：00">2小時前</time></p>
</header>
<p>小張的文章寫的真好</p>
</artice>
由上面的舉例，我們可以通過下面的方式區分兩者的使用：假設我們修飾的內容為A，如果A脫離了整體依舊能成為獨立的整體，那么我們選擇artice修飾，如果脫離整體只能作為獨立的部分，我們就用section修飾，以下用代碼舉例：
<artice>
<header>
<h1>大家好，我是小麗</h1>
</header>
<p>本文介紹小麗喜歡的水果</p>
<section>
<h2>小麗最喜歡的是石榴</h2>
<p>石榴營養豐富</p>
</section>
<section>
<h2>小麗第二喜歡的是葡萄</h2>
<p>葡萄可以美容</p>
</section>
</artice>
總結：從理論上講，適用artice的都適用section，反之不一定。
