移動Web開發(二)

  這些天一直在忙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

相關文章
相關標籤/搜索