Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 精品九九久久国内精品,美女视频黄a视频全免费,亚洲中午字幕 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML 中的布局和標(biāo)頭
          
        
           
          
	
	
          
		
                        
          局和標(biāo)頭是 HTML 頁面中兩個(gè)重要的元素。布局元素用于組織頁面上的內(nèi)容，而標(biāo)頭元素用于提供頁面標(biāo)題和元數(shù)據(jù)。

          布局元素
          布局元素用于將頁面上的內(nèi)容分組和排列。最常用的布局元素是：
          • div：用于創(chuàng)建一個(gè)可用于放置其他元素的容器。
          • span：用于創(chuàng)建一個(gè)inline 元素，并與相鄰的文本或元素一起顯示。
          • p：用于創(chuàng)建一個(gè)段落。
          • h1 到 h6 vicisslet：用于創(chuàng)建標(biāo)題。
          標(biāo)頭元素
          標(biāo)頭元素用于提供頁面標(biāo)題和元數(shù)據(jù)。最常用的標(biāo)頭元素是：
          • title：用于提供頁面標(biāo)題。
          • meta：用于提供有關(guān)頁面的信息，例如頁面描述和關(guān)鍵詞。
          布局和標(biāo)頭的組合
          布局元素可以包含標(biāo)頭元素。例如，以下代碼展示了如何將頁面標(biāo)題與布局元素組合：
          html
          <!DOCTYPE html>
<html>
<head>
  <title>我的頁面標(biāo)題</title>
</head>
<body>
  <div>
    <h1>我的頁面標(biāo)題</h1>
    <p>此頁面上的內(nèi)容。</p>
  </div>
</body>
</html>

          最佳實(shí)踐
          • 使用合適的布局元素來組織頁面內(nèi)容。
          • 使用標(biāo)題層級來創(chuàng)建清晰的層次結(jié)構(gòu)。
          • 確保標(biāo)頭元素正確地提供頁面信息。
          結(jié)論
          布局和標(biāo)頭是 HTML 頁面中兩個(gè)重要的元素。通過了解布局和標(biāo)頭元素的用法，您可以創(chuàng)建有組織和專業(yè)的外觀。通過遵循最佳實(shí)踐，您可以確保您的頁面擁有清晰的結(jié)構(gòu)和可讀性。
          TML的作用
          HTML是用來開發(fā)網(wǎng)頁的，它是開發(fā)網(wǎng)頁的語言
          HTML的定義
          全稱HyperText Mark-up Language，超文本標(biāo)記語言
          標(biāo)記就是標(biāo)簽
          <標(biāo)簽名稱></標(biāo)簽名稱> 比如 <html></html> <h1></h1>等，標(biāo)簽大多數(shù)都是成對出現(xiàn)的。
          超文本 兩層含義：
          1. 因?yàn)榫W(wǎng)頁中還可以有圖片、視頻、音頻等內(nèi)容（超越文本限制）
          2. 它還可以在網(wǎng)頁中跳轉(zhuǎn)到另一個(gè)網(wǎng)頁，與世界各地主機(jī)的網(wǎng)頁鏈接（超鏈接文本）
          HTML的基本結(jié)構(gòu)
          <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>網(wǎng)頁標(biāo)題</title>
    </head>
    <body>
        網(wǎng)頁顯示內(nèi)容
    </body>
