★Doctype
HTML4(穎:反正就是一長串...)
HTML5: <!DOCTYPE html>
★Meta
HTML4: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
HTML5: <meta charset="UTF-8">
★Script
HTML4: <script src="file.js"></script>
HTML5: <script src="file.js"></script>
★Link
HTML4: <link rel="stylesheet" href="file.css">
HTML5: <link rel="stylesheet" href="file.css">
★i tag
HTML4: ilalic
HTML5: "alternate voice" or "mood"
★b tag
HTML4: bold
HTML5: "stylistically offset"
★em tag
HTML4: emphasis
HTML5: stress emphasis
★strong tag
HTML4: strong emphasis
HTML5: strong importance
--element--
★Section 跟div很像,不過裏頭的東西要有關連!?
★Header
★Footer
★Aside
★Nav
★Article
★Main
★Figure/figcaption
★Time
(各種殺掉div的elementXDD)
--new input types--
★Search
★Email
★URL
★TEl
(各種方便手機輸入的概念...)
★Number box右方會有可以增加、減少的按鈕
★Range slider~~~<3
★Date
★Month
★Week
★Time
★Datetime
★Datetime-local
★Color
★datalist(好物<3)
EX:
<input list="browsers">
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
</datalist>
--form attributes--
★Placeholder 顯示於box中,開始輸入時自動消失(不像value還要清除)
★Autofocus 跳入頁面時,'游標自動在那一格
★Autocomplete
★Required 不可留白
★Pattern 檢查符不符合規則
★List
★Multiple
★novalidate
★formnovalidate
★form
★formaction
★formentype
★formmethod
HTML4(穎:反正就是一長串...)
HTML5: <!DOCTYPE html>
★Meta
HTML4: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
HTML5: <meta charset="UTF-8">
★Script
HTML4: <script src="file.js"></script>
HTML5: <script src="file.js"></script>
★Link
HTML4: <link rel="stylesheet" href="file.css">
HTML5: <link rel="stylesheet" href="file.css">
★i tag
HTML4: ilalic
HTML5: "alternate voice" or "mood"
★b tag
HTML4: bold
HTML5: "stylistically offset"
★em tag
HTML4: emphasis
HTML5: stress emphasis
★strong tag
HTML4: strong emphasis
HTML5: strong importance
--element--
★Section 跟div很像,不過裏頭的東西要有關連!?
★Header
★Footer
★Aside
★Nav
★Article
★Main
★Figure/figcaption
★Time
(各種殺掉div的elementXDD)
--new input types--
★Search
★URL
★TEl
(各種方便手機輸入的概念...)
★Number box右方會有可以增加、減少的按鈕
★Range slider~~~<3
★Date
★Month
★Week
★Time
★Datetime
★Datetime-local
★Color
★datalist(好物<3)
EX:
<input list="browsers">
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
</datalist>
--form attributes--
★Placeholder 顯示於box中,開始輸入時自動消失(不像value還要清除)
★Autofocus 跳入頁面時,'游標自動在那一格
★Autocomplete
★Required 不可留白
★Pattern 檢查符不符合規則
★List
★Multiple
★novalidate
★formnovalidate
★form
★formaction
★formentype
★formmethod