HTML5標籤屬性及用法(二)

1、圖形SVG

1)什麼是SVG?
SVG 指可伸縮矢量圖形 (Scalable Vector Graphics);
SVG 用於定義用於網絡的基於矢量的圖形;
SVG 使用 XML 格式定義圖形;
SVG 圖像在放大或改變尺寸的情況下其圖形質量不會有損失;
SVG 是萬維網聯盟的標準.

2)在 HTML5 中,您能夠將 SVG 元素直接嵌入 HTML 頁面中:

實例

<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
    <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

</body>
</html>

2、HTML5表單

(1)  Input 類型

·email (包含 e-mail 地址的輸入域
·url (包含 URL 地址的輸入域
·number (應該包含數值的輸入域
·range (包含一定範圍內數字值的輸入域,如:<input type="range" name="points" min="1" max="10" />
·Date pickers (date, month, week, time, datetime, datetime-local) (日期選擇器)

— date - 選取日、月、年
— month - 選取月、年
— week - 選取周和年
— time - 選取時間(小時和分鐘)
— datetime - 選取時間、日、月、年(UTC 時間)
— datetime-local - 選取時間、日、月、年(本地時間)

·search
·color

(2)新表單元素

·datalist(規定輸入域的選項列表)
·keygen(提供一種驗證用戶的可靠方法
·output(用於不同類型的輸出




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章