標籤:style blog io ar color 使用 sp java for
1 指定編碼字元集,極力推薦
<meta charset="utf-8">
2 指定lang,所有的標籤上都有,推薦在<html>上指定。
3 css樣式的引入,不再需要指定type="text/css"
<link href="style.css" rel="stylesheet">
4 js的引入,不再需要language="javascript",但是關閉標籤是必須的。上面一行是針對IE而設定的。
<!-- saved form url=(0014)abort:internet --><script src="script.js"></script>
5 checkbox,checked是一個屬性,不再需要指定其值
<input type="checkbox" checked />
6 big,已經被刪除了。small卻被留下來了。
small的含義已經發生了改變,用來表示附屬細則,如法律條款等。
7 hr,樣式不變,但是含義發生了改變,現在用來表示主題的改變。
8
<strong>用來表示重要的東西(推薦使用);
<b>僅僅用來加粗字型。
<em>重讀的部分(推薦使用);
<i>僅僅用來斜體顯示。
9 <a>中現在可以是任意的東西。
10 <wbr>,word br,用來指定在對應的位置將過長的字串進行分割。還有<nobr>不要將一個字串進行分割。
11 <time>用來顯示一個時間,儘管沒有什麼樣式,但是可以自己去設定。
12
<header>
雖然<header>意圖很明確,但並不是什麼時候都要使用它。使用它需要滿足如下條件:
- 有標題;
- 除了標題之外還有其它的元素,如<p>等;
- 如果僅僅是由多個標題組成的,可以只用<hgroup>,而不使用<header>
- 除此之外,頁首可以直接使用<header>包含。
<header>中肯定要有標題的,如果一個<header>中僅僅包含了一個圖片,追加一個看不見的標題也是推薦的,這是遵守html5規則的。
<footer>
HTML5規定,只能在footer中放一些著作權,法律相關的資訊。其它的不建議放到footer中。
<article>
<section> 用來盛放任何一個有title的文字性描述。
13
<hgroup>,用來盛放所有標題的元素。除了標題之外什麼也不要放到它裡面。
<header>,它可以用來盛放<h2>之外的另外一個東西。
<header> <hgroup> <h2>This is something</h2> <h4>This is another something</h4> </hgroup> <p>Even I‘m not a title, I wanna be here</p></header>
14
<img> W3School上說,並不會真正的插入一個圖片,而只是連結一個圖片,這個標籤的意義是建立檔案的佔位空間。
15 CSS相關
padding: 內邊距。設定值可以為正數px或者百分數(參照值為其父元素的width),但是值不允許為負值。
margin: 外邊距。設定值可以為任意數值或者百分數,負值也是可以接受的。
margin合并: 當兩個垂直的元素的margin重合時,將會形成一個margin,其值為較大的一個。橫向的無影響。
16 figure, figcaption
插圖最好浮動在一個地方,而不是固定在某一個位置。
<figure>用來指定一個盛放圖片的地區。
<figcaption>存在於<figure>中,用來追加圖片的解說文字。
<figure style="float: left; margin-left: 20px;"> <img src="someimage.gif" /><!--因為存在了figcaption,alt顯得多餘了,可以刪除,但是不能--> <figcaption style="font-size:small, font-style:italic">Some words to discribe the image.</figcaption></figure>
17 aside,旁白,離題的話
一般也是float的,用來引入一些相關背景或者其它一些與文本不相干的內容。
18 document.createElement("header")
這句話是用來告訴IE9以前的那些兄弟們的。他們把不能識別的元素統統放棄掉,但是上面這句話就能夠騙過IE們,並且知會他們,header是一個元素了,我們可以對它使用樣式。
<!-- 這句話告訴瀏覽器,如果版本低於IE9的話,載入下面的js,不然不載入 --><!-- [If lt IE9] --> <script src="shiv.js"></script><!-- [endif] -->
19 nav標籤
用來產生導覽列的頁面元素。
20 section
具有標題,並且沒有更合適的標籤的一段文本資訊。
- 並列顯示的一個區塊;
- 獨立性的一段內容,但是與article沒有太大關係;
- 引用的一段比較長的文本;
HTML5新事物