2017年1月12日 星期四

多種div、自定標籤、IE9以下支援、屬性值 (HTML5一)

W3C官網連結


※多種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

沒有留言:

張貼留言