這些天一直在忙iOS,Android和.Net方面的知識都有些忘記了,汗。不過仍是先重溫一下HTML吧,手動滑稽。canvas
說實話前面的基礎部分基本上你們都會,就當看個熱鬧吧。編輯器
一、HTML的核心要素——標籤(Tag)ide
用 p 標籤訂義一段文字;svg
用 em 標籤來強調一個短語;code
用 strong 標籤訂義首字母縮寫詞;ip
用 ul 和 li 標籤訂義一個列表;文檔
用 code 標籤展示一段代碼;input
等等。iframe
二、屬性(attribute)富文本編輯器
一些全局屬性: id: 元素的惟一標識符
title: 元素的標題
lang: 爲元素和包含元素指定語言
class: 規定元素的類名
其餘特有屬性: src: img和script元素,規定顯示圖像或者外部腳本文件的URL
rel: link和a元素,定義當前文檔和被連接文檔之間的關係
type: input元素、規定input元素的類型,使之呈現出不一樣形態
onclick: 全部可見元素、定義了相應的DOM時間,能夠在屬性值裏嵌入JavaScript代碼用以控制頁面。
三、HTML5的全局屬性
lang屬性:站點國際化。
contentEditable:元素可編輯。(簡單的富文本編輯器)
contextmenu: 右鍵菜單。
draggable和dropzone:拖曳功能。(文件拖放上傳)
hidden:讓元素不顯示
spellcheck:檢測可編輯區域的拼寫語法錯誤
data-*: 存儲與HTML相關聯的數據(不少JS庫都使用data-屬性來進行組件或者API的定義)
四、HTML內容模型
元數據式內容:base、meta、link、script、type、noscript、command、title
流式內容: 大部分元素
章節式內容:article\aside\nav\section
標題式內容:h1\h2\h3\h4\h5\h6\hgroup
段落式內容: a\abbr\image
嵌入式內容:audio\canvas\embed\iframe\imag\math\object\svg\vedio
交互式內容:a\audio\button\details\embed\iframe\imag\input\label\menu\select\textarea\video