</html>
          第一行<!DOCTYPE html>是文檔聲明
          用來指定頁面所使用的html的版本, 這里聲明的是一個(gè)html5的文檔
          <html>...</html>標(biāo)簽是開發(fā)人員在告訴瀏覽器
          整個(gè)網(wǎng)頁是從<html>這里開始的，到</html>結(jié)束
          也就是html文檔的開始和結(jié)束標(biāo)簽
          <head>...</head>標(biāo)簽用于定義文檔的頭部
          是負(fù)責(zé)對網(wǎng)頁進(jìn)行設(shè)置標(biāo)題、編碼格式以及引入css和js文件的
          <body>...</body>標(biāo)簽是編寫網(wǎng)頁上顯示的內(nèi)容
          網(wǎng)頁文件的后綴是.html, 一個(gè)html文件就是一個(gè)網(wǎng)頁，html文件用編輯器打開顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁
          VS Code 安裝
          VS Code全拼是 Visual Studio Code 是由微軟研發(fā)的一款免費(fèi)、開源的跨平臺(tái)代碼編輯器
          目前是前端(網(wǎng)頁)開發(fā)使用最多的一款軟件開發(fā)工具
          下載網(wǎng)址: https://code.visualstudio.com/Download
          選擇對應(yīng)的安裝包進(jìn)行下載:
          安裝一切默認(rèn)
          VS Code 的插件安裝
          • Chinese(Simplified) Language Pack for VS Code 中文漢化包
          • open in browser 右擊在瀏覽器打開html
          常用的HTML標(biāo)簽
          1 標(biāo)簽不區(qū)分大小寫，但是推薦使用小寫
          2 根據(jù)標(biāo)簽的書寫形式，標(biāo)簽分為雙標(biāo)簽(閉合標(biāo)簽)和單標(biāo)簽(空標(biāo)簽)  2.1 雙標(biāo)簽是指由開始標(biāo)簽和結(jié)束標(biāo)簽組成的一對標(biāo)簽，這種標(biāo)簽允許嵌套和承載內(nèi)容，比如: div標(biāo)簽  2.2 單標(biāo)簽是一個(gè)標(biāo)簽組成，沒有標(biāo)簽內(nèi)容， 比如: img標(biāo)簽
          標(biāo)簽的使用形式
          1. 成對出現(xiàn)的標(biāo)簽
          2. 標(biāo)簽的嵌套
          3. 單個(gè)出現(xiàn)的標(biāo)簽
          4. 帶屬性的標(biāo)簽

          列表標(biāo)簽
          1. 無序列表標(biāo)簽(ul標(biāo)簽)
          2. 有序列表標(biāo)簽(ol標(biāo)簽)
          網(wǎng)頁效果
          表格標(biāo)簽
          <table>標(biāo)簽：表示一個(gè)表格
          <tr>標(biāo)簽：表示表格中的一行
          <td>標(biāo)簽：表示表格中的列
          <th>標(biāo)簽：表示表格中的表頭
          屬性設(shè)置
          border: 1px solid black:設(shè)置邊框和顏色
          border-collapse: collapse:設(shè)置邊框合并


          網(wǎng)頁效果
          表單標(biāo)簽
          表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器
          <form>標(biāo)簽 表示表單標(biāo)簽，定義整體的表單區(qū)域
          一個(gè)表單中有很多信息組成,比如 姓名,愛好,地址等,這些內(nèi)容有很多其他標(biāo)簽來承載
          這些標(biāo)簽稱為表單元素標(biāo)簽
          網(wǎng)頁效果
          表單提交
          表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器
          • action屬性 設(shè)置表單數(shù)據(jù)提交地址
          • method屬性 設(shè)置表單提交的方式，一般有“GET”方式和“POST”方式, 不區(qū)分大小寫
          兩種方式的區(qū)別:
          • “GET”方式 : 沒有請求體
          • “POST”方式 : 有請求體
          表單元素屬性設(shè)置
          • name: 表單元素的名稱，用于作為提交表單數(shù)據(jù)時(shí)的參數(shù)名
          • value: 表單元素的值，用于作為提交表單數(shù)據(jù)時(shí)參數(shù)名所對應(yīng)的值
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <meta http-equiv="X-UA-Compatible" content="ie=edge">
          <title>Document</title>
          </head>
          <body>
          <!--
          姓名 type="text" 定義單行文本輸入框
          密碼 type="password" 定義密碼輸入框
          性別 type="radio" 定義單選框
          愛好 type="checkbox" 定義復(fù)選框
          照片 type="file" 定義上傳文件
          個(gè)人描述 <textarea></textarea> 定義多行文本輸入框
          地址 <select></select> 定義下拉列表
          提交 type="submit" 定義提交按鈕
          重置 type="reset" 定義重置按鈕
          按鈕 type="button" 定義一個(gè)普通按鈕
          -->
          <form action="http://192.168.1.106:8080" method="POST">
          <label>姓名:</label>
          <input type="text" name="username" >
          <br>
          <label>密碼:</label>
          <input type="password" name="password">
          <br>
          <label>性別:</label>
          <input type="radio" name="sex" value="1">男
          <input type="radio" name="sex" value="0">女
          <br>
          <label>愛好:</label>
          <input type="checkbox" name="like" value="睡覺">睡覺
          <input type="checkbox" name="like" value="吃飯">吃飯
          <input type="checkbox" name="like" value="打豆豆">打豆豆
          <br>
          <label>照片:</label>
          <input type="file" name="pic">
          <br>
          <label>個(gè)人描述:</label>
          <textarea name="desc"></textarea>
          <br>
          <label>地址:</label>
          <select name="addr">
          <option value="1">北京</option>
          <option value="2">上海</option>
          <option value="3">廣州</option>
          <option value="4">深圳</option>
          </select>
          <br>
          <input type="submit" value="提交">
          <input type="reset" value="重置">
          <input type="button" value="按鈕">
          </form>
          </body>
          </html>

          點(diǎn)擊提交：
          可以看到服務(wù)器收到了請求報(bào)文。
          家好，我是皮皮。
          前言
          對于前端來說，HTML 都是最基礎(chǔ)的內(nèi)容。
          今天，我們來了解一下 HTML 和網(wǎng)頁有什么關(guān)系，以及與 DOM 有什么不同。通過本講內(nèi)容，你將掌握瀏覽器是怎么處理 HTML 內(nèi)容的，以及在這個(gè)過程中我們可以進(jìn)行怎樣的處理來提升網(wǎng)頁的性能，從而提升用戶的體驗(yàn)。

          一、瀏覽器頁面加載過程
          不知你是否有過這樣的體驗(yàn)：當(dāng)打開某個(gè)瀏覽器的時(shí)候，發(fā)現(xiàn)一直在轉(zhuǎn)圈，或者等了好長時(shí)間才打開頁面……
          此時(shí)的你，會(huì)選擇關(guān)掉頁面還是耐心等待呢？
          這一現(xiàn)象，除了網(wǎng)絡(luò)不穩(wěn)定、網(wǎng)速過慢等原因，大多數(shù)都是由于頁面設(shè)計(jì)不合理導(dǎo)致加載時(shí)間過長導(dǎo)致的。
          我們都知道，頁面是用 HTML/CSS/JavaScript 來編寫的。
          • HTML 的職責(zé)在于告知瀏覽器如何組織頁面，以及搭建頁面的基本結(jié)構(gòu)；
          • CSS 用來裝飾 HTML，讓我們的頁面更好看；
          • JavaScript 則可以豐富頁面功能，使靜態(tài)頁面動(dòng)起來。
          HTML由一系列的元素組成，通常稱為HTML元素。HTML 元素通常被用來定義一個(gè)網(wǎng)頁結(jié)構(gòu)，基本上所有網(wǎng)頁都是這樣的 HTML 結(jié)構(gòu)：
          <html>
    <head></head>
    <body></body>
