一.基礎(chǔ)

1.自定義屬性data
一般的元素都可以設(shè)置自定義屬性,自定義屬性的要求是 data開頭,比如 data-name
2.html5將元素分為 元數(shù)據(jù)元素 metadata element,流元素flow emement,短語元素phrasing emement
3.html實體 (entity), 這是對于字符而言的,有些字符具有特殊含義 < < > >

4. 全局屬性
   一些屬性是局部的,比如img的src,有些屬性是全局的全局意味著通用,配置所有元素的共有行為
   id ,class,hidden,title

5.css嵌入方式
(1)元素內(nèi)嵌 (2)文檔內(nèi)嵌 (3)外部樣式
<link rel="stylesheet" href="hello.css">
<style>
</style>
<div style="background-color: aqua;"></div>

@import url("hello.css");
從其他地方導(dǎo)入樣式,外部的和,文檔內(nèi)嵌的都可以用
6.樣式除了css定義的樣式,還有瀏覽器樣式,和用戶樣式
7.用重要樣式調(diào)整層疊次序!improtant
8.樣式層疊比較
如果兩個樣式同時應(yīng)用于同一個元素,他們則要進行比較
(1)一個是a標簽的樣式
(2)一個是a標簽上寫的一個class
比較樣式選擇器中所涉及的 id + 屬性 +元素名
(1) 評分 0-0-0
(2)評分 0-1-0
所以選b

9.繼承
一般元素外觀(顏色字體等)能繼承,元素布局不能繼承,如果硬要繼承,那么在子元素使用inhert
10.css中的長度,
絕對長度cm,pt,
相對長度 px(css像素,假定設(shè)備分辨率為96dpi),
em(與元素字號掛鉤)
rem(與根元素html的字號掛鉤)

長度可以用算式做值 calc(50%-20px)
11.javascript
(1)對象字面量
經(jīng)過別人總結(jié)，就是不用js的new操作符創(chuàng)建實例。簡單并且運行快
文章來源http://www.reibang.com/p/17b8b3b28eae
(2)添加對象屬性直接添加,刪除用delete
(3)判斷對象是否有哪些屬性,可以使用 "name" in Obj
(4)顯示類型轉(zhuǎn)換 (5).toString(); Number("1") parseInt("1")
(5) 數(shù)組字面量 var arr=[1,2,3];
(6)檢測變量是否為null或者是undefined,直接 if(!a){}

二.html元素

秉著一顆向著語義走的心
(1)base 設(shè)置基準url
<base />
如果不填的話就是當前頁面的域
(2)style的media屬性

image.png

(3)script defer 延遲執(zhí)行 <script defer></script>
(4)script async 異步執(zhí)行,可以在執(zhí)行文檔的同時,執(zhí)行腳本,用戶行為統(tǒng)計 <script async ></script>
(5)加以強調(diào)用em
(6)i外文或者科學(xué)術(shù)語
(7)s不準確 <s>你不好</s> 就給打上橫線了
(8)strong重要的文字,比如warning
(9)u 下劃線
(10)figure插圖(刪除后不影響外部)

image.png

--aside附注欄

image.png

image.png

(12)表格元素
基本表格

image.png

復(fù)雜表格

image.png

image.png

image.png

image.png

三.Form相關(guān)

1.基礎(chǔ)

---label的作用 :用戶選擇該標簽時，瀏覽器會自動將焦點轉(zhuǎn)到和標簽相關(guān)的表單控件上

<label for="name">name:
    <input type="text" name="name" id="name" value="" required="required" />
</label>

---disable 禁用input
---filedlist和lengend 分組以及給分組加上標題
禁用filedlist則整體都將被禁用

image.png

--button,提交按鈕可以設(shè)置到表單外,寫一個form就行

image.png

2.input相關(guān)

1.type 為 range

image.png

2.輸入驗證 required pattern正則

四.嵌入內(nèi)容

1.創(chuàng)建分區(qū)響應(yīng)圖

image.png

2.iframe

 <ul>
   <li><a  target="myFrame">baidu</a></li>
   <li><a  target="myFrame">360</a></li>
  </ul>
  <iframe width="500px" height="300px" name="myFrame" frameborder="0"></iframe>

image.png

3.embed嵌入外部資源

image.png

4.object工作方式稍有不同,并且?guī)е~外的功能

image.png

5.progress,meter嵌入數(shù)字表現(xiàn)形式

image.png

image.png