[圖片上傳中。。。（1）]http://123.w3cschool.cn/plk2fihttp://123.w3cschool.cn/plk2fi

Markdown

用普通文本描述富文本的語法
擴展名md,markdown

HTML5之HTML篇回顧

1.標記：元素、屬性和值

HTML包括三種成分：

• 元素：element
• 屬性：attribute
• 值：value

1. 新標簽
   1. 語義化標簽
2. 新屬性
   1. 鏈接關(guān)系描述
   2. ARIA 無障礙富互聯(lián)網(wǎng)應(yīng)用程序?qū)傩?/li>
   3. 自定義屬性 data-
      1. 可以給HTML里的所有DOM對象都可以添加一些DATA-xxx的屬性
      2. 用來記錄與當前DOM強相關(guān)的數(shù)據(jù)
3. 智能表單
   1. 新的表單類型
      1. 功能型的表單類型
   2. 虛擬鍵盤適配
      1. 通過type方式指定彈出鍵盤
4. 網(wǎng)頁多媒體
   1. 之前強依賴flash
   2. 音頻
   3. 多媒體的dom對象有一些新的方法可以去做播放暫停
   4. 視頻
   5. 了解字幕
5. SVG 文件基本使用
   1. iframe
      1. iframe的作用就是在網(wǎng)頁中挖個坑，在這個坑里再展示一個頁面
      2. svg本身也是文檔 所以可以使用iframe的方式載入
   2. ajax 直接可以修改樣式

JavaScript

2.1. 基礎(chǔ)API提升

2.1.1 新選擇器

JS多了一個原始支持，類似jqueryDOM選擇器

document.getElementById() 需要給DOM元素設(shè)置ID
document.querySelector(selector) 可以通過CSS選擇器的語法找到DOM元素
document.getElementsByTagName()
document.querySelectorAll('.item')
$('.item').on

1. document.querySelector(selector);
2. 返回第一個滿足選擇器條件的元素 一個dom對象
3. document.querySelectorAll('.item');
4. 返回所有滿足該條件的元素 一個元素類型是dom類型的數(shù)組
5. $('.item')
6. 返回一個jQuery對象（dom元素的數(shù)組）
7. 本質(zhì)上jquery方式和qs方式都是獲取DOM數(shù)組， 只不過jquery會多一些其他成員
8. DOM數(shù)組的每一個成員注冊事件不能像jquery一樣直接注冊， 必須分別給每個元素注冊
9. h5就是將我們經(jīng)常需要的操作又包裝一層

2.1.2 元素.classList

1. 新H5中DOM對象多了一個classList屬性，是一個數(shù)組
2. add 添加一個新的類名
3. remove 刪除一個的類名
4. contains 判斷是否包含一個指定的類名
5. toggle 切換一個class element.toggle('class-name',[add_or_remove])
6. toggle函數(shù)的第二個參數(shù)true為添加 false刪除

2.1.3 訪問歷史 API

界面上的所有JS操作不會被瀏覽器記住，就無法回到之前的狀態(tài)
在HTML5中可以通過window.history操作訪問歷史狀態(tài)，讓一個頁面可以有多個歷史狀態(tài)

1. window.history.forward(); // 前進
2. window.history.back(); // 后退
3. window.history.go(); // 刷新
4. 通過JS可以加入一個訪問狀態(tài)
5. history.pushState(放入歷史中的狀態(tài)數(shù)據(jù), 設(shè)置title(現(xiàn)在瀏覽器不支持)， 改變歷史狀態(tài))

2.1.4 全屏 API

JavaScript中可以通過調(diào)用requestFullScreen()方式實現(xiàn)指定元素的全屏顯示
var element = document.querySelector('...');
element.requestFullScreen();

推薦較全面的 學習網(wǎng)站：
https://123.w3cschool.cn/plk2fi