※多種div
div可以化成8種標籤:header、section、footer、aside、nav、main、article、figure因為以前只要不知道用什麼標籤,就用div或span,所以整個畫面看起來看混亂,所以現在還可以用這8種,當然你要亂用也行,反正就是div,只是畫面會好看一些,如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <header>開頭</header> <main>主要內容</main> <footer>結尾</footer> </body> </html> -------------------- <header>開頭</header> <main> 主要內容 </main> <footer>結尾</footer>
※虛線下是更簡變的寫法,可以把html head body,甚至是doctype都可以省略
※自定標籤
<style> xxx { display: block; background-color: #FF0000; font-size: 30px; } </style> <xxx>123456</xxx>
※自定一個叫xxx的標籤,和以前的css一模一樣,只是自己定一個標籤名而已
※IE9以下的支援
<head> <!--[if lt IE 9]> <script src="官網提供的js路徑"></script> <![endif]--> </head>
※HTML5只有支援IE9(含)以上版本
※中間的js要到官網下載,或者直接打上http的路徑
※除了這一段打在head裡外,還必須把doctype html head body都顯式的打出來才行
※屬性值
<input value=xxx> <input value="xxx ooo"> <input value='xxx ooo'> <input value="a" disabled="disabled"> <input value="b" disabled="true"> <input value="c" disabled=""> <input value="d" disabled>
※屬性值可以不打「'」和「"」,但有空格或一些特殊符號還是要加
※boolean如上的四種寫法都是true(當然「'」「"」或不加也OK),其他都是false
沒有留言:
張貼留言