HTML5新事物

來源:互聯網
上載者:User

標籤: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>意圖很明確,但並不是什麼時候都要使用它。使用它需要滿足如下條件:

  1. 有標題;
  2. 除了標題之外還有其它的元素,如<p>等;
  3. 如果僅僅是由多個標題組成的,可以只用<hgroup>,而不使用<header>
  4. 除此之外,頁首可以直接使用<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新事物

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.