- Dec 01 Thu 2022 11:04
-
VScode 安裝
- Nov 22 Tue 2022 13:29
-
多重背景圖+漸層背景色
.in_section2 {
background-image: url(../images/img_aaa.png), url(../images/img_a1.svg),
-webkit-gradient(linear, lefttop, leftbottom, from(#f5fffe), to(#d4f6f4));
background-image: url(../images/img_aaa.png), url(../images/img_a1.svg),
linear-gradient(tobottom, #f5fffe, #d4f6f4);
- Feb 15 Fri 2019 14:54
-
線上繪圖： canvas
- Jul 22 Sun 2018 15:26
-
html5:新屬性-video、audio 影片、音訊檔案置入
video 插入方式與插人圖片(img)一樣簡單，只要設定好路徑及尺寸即可
但在 html5 插入的影片不會自動播放，得在影片畫面上新增控制面版，才能顯示播放鍵或自動播放
video 標籤裡可以一併使用用的屬性如下:
- src:指定影片檔的路徑
- poster: 影片沒有出現在畫面時， 指定取代顯示的圖片
- Mar 23 Fri 2018 17:07
-
HTML5: 表單 新屬性
- Mar 21 Wed 2018 14:52
-
html5: 新屬性-draggable 可進行拖放段落
draggable 一開始也是由 IE 引入，並擁有良好的瀏覽器支援(在預設情況下，某些元素已可拖曳: a 與 img )
但單單在元素上加上draggable仍無法產生拖放效果。draggable只是讓你指定可以拖曳的元素
要達到理想中的拖放效果需使用Javascript來：
1. 告訴瀏覽器可拖曳的元素可以放下的區域
2.告訴瀏覽器放下時要做什麼事
- Mar 21 Wed 2018 13:12
-
html5: 新屬性-contenteditble 可編輯區域
contenteditable 屬性初次現身於IE5.5，之後其它瀏覽器均將它納入支援項目。
原先目的是要支援瀏覽器編輯，使只允許使用者編輯內容，卻沒有保存編輯結果的功能，也不能產生所見即所得編輯器常見的編輯控制選項。
原始碼：
<!DOCTYPE html>
<html lang="en">
<!DOCTYPE html>
<html lang="en">
- Mar 20 Tue 2018 16:12
-
HTML5: 新增屬性-hidden
hidden 是 HTML5 具爭議的新功能之一。依據規範定義，hidden 應該套用在使者所檢視的畫面中 尚未或不再有關係 的內容，故瀏覽器不該將它呈現出來
但，文件物件模型(DOM)與搜尋引擎等機器仍然可以存取它的內容，也就是說如果該內容與使用者正檢視的畫面有關的話，JavaScript就可以鎖定它(例如)，並移除這個屬性將內容呈現
※在預設值的情況下，瀏覽器輸出結果 與一般表格 無異
原始碼：
<!DOCTYPE html>
<!DOCTYPE html>
- Mar 20 Tue 2018 15:57
-
HTML5: 新增屬性- <ol>
<ol>元素中
start 屬性可指定開始值，雖已問市一段時間，因當初不適用於表示內容。目前HTML5已納入
reversed 屬性可反向排序清單 ( 目前IE未支援 )
value 可明確指定值
原始碼：
- Mar 20 Tue 2018 15:16
-
HTML5:原生摺疊(收合)段落<summary>
將所有內容包在details元素內，並以summary指示某些內容區是"可摺疊的"<thead>應該拿來放表格的標題
若需預設情況下是展開的，可加入open屬性<details open>
(目前 IE、Edge 無法支援)
原始碼：
<!DOCTYPE html>
<!DOCTYPE html>
- Mar 20 Tue 2018 14:14
-
Html5微格式:標記時間<time>
以人類可以理解的日期時間資訊包含在time元素內，並以datatime屬性指定機器可讀的資訊 (可僅標示時間、日期或時區，亦可不需要標註)
為實現機器可讀性，時間日期資計必需為國際標準式 ISO 8601，期日期格式為YYYY-MM-DD，時間格式為hh:mm:ss。當要結合時間與日期時需以 T 來結合數字表示
※ time限制：不能用於不清確的日期，如"August 2017"，日期至少要有日、月、年
(目前仍未看到任何可以解析time來取得datatime資訊的機器，但可預期這種清況將發生)
2018/07/18更新: 該元素 可使用 pubdate屬性，pubdate屬性具有0或1數值。用法:<time datetime="2017-01-15" pubdata> 2017年01月15日</time>
- Mar 18 Sun 2018 15:59
-
html5 文件架構新元素
------- 新元素 -------
＠header
用來包含網頁或section的標題，也可以 包含補充資訊，如logo、 導覽輔助工具
＠footer
包含網頁或section的資訊， 如作者、相關資訊連結、版權聲明