HTML5基礎學習

2022-08-17 11:33:15 字數 3651 閱讀 1618

html5 type新增的屬性有:color、date、datetime、datetime-local 、month、week、time 、email、number、range、search、tel、url,

a:time用來設定時間(小時和分鐘);

b:date用來設定年月日;

c:month用來設定年和月;

d:week用來設定年和周;

d:datetime用來設定年月日和時間;(utc時間)  不常用,以後可能會被清除,蘋果中已經刪除,所以相容性不好。

google chrome谷歌瀏覽器中顯示:

在firefox火狐瀏覽器中顯示:

a:type="number"number 型別用於應該包含數值的輸入域;

b:type="range"型別用於應該包含一定範圍內數字值的輸入域;

c:type="color"定義拾色器;

d:search型別用於搜尋域,可以在輸入框中輸入內容,當輸入內容後,輸入框的最後面會有乙個「×」號,當點選「×」號時,輸入框的搜尋內容會被清除;只有goole chrome才會有×符號。

autocomplete="on"   如果不填寫該屬性則預設是自動完成的,雙擊會有之前填寫的記錄。

autocomplete="off"   雙擊文字框不會出現之前填寫的記錄。

autocomplete屬性規定form或input域擁有自動完成功能,該屬性適用於

multiple屬性規定輸入域中可選擇多個值,該屬性適用於標籤的email和file

multiple="multiple" 屬性可以用於檔案上傳,和多個郵件位址。這樣對後端提取資料很麻煩。

placeholder 屬性提供可描述輸入字段預期值的提示資訊,該提示會在輸入欄位為空時顯示,並會在字段獲得焦點時消失

表單是前端的噩夢,使用bootstrap前端框架!!!

a:src是html4中已有屬性,規定引入資源;

b:autocomplete是html5新增的屬性,規定輸入字段是否應該啟用自動完成功能;

c:required是html5新增的屬性,規定必需在提交之前填寫輸入字段;

d:type是html4中已有屬性,定義型別;

e:checked是html4中已有屬性,規定在頁面載入時應該被預先選定的 input 元素;

a:placeholder屬性規定可描述輸入字段預期值的簡短的提示資訊;

b:required該屬性規定必須在提交表單之前輸入域不能為空;

c:autofocus屬性規定當頁面載入時 input 元素應該自動獲得焦點;

d:autocomplete屬性規定輸入字段是否應該啟用自動完成功能;

autocomplete屬性規定form或input域擁有自動完成功能,該屬性適用於標籤和標籤

rel   引用 規定當前文件與被鏈結文件之間的關係

icon  小圖示

href  超文字引用(hypertext reference)規定被鏈結文件的位置

type     物件的型別

image/gif,jpeg,png      型別 / 具體格式

sizes    根據使用者不同解析度而選擇合適的大小。

16*16  寬高為16*16的

rel  引入什麼

type  引入物件是什麼型別

href  引入物件的具體位址

乙個網頁會使用很多的鏈結跳轉

base   控制整個頁面的基礎

href   超文字引用(hypeertext reference)href規定頁面中所有相對鏈結的基準 url

target  鏈結跳轉  控制整個頁面所有超連結的跳轉方式

_blank  跳轉時,建立新頁面進行跳轉

_self   在本身頁面進行跳轉

media規定被鏈結文件將被顯示在什麼裝置上

hreflang   超文字引用語言(hypertext reference)language    ,指定頁面跳轉時使用的語言

zh  中文

zh-cn  簡體中文

zh-uk  正體中文(香港)

zh-tw  台灣語言

en   英文

rel引用規定當前文件與被鏈結文件之間的關係  (從其他伺服器引入的鏈結,)

external   外部的

text.js的內容

document.write("這是引入外部的js檔案");

顯示:defer  延遲,推遲   目前只支援ie瀏覽器,google chrome 不支援。

async  非同步   非同步,即是多執行緒。載入頁面的同時也載入外部引入的檔案。如:js  css 等檔案。

defer="defer"  載入完所有文件後,再載入該引入的檔案。目前只支援ie瀏覽器,相容性不好。

所以想要後面載入,那麼就把該句**放在之前。

async="async"

載入網頁文件時,載入到該句**時,和網頁結構同時開始一起載入外部引入檔案。

該屬性支援所有主流瀏覽器。

a:標籤用於定義客戶端指令碼;

b:

HTML5基礎學習

html5新元素 需要注意 type tel 是為移動端開啟手機鍵盤服務的,網頁端無效果 datetime目前瀏覽器不支援,可用datetime local達到效果。使用者名稱 type text br 密碼 type password br type email br type tel br ty...

HTML5學習筆記二 HTML基礎

html 標題 heading 是通過 標籤來定義的.h1 標題一 h1 h2 標題二 h2 h3 標題三 h3 html 段落是通過標籤 來定義的.p 親吻你的手還靠著你的頭 p p 讓你躺胸口 那個人已不是我 p p 這些平常的舉動 p a href 這是我的部落格鏈結 a html 影象是通過...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...