音樂專輯名
音樂作品
專輯專輯名稱 | 發行時間 |
Dream girl 2013-02-19 韓語 |
歌曲歌詞
中文翻譯
Aside
整晚都在腦中描繪著你的樣子
又覺得這樣隨意很抱歉
不知不覺你在我心裡變得如此重要
雖然你不知道
隨著面對你的時間越來越多
越是怕努力隱藏的感情暴露
說實話 你幸福的臉龐
最讓我無所適從
每當你對我微笑 內心深處
深深的失落又會發作
雖然不能 但好想擁抱你
感受你 夢到你
會討厭一直愛你的他
也會無比羨慕你們倆
但總會有將我的心全部裝好的那一天
牽著你的手 回憶著你我的往事
心動到無法控制的日子裡
雖然也可以自私的向你告白
但那之後我們又會如何
我很害怕
repeat
記得第一次看到你流淚那天
看著訴苦的你 有了壞心的期待
現在前面這刺眼的兩個人和
做著蹩腳的演技的我
即使自責像傻瓜似的我
我的心依然向著你
像是故意裝作聽不到的你面前
自說自話想離你更近些
但總會有將我的心全部裝好的那一天
牽著你的手 回憶著你我的往事
元素名
簡介
aside,是html5的最新元素,目前大部分主流的瀏覽器都兼容,IE6等需要載入js來達到顯示效果
提示和注釋
提示:<aside> 的的內容可用作文章的側欄。
注意:不要將 <aside> 元素去標記括弧內的文本,因為這種類型的文本(即括弧內的文本)被認為是其內容流的一部分。
使用方法
使用方法一
被包含在<article>中作為主要內容的附屬信息部分,其中的內容可以是與當前文章有關的引用、辭彙列表等。
使用方法二
在<article>之外使用,作為頁面或站點全局的附屬信息部分;最典型的形式是側邊欄(sidebar),其中的內容可以是友情連結、附屬導航或廣告單元等。
使用實例
下面的代碼示例綜合了以上兩種使用方法:
<body>
<header>
<h1>My Blog</h1>
</header>
<article>
<h1>My Blog Post</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>
<aside>
<!-- Since this aside is contained within an article, a parser
should understand that the content of this aside is directly related
to the article itself. -->
<h1>Glossary</h1>
<dl>
<dt>Lorem</dt>
<dd>ipsum dolor sit amet</dd>
</dl>
</aside>
</article>
<aside>
<!-- This aside is outside of the article. Its content is related
to the page, but not as closely related to the above article -->
<h2>Blogroll</h2>
<ul>
<li><a href="#" title="廣州網站建設">廣州網站建設</a></li>
<li><a href="#" title="廣州企業網站建設">廣州企業網站建設</a></li>
<li><a href="#" title="廣州網站最佳化">廣州網站最佳化</a></li>
</ul>
</aside>
</body>
支持屬性
支持全局屬性
NEW:HTML 5 中新的全局屬性。
屬性 | 描述 |
accesskey | 規定訪問元素的鍵盤快捷鍵 |
class | 規定元素的類名(用於規定樣式表中的類)。 |
contenteditable | 規定是否允許用戶編輯內容。 |
contextmenu | 規定元素的上下文選單。 |
dir | 規定元素中內容的文本方向。 |
draggable | 規定是否允許用戶拖動元素。 |
dropzone | 規定當被拖動的項目/數據被拖放到元素中時會發生什麼。 |
hidden | 規定該元素是無關的。被隱藏的元素不會顯示。 |
id | 規定元素的唯一 ID。 |
lang | 規定元素中內容的語言代碼。 |
spellcheck | 規定是否必須對元素進行拼寫或語法檢查。 |
style | 規定元素的行內樣式。 |
tabindex | 規定元素的 tab 鍵控制次序。 |
title | 規定有關元素的額外信息。 |
全局事件屬性
HTML 4 增加了通過事件觸發瀏覽器中行為的能力,比如當用戶點擊某個元素時啟動一段 JavaScript。
如果需要學習更多有關使用這些事件進行編程的內容,請學習我們的 JavaScript 教程 和 DHTML 教程。
下面的表格列出了可插入 HTML 5 元素中以定義事件行為的標準事件屬性。
Window 事件屬性 - Window Event Attributes
表單事件 - Form Events
鍵盤事件 - Keybord Events
滑鼠事件 - Mouse Events
媒介事件 - Media Events
new:HTML 5 中的新的事件屬性。
支持Window事件屬性
window 對象觸發的事件。
適用於 <body> 標籤:
屬性 | 值 | 描述 |
onafterprint | script | 在列印文檔之後運行腳本 |
onbeforeprint | script | 在文檔列印之前運行腳本 |
onbeforeonload | script | 在文檔載入之前運行腳本 |
onblur | script | 當視窗失去焦點時運行腳本 |
onerror | script | 當錯誤發生時運行腳本 |
onfocus | script | 當視窗獲得焦點時運行腳本 |
onhaschange | script | 當文檔改變時運行腳本 |
onload | script | 當文檔載入時運行腳本 |
onmessage | script | 當觸發訊息時運行腳本 |
onoffline | script | 當文檔離線時運行腳本 |
ononline | script | 當文檔上線時運行腳本 |
onpagehide | script | 當視窗隱藏時運行腳本 |
onpageshow | script | 當視窗可見時運行腳本 |
onpopstate | script | 當視窗歷史記錄改變時運行腳本 |
onredo | script | 當文檔執行再執行操作(redo)時運行腳本 |
onresize | script | 當調整視窗大小時運行腳本 |
onstorage | script | 當文檔載入載入時運行腳本 |
onundo | script | 當 Web Storage 區域更新時(存儲空間中的數據發生變化時) |
onunload | script | 當用戶離開文檔時運行腳本 |
表單事件
由 HTML 表單內部的動作觸發的事件。
適用於所有 HTML 5 元素,不過最常用於表單元素中:
屬性 | 值 | 描述 |
onblur | script | 當元素失去焦點時運行腳本 |
onchange | script | 當元素改變時運行腳本 |
oncontextmenu | script | 當觸發上下文選單時運行腳本 |
onfocus | script | 當元素獲得焦點時運行腳本 |
onformchange | script | 當表單改變時運行腳本 |
onforminput | script | 當表單獲得用戶輸入時運行腳本 |
oninput | script | 當元素獲得用戶輸入時運行腳本 |
oninvalid | script | 當元素無效時運行腳本 |
onreset | script | 當表單重置時運行腳本。HTML 5 不支持。 |
onselect | script | 當選取元素時運行腳本 |
onsubmit | script | 當提交表單時運行腳本 |
鍵盤事件
由鍵盤觸發的事件。
適用於所有 HTML 5 元素:
屬性 | 值 | 描述 |
onkeydown | script | 當按下按鍵時運行腳本 |
onkeypress | script | 當按下並鬆開按鍵時運行腳本 |
onkeyup | script | 當鬆開按鍵時運行腳本 |
滑鼠事件
由滑鼠或相似的用戶動作觸發的事件。
適用於所有 HTML 5 元素:
屬性 | 值 | 描述 |
onclick | script | 當單擊滑鼠時運行腳本 |
ondblclick | script | 當雙擊滑鼠時運行腳本 |
ondrag | script | 當拖動元素時運行腳本 |
ondragend | script | 當拖動操作結束時運行腳本 |
ondragenter | script | 當元素被拖動至有效的拖放目標時運行腳本 |
ondragleave | script | 當元素離開有效拖放目標時運行腳本 |
ondragover | script | 當元素被拖動至有效拖放目標上方時運行腳本 |
ondragstart | script | 當拖動操作開始時運行腳本 |
ondrop | script | 當被拖動元素正在被拖放時運行腳本 |
onmousedown | script | 當按下滑鼠按鈕時運行腳本 |
onmousemove | script | 當滑鼠指針移動時運行腳本 |
onmouseout | script | 當滑鼠指針移出元素時運行腳本 |
onmouseover | script | 當滑鼠指針移至元素之上時運行腳本 |
onmouseup | script | 當鬆開滑鼠按鈕時運行腳本 |
onmousewheel | script | 當轉動滑鼠滾輪時運行腳本 |
onscroll | script | 當滾動元素滾動元素的滾動條時運行腳本 |
媒介事件
由視頻、圖像以及音頻等媒介觸發的事件。
適用於所有 HTML 5 元素,不過在媒介元素(諸如 audio、embed、img、object 以及 video)中最常用:
屬性 | 值 | 描述 |
onabort | script | 當發生中止事件時運行腳本 |
oncanplay | script | 當媒介能夠開始播放但可能因緩衝而需要停止時運行腳本 |
oncanplaythrough | script | 當媒介能夠無需因緩衝而停止即可播放至結尾時運行腳本 |
ondurationchange | script | 當媒介長度改變時運行腳本 |
onemptied | script | 當媒介資源元素突然為空時(網路錯誤、載入錯誤等)運行腳本 |
onended | script | 當媒介已抵達結尾時運行腳本 |
onerror | script | 當在元素載入期間發生錯誤時運行腳本 |
onloadeddata | script | 當載入媒介數據時運行腳本 |
onloadedmetadata | script | 當媒介元素的持續時間以及其他媒介數據已載入時運行腳本 |
onloadstart | script | 當瀏覽器開始載入媒介數據時運行腳本 |
onpause | script | 當媒介數據暫停時運行腳本 |
onplay | script | 當媒介數據將要開始播放時運行腳本 |
onplaying | script | 當媒介數據已開始播放時運行腳本 |
onprogress | script | 當瀏覽器正在取媒介數據時運行腳本 |
onratechange | script | 當媒介數據的播放速率改變時運行腳本 |
onreadystatechange | script | 當就緒狀態(ready-state)改變時運行腳本 |
onseeked | script | 當媒介元素的定位屬性 [1] 不再為真且定位已結束時運行腳本 |
onseeking | script | 當媒介元素的定位屬性為真且定位已開始時運行腳本 |
onstalled | script | 當取回媒介數據過程中(延遲)存在錯誤時運行腳本 |
onsuspend | script | 當瀏覽器已在取媒介數據但在取回整個媒介檔案之前停止時運行腳本 |
ontimeupdate | script | 當媒介改變其播放位置時運行腳本 |
onvolumechange | script | 當媒介改變音量亦或當音量被設定為靜音時運行腳本 |
onwaiting | script | 當媒介已停止播放但打算繼續播放時運行腳本 |