輕量級語言,h5

2021-09-23 20:29:29 字數 1829 閱讀 1473

html:hypertext markup language

輕量級方法僅具有很少的一些規則和慣例,或者說,這些規則和慣例遵守起來很容易。

html5繼承了html所有的語法,所以html5與html的差異是以下這些html5的新特性:

html:超文字標記語言,像iphone6,iphone7,屬於前一代的公升級版;html5其實就是html4的公升級版,很多都是相容性的只是在原有的基礎上增加了特色功能

flash;

移動裝置上支援多**

新特效:

1.取消了過時的顯示效果標籤:

規範去掉了,可以用,基本不用;

2.新的表單元素:郵箱,密碼,js需要正規表示式;不需要寫一行的驗證效果;calendar、date、time、email、url、search

3.新的語義標籤;

4.canvas標籤;

5.本地資料庫;以前是用text來儲存的,現在用本地儲存;

6.一些api

好處:1.跨平台;

2.pc瀏覽器支援不是特別友好,ie8,不行,造成使用者體會不是很好;

3.新的語義標籤;

認為的命名:

用來導航區域

頭部底部

部分沒有語義的標籤

3.1語義標籤解決方案;

使用者自定義元素

4.1多**標籤;

controls:控制;

2.新的表單元素12

1212

enctype="multipart/form-data"

屬性:form

autocomplete="off",屬性關掉,自動完成

novalidate:自動關閉校驗;不關閉off;

input:

autofocus:自動聚焦;

placeholder:站位符;

required:必填;oninvalid:當驗證不通過時觸發 setcustomvalidity 設定預設提示資訊

form:在外面也可提交;

multiple:多選;

list:排列屬性;

6.1 h5的api

獲取頁面中的元素,操作,自定義屬性;

document.queryselector('li p span').style.color="red";

document.queryselector("選擇器");

6.1.1.選擇器可以是任意一種選擇;

通過該選擇器只能選擇第一種選擇器;

6.1.2.

document.queryselectorall("選擇器");返回的元素是乙個列表,集合;

6.2.1 操作;新增樣式;

//原生addclass()

//原生removeclass(),提供了外部條件;

doem.classlist.add(類名):給當前元素新增樣式;

doem.classlist.remove(類名):給當前元素移除樣式;

doem.classlist.contains(類名):是否包含某樣式;

doemclasslist.toggle("active"):切換(有,刪除,沒有新增);

6.2.2 h5標準,自定義屬性;常用在檔案切換;

用data-自定義名稱

data-test,用data;

獲取自定義屬性;

demo.dataset;

demo.dataset.自定義屬性名稱;屬性名稱不包含data開頭的,設定一樣;data-test-name,用駝峰獲取;

不用,引用jq;

7.1檔案讀取;

檢視,觸發了哪些檔案;

H5 localStorage 輕量級儲存

瀏覽器快取資料,首先想到是cookie,可憐的4k,只能存一些小東西,稍微大點的就不行了,h5時代已經來了,瀏覽器已經帶有websql咯,不是特別大的資料,一般不用存在websql裡,這時可以考慮localstorage 儲存上線5m,幾乎夠用了。1 儲存資料 localstorage.ls che...

輕量級標記語言

輕量級標記語言是一種時髦的系統語言,它用不同的方式標註文件,並且設計了簡單易讀的語法。事實上,它的語法非常之簡單以至於任何人都能快速的掌握這些標記語言。這類語言最大的優點在於,使用者使用乙個普通的文字編輯器就可以在源文件中方便的輸入注釋文字。這類語言使用簡單的格式以及幾個簡單的特殊字元或字串來標記段...

置頂 輕量級語言Lua入門

作為乙個指令碼愛好者,而且是指令碼 perl 起家的我,一有空就喜歡學習下這些指令碼語言。據說魔獸世界 憤怒小鳥都用到了它,所以今天研究下lua這個叫法有點奇特的指令碼 一.lua簡介 lua 是乙個小巧的指令碼語言。作者是巴西人 好像還沒有接觸過巴西人 該語言的設計目的是為了嵌入應用程式中,從而為...