</html>
          其中：
          • html元素是頁面的根元素，它描述完整的網(wǎng)頁；
          • head元素包含了我們想包含在 HTML 頁面中，但不希望顯示在網(wǎng)頁里的內(nèi)容；
          • body元素包含了我們訪問頁面時(shí)所有顯示在頁面上的內(nèi)容，是用戶最終能看到的內(nèi)容;

          HTML 中的元素特別多，其中還包括可用于 Web Components 的自定義元素。
          前面我們提到頁面 HTML 結(jié)構(gòu)不合理可能會(huì)導(dǎo)致頁面響應(yīng)慢，這個(gè)過程很多時(shí)候體現(xiàn)在<script>和<style>元素的設(shè)計(jì)上，它們會(huì)影響頁面加載過程中對 Javascript 和 CSS 代碼的處理。
          因此，如果想要提升頁面的加載速度，就需要了解瀏覽器頁面的加載過程是怎樣的，從根本上來解決問題。
          瀏覽器在加載頁面的時(shí)候會(huì)用到 GUI 渲染線程和 JavaScript 引擎線程（更詳細(xì)的瀏覽器加載和渲染機(jī)制將在第 7 講中介紹）。其中，GUI 渲染線程負(fù)責(zé)渲染瀏覽器界面 HTML 元素，JavaScript 引擎線程主要負(fù)責(zé)處理 JavaScript 腳本程序。
          由于 JavaScript 在執(zhí)行過程中還可能會(huì)改動(dòng)界面結(jié)構(gòu)和樣式，因此它們之間被設(shè)計(jì)為互斥的關(guān)系。也就是說，當(dāng) JavaScript 引擎執(zhí)行時(shí)，GUI 線程會(huì)被掛起。
          以網(wǎng)易云課堂官網(wǎng)為例，我們來看看網(wǎng)頁加載流程。
          （1）當(dāng)我們打開官網(wǎng)的時(shí)候，瀏覽器會(huì)從服務(wù)器中獲取到 HTML 內(nèi)容。
          （2）瀏覽器獲取到 HTML 內(nèi)容后，就開始從上到下解析 HTML 的元素。
          （3）<head>元素內(nèi)容會(huì)先被解析，此時(shí)瀏覽器還沒開始渲染頁面。
          我們看到<head>元素里有用于描述頁面元數(shù)據(jù)的<meta>元素，還有一些<link>元素涉及外部資源（如圖片、CSS 樣式等），此時(shí)瀏覽器會(huì)去獲取這些外部資源。除此之外，我們還能看到<head>元素中還包含著不少的<script>元素，這些<script>元素通過src屬性指向外部資源。
          （4）當(dāng)瀏覽器解析到這里時(shí)（步驟 3），會(huì)暫停解析并下載 JavaScript 腳本。
          （5）當(dāng) JavaScript 腳本下載完成后，瀏覽器的控制權(quán)轉(zhuǎn)交給 JavaScript 引擎。當(dāng)腳本執(zhí)行完成后，控制權(quán)會(huì)交回給渲染引擎，渲染引擎繼續(xù)往下解析 HTML 頁面。
          （6）此時(shí)<body>元素內(nèi)容開始被解析，瀏覽器開始渲染頁面。
          在這個(gè)過程中，我們看到<head>中放置的<script>元素會(huì)阻塞頁面的渲染過程：把 JavaScript 放在<head>里，意味著必須把所有 JavaScript 代碼都下載、解析和解釋完成后，才能開始渲染頁面。
          到這里，我們就明白了：如果外部腳本加載時(shí)間很長（比如一直無法完成下載），就會(huì)造成網(wǎng)頁長時(shí)間失去響應(yīng)，瀏覽器就會(huì)呈現(xiàn)“假死”狀態(tài)，用戶體驗(yàn)會(huì)變得很糟糕。
          因此，對于對性能要求較高、需要快速將內(nèi)容呈現(xiàn)給用戶的網(wǎng)頁，常常會(huì)將 JavaScript 腳本放在<body>的最后面。這樣可以避免資源阻塞，頁面得以迅速展示。我們還可以使用defer/async/preload等屬性來標(biāo)記<script>標(biāo)簽，來控制 JavaScript 的加載順序。
          百度首頁
          三、DOM 解析
          對于百度這樣的搜索引擎來說，必須要在最短的時(shí)間內(nèi)提供到可用的服務(wù)給用戶，其中就包括搜索框的顯示及可交互，除此之外的內(nèi)容優(yōu)先級會(huì)相對較低。
          瀏覽器在渲染頁面的過程需要解析 HTML、CSS 以得到 DOM 樹和 CSS 規(guī)則樹，它們結(jié)合后才生成最終的渲染樹并渲染。因此，我們還常常將 CSS 放在<head>里，可用來避免瀏覽器渲染的重復(fù)計(jì)算。

          二、HTML 與 DOM 有什么不同
          我們知道<p>是 HTML 元素，但又常常將<p>這樣一個(gè)元素稱為 DOM 節(jié)點(diǎn)，那么 HTML 和 DOM 到底有什么不一樣呢？
          根據(jù) MDN 官方描述：文檔對象模型（DOM）是 HTML 和 XML 文檔的編程接口。
          也就是說，DOM 是用來操作和描述 HTML 文檔的接口。如果說瀏覽器用 HTML 來描述網(wǎng)頁的結(jié)構(gòu)并渲染，那么使用 DOM 則可以獲取網(wǎng)頁的結(jié)構(gòu)并進(jìn)行操作。一般來說，我們使用 JavaScript 來操作 DOM 接口，從而實(shí)現(xiàn)頁面的動(dòng)態(tài)變化，以及用戶的交互操作。
          在開發(fā)過程中，常常用對象的方式來描述某一類事物，用特定的結(jié)構(gòu)集合來描述某些事物的集合。DOM 也一樣，它將 HTML 文檔解析成一個(gè)由 DOM 節(jié)點(diǎn)以及包含屬性和方法的相關(guān)對象組成的結(jié)構(gòu)集合。

          三、DOM 解析
          我們常見的 HTML 元素，在瀏覽器中會(huì)被解析成節(jié)點(diǎn)。比如下面這樣的 HTML 內(nèi)容：
          <html>
    <head>
        <title>標(biāo)題</title>
    </head>
    <body>
        <a href='xx.com'>我的超鏈接</a>
        <h1>頁面第一標(biāo)題</h1>
    </body>
</html>
          打開控制臺(tái) Elements 面板，可以看到這樣的 HTML 結(jié)構(gòu)，如下圖所示：
          在瀏覽器中，上面的 HTML 會(huì)被解析成這樣的 DOM 樹，如下圖所示：

          我們都知道，對于樹狀結(jié)構(gòu)來說，常常使用parent/child/sibling等方式來描述各個(gè)節(jié)點(diǎn)之間的關(guān)系，對于 DOM 樹也不例外。
          舉個(gè)例子，我們常常會(huì)對頁面功能進(jìn)行抽象，并封裝成組件。但不管怎么進(jìn)行整理，頁面最終依然是基于 DOM 的樹狀結(jié)構(gòu)，因此組件也是呈樹狀結(jié)構(gòu)，組件間的關(guān)系也同樣可以使用parent/child/sibling這樣的方式來描述。同時(shí)，現(xiàn)在大多數(shù)應(yīng)用程序同樣以root為根節(jié)點(diǎn)展開，我們進(jìn)行狀態(tài)管理、數(shù)據(jù)管理也常常會(huì)呈現(xiàn)出樹狀結(jié)構(gòu)。

          四、事件委托
          我們知道，瀏覽器中各個(gè)元素從頁面中接收事件的順序包括事件捕獲階段、目標(biāo)階段、事件冒泡階段。其中，基于事件冒泡機(jī)制，我們可以實(shí)現(xiàn)將子元素的事件委托給父級元素來進(jìn)行處理，這便是事件委托。
          如果我們在每個(gè)元素上都進(jìn)行監(jiān)聽的話，則需要綁定三個(gè)事件;(假設(shè)頁面上有a,b,c三個(gè)兄弟節(jié)點(diǎn))
          function clickEventFunction(e) {
  console.log(e.target === this); // logs `true`
  // 這里可以用 this 獲取當(dāng)前元素
}
// 元素a,b,c綁定
element2.addEventListener("click", clickEventFunction, false);
element5.addEventListener("click", clickEventFunction, false);
element8.addEventListener("click", clickEventFunction, false);
          使用事件委托，可以通過將事件添加到它們的父節(jié)點(diǎn)，而將事件委托給父節(jié)點(diǎn)來觸發(fā)處理函數(shù)：
          function clickEventFunction(event) {
  console.log(e.target === this); // logs `false`
  // 獲取被點(diǎn)擊的元素
  const eventTarget = event.target;
  // 檢查源元素`event.target`是否符合預(yù)期
  // 此處控制廣告面板的展示內(nèi)容
}
// 元素1綁定
element1.addEventListener("click", clickEventFunction, false);
          這樣能解決什么問題呢？
          • 綁定子元素會(huì)綁定很多次的事件，而綁定父元素只需要一次綁定。
          • 將事件委托給父節(jié)點(diǎn)，這樣我們對子元素的增加和刪除、移動(dòng)等，都不需要重新進(jìn)行事件綁定。
          常見的使用方式主要是上述這種列表結(jié)構(gòu)，每個(gè)選項(xiàng)都可以進(jìn)行編輯、刪除、添加標(biāo)簽等功能，而把事件委托給父元素，不管我們新增、刪除、更新選項(xiàng)，都不需要手動(dòng)去綁定和移除事件。
          如果在列表數(shù)量內(nèi)容較大的時(shí)候，對成千上萬節(jié)點(diǎn)進(jìn)行事件監(jiān)聽，也是不小的性能消耗。使用事件委托的方式，我們可以大量減少瀏覽器對元素的監(jiān)聽，也是在前端性能優(yōu)化中比較簡單和基礎(chǔ)的一個(gè)做法。
          注意:
          1. 如果我們直接在document.body上進(jìn)行事件委托，可能會(huì)帶來額外的問題;
          2. 由于瀏覽器在進(jìn)行頁面渲染的時(shí)候會(huì)有合成的步驟，合成的過程會(huì)先將頁面分成不同的合成層，而用戶與瀏覽器進(jìn)行交互的時(shí)候需要接收事件。此時(shí)，瀏覽器會(huì)將頁面上具有事件處理程序的區(qū)域進(jìn)行標(biāo)記，被標(biāo)記的區(qū)域會(huì)與主線程進(jìn)行通信。
          3. 如果我們document.body上被綁定了事件，這時(shí)候整個(gè)頁面都會(huì)被標(biāo)記;
          4. 即使我們的頁面不關(guān)心某些部分的用戶交互，合成器線程也必須與主線程進(jìn)行通信，并在每次事件發(fā)生時(shí)進(jìn)行等待。這種情況，我們可以使用passive: true選項(xiàng)來解決

          五、總結(jié)
          我們了解了 HTML 的作用，以及它是如何影響瀏覽器中頁面的加載過程的，同時(shí)還介紹了使用 DOM 接口來控制 HTML 的展示和功能邏輯。我們了解了DOM解析事件委托等相關(guān)概念。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
日本在线观看一区二区三区|
久久综合亚洲色一区二区三区|
V一区无码内射国产|
日本一区二区三区精品中文字幕|
亚洲日本一区二区三区在线不卡|
91在线精品亚洲一区二区|
理论亚洲区美一区二区三区|
午夜精品一区二区三区免费视频|
果冻传媒一区二区天美传媒|
日韩精品中文字幕无码一区|
91精品福利一区二区|
麻豆精品一区二区综合av|
一区二区三区在线视频播放|
在线精品亚洲一区二区三区|
日韩好片一区二区在线看|
精品视频一区二区|
亚洲av无码一区二区三区人妖|
中文字幕人妻无码一区二区三区|
国产伦精品一区二区三区视频小说|
国产品无码一区二区三区在线蜜桃|
精品国产一区二区三区av片|
久久精品国产一区二区三|
国产另类TS人妖一区二区
|
久久精品国产第一区二区三区|
国产亚洲综合一区二区三区|
久久久无码精品人妻一区|
亚洲国产福利精品一区二区|
日韩欧国产精品一区综合无码|
亚洲av无码成人影院一区|
亚洲午夜电影一区二区三区
|
香蕉久久一区二区不卡无毒影院|
精品一区二区三区视频在线观看|
加勒比无码一区二区三区|
无码人妻精品一区二区蜜桃
|
无码人妻精品一区二区三区不卡
|
国产一区二区三区精品视频|
四虎在线观看一区二区|
亚洲av无码片vr一区二区三区|
在线一区二区三区|
人妻久久久一区二区三区|
久久青草国产精品一区|