整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          Vue進(jìn)階(幺肆玖):Vue中template標(biāo)簽

          Vue進(jìn)階(幺肆玖):Vue中template標(biāo)簽

          TML5中的template標(biāo)簽

          html5template標(biāo)簽內(nèi)容在頁(yè)面中并不會(huì)顯示。但是在后臺(tái)查看頁(yè)面DOM結(jié)構(gòu)卻存在template標(biāo)簽。這是因?yàn)?span style="color: #1A74FF; --tt-darkmode-color: #1A74FF;">template標(biāo)簽天生不可見(jiàn),它設(shè)置了display:none;屬性。

           <!--當(dāng)前頁(yè)面只顯示"我是自定義表現(xiàn)abc"這個(gè)內(nèi)容,不顯示"我是template",
           這是因?yàn)閠emplate標(biāo)簽天生不可見(jiàn)-->
          <template>
          	<div>我是template</div>
          </template>
          <abc>我是自定義表現(xiàn)abc</abc>

          .vue 文件的基本結(jié)構(gòu)如下:

          <template>
                 ........
          </template>
          <script>
              export default {
                  name: "demo"
              }
          </script>
          <style scoped>
              .demo {
                    font-size: 28px;
              }
          </style>    

          上面template標(biāo)簽是用來(lái)寫 html 模板的,且內(nèi)部必須只有一個(gè)根元素,像下面這樣(不然IDE會(huì)報(bào)錯(cuò))

          <template>
              <div class="demo">
                  .....
              </div>
          </template>

          但有時(shí)候我們也會(huì)看到,在template上使用for循環(huán):

          <template>
              <div class="root">
                  <!--在template上使用for循環(huán)-->
                  <template v-for="item,index in 5">
                      <div>{{index}}---{{item}}</div>
                  </template>
              </div>
          </template>

          下面我們一起通過(guò)瀏覽器dom渲染結(jié)果來(lái)看一下template是什么:

          <template>
              <div class="root">
                  <template>看看外面的標(biāo)簽是什么</template>
              </div>
          </template>

          在瀏覽器中解析完的結(jié)果:

          可以看到文字外面是 div.root 所以本質(zhì)上的<template>標(biāo)簽并沒(méi)有什么意義。template的作用是模板占位符,可幫助我們包裹元素,但在循環(huán)過(guò)程當(dāng)中,template并不會(huì)被渲染到頁(yè)面上.

          我們繼續(xù)看一下剛才的循環(huán):

          <template>
              <div class="root">
                  <template v-for="(item,index) in 5">
                      <div>測(cè)試{{index}}</div>
                  </template>
              </div>
          </template>

          瀏覽器解析后的效果:

          不使用template,我們也可以這樣寫:

          <template>
              <div class="root">
                  <div v-for="item,index in 5">
                      <div>測(cè)試{{index}}</div>
                  </div>
              </div>
          </template>

          但是這樣循環(huán)出來(lái)會(huì)多出一層div來(lái)。

          當(dāng)我們不需要這外層的 div的時(shí)候,我們可以采用上面的方法,在 <template>標(biāo)簽上使用 v-for來(lái)循環(huán)。或者這樣寫:

          <template>
              <div class="root">
                  <div v-for="item,index in 5" :key="index">測(cè)試{{index}}</div>
              </div>
          </template>

          注意

          vue實(shí)例綁定元素內(nèi)部的template標(biāo)簽不支持v-show指令,即v-show="false"對(duì)template標(biāo)簽來(lái)說(shuō)不起作用。但是此時(shí)的template標(biāo)簽支持v-if、v-else-if、v-else、v-for這些指令。

          TML5 元素有多種維度展示方式,常見(jiàn)以下:

          • 1.按照類別分類
          • 2.按照是否Block元素

          按照類別分:

          根元素

          • - html 代表 HTML 或 XHTML 文檔的根。其他所有元素必須是這個(gè)元素的子節(jié)點(diǎn)。
          • 文檔元數(shù)據(jù)
          • head 代表關(guān)于文檔元數(shù)據(jù)的一個(gè)集合,包括腳本或樣式表的鏈接或內(nèi)容。
          • title 定義文檔的標(biāo)題,將顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁(yè)上。該元素只能包含文本,包含的標(biāo)簽不會(huì)被解釋。
          • base 定義頁(yè)面上相對(duì) URL 的基準(zhǔn) URL。
          • link 用于鏈接外部的 CSS 到該文檔。
          • meta 定義其他 HTML 元素?zé)o法描述的元數(shù)據(jù)。
          • style 用于內(nèi)聯(lián) CSS。
          • -
          • 腳本
          • script 定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本。腳本語(yǔ)言是 JavaScript。
          • noscript 定義當(dāng)瀏覽器不支持腳本時(shí)顯示的替代文字。
          • template 這個(gè)元素在 HTML5 中加入 通過(guò) JavaScript 在運(yùn)行時(shí)實(shí)例化內(nèi)容的容器。
          • -
          • 章節(jié)
          • body 代表 HTML 文檔的內(nèi)容。在文檔中只能有一個(gè) 元素。
          • section 這個(gè)元素在 HTML5 中加入 定義文檔中的一個(gè)章節(jié)。
          • nav 這個(gè)元素在 HTML5 中加入 定義只包含導(dǎo)航鏈接的章節(jié)。
          • article 這個(gè)元素在 HTML5 中加入 定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊。
          • aside 這個(gè)元素在 HTML5 中加入 定義和頁(yè)面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除,剩下的內(nèi)容仍然很合理。
          • h1~ h6 標(biāo)題元素實(shí)現(xiàn)了六層文檔標(biāo)題,h1 是最大的標(biāo)題,h6 是最小的標(biāo)題。標(biāo)題元素簡(jiǎn)要地描述章節(jié)的主題。
          • header 這個(gè)元素在 HTML5 中加入 定義頁(yè)面或章節(jié)的頭部。它經(jīng)常包含 logo、頁(yè)面標(biāo)題和導(dǎo)航性的目錄
          • footer 這個(gè)元素在 HTML5 中加入 定義頁(yè)面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。
          • address 定義包含聯(lián)系信息的一個(gè)章節(jié)。
          • main 這個(gè)元素在 HTML5 中加入 定義文檔中主要或重要的內(nèi)容。
          • -
          • 內(nèi)容組織
          • p 定義一個(gè)段落。
          • hr 代表章節(jié)、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符。
          • pre 代表其內(nèi)容已經(jīng)預(yù)先排版過(guò),格式應(yīng)當(dāng)保留 。
          • blockquote 代表引用自其他來(lái)源的內(nèi)容。
          • ol 定義一個(gè)有序列表。
          • ul 定義一個(gè)無(wú)序列表。
          • li 定義列表中的一個(gè)列表項(xiàng)。
          • dl 定義一個(gè)定義列表(一系列術(shù)語(yǔ)和其定義)。
          • dt 代表一個(gè)由下一個(gè)
          • 定義的術(shù)語(yǔ)。
          • dd 代表出現(xiàn)在它之前術(shù)語(yǔ)的定義。
          • figure 這個(gè)元素在 HTML5 中加入 代表一個(gè)和文檔有關(guān)的圖例。
          • figcaption 這個(gè)元素在 HTML5 中加入 代表一個(gè)圖例的說(shuō)明。
          • div 代表一個(gè)通用的容器,沒(méi)有特殊含義。
          • -
          • 文字展示
          • a 代表一個(gè)鏈接到其他資源的超鏈接 。
          • em 代表強(qiáng)調(diào) 文字。
          • strong 代表特別重要 文字。
          • small 代表注釋 ,如免責(zé)聲明、版權(quán)聲明等,對(duì)理解文檔不重要。
          • s 代表不準(zhǔn)確或不相關(guān) 的內(nèi)容。
          • cite 代表作品標(biāo)題 。
          • q 代表內(nèi)聯(lián)的引用 。
          • dfn 代表一個(gè)術(shù)語(yǔ)包含在其最近祖先內(nèi)容中的定義 。
          • abbr 代表省略 或縮寫 ,其完整內(nèi)容在 title 屬性中。
          • data 這個(gè)元素在 HTML5 中加入 關(guān)聯(lián)一個(gè)內(nèi)容的機(jī)器可讀的等價(jià)形式 (該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中,不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中)。
          • time 這個(gè)元素在 HTML5 中加入 代表日期 和時(shí)間 值;機(jī)器可讀的等價(jià)形式通過(guò) datetime 屬性指定。
          • code 代表計(jì)算機(jī)代碼 。
          • var 代表代碼中的變量 。
          • samp 代表程序或電腦的輸出 。
          • kbd 代表用戶輸入 ,一般從鍵盤輸出,但也可以代表其他輸入,如語(yǔ)音輸入。
          • sub,- sup 分別代表下標(biāo) 和上標(biāo) 。
          • i 代表一段不同性質(zhì) 的文字,如技術(shù)術(shù)語(yǔ)、外文短語(yǔ)等。
          • b 代表一段需要被關(guān)注 的文字。
          • u 代表一段需要下劃線呈現(xiàn)的文本注釋,如標(biāo)記出拼寫錯(cuò)誤的文字等。
          • mark 這個(gè)元素在 HTML5 中加入 代表一段需要被高亮的引用 文字。
          • ruby 這個(gè)元素在 HTML5 中加入 代表被ruby 注釋 標(biāo)記的文本,如中文漢字和它的拼音。
          • rt 這個(gè)元素在 HTML5 中加入 代表ruby 注釋 ,如中文拼音。
          • rp 這個(gè)元素在 HTML5 中加入 代表 ruby 注釋兩邊的額外插入文本 ,用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示。
          • bdi 這個(gè)元素在 HTML5 中加入 代表需要脫離 父元素文本方向的一段文本。它允許嵌入一段不同或未知文本方向格式的文本。
          • bdo 指定子元素的文本方向 ,顯式地覆蓋默認(rèn)的文本方向。
          • span 代表一段沒(méi)有特殊含義的文本,當(dāng)其他語(yǔ)義元素都不適合文本時(shí)候可以使用該元素。
          • br 代表?yè)Q行 。
          • wbr 這個(gè)元素在 HTML5 中加入 代表建議換行 (Word Break Opportunity) ,當(dāng)文本太長(zhǎng)需要換行時(shí)將會(huì)在此處添加換行符。
          • -
          • 文字編輯
          • ins 定義增加 到文檔的內(nèi)容。
          • del 定義從文檔移除 的內(nèi)容。
          • -
          • 圖片等資源展示
          • img 代表一張圖片 。
          • iframe 代表一個(gè)內(nèi)聯(lián)的框架 。
          • embed 這個(gè)元素在 HTML5 中加入 代表一個(gè)嵌入 的外部資源,如應(yīng)用程序或交互內(nèi)容。
          • object 代表一個(gè)外部資源 ,如圖片、HTML 子文檔、插件等。
          • param 代表 - object 元素所指定的插件的參數(shù) 。
          • video 這個(gè)元素在 HTML5 中加入 代表一段視頻 及其視頻文件和字幕,并提供了播放視頻的用戶界面。
          • audio 這個(gè)元素在 HTML5 中加入 代表一段聲音 ,或音頻流 。
          • source 這個(gè)元素在 HTML5 中加入 為 - video 或 - audio 這類媒體元素指定媒體源 。
          • track 這個(gè)元素在 HTML5 中加入 為 - video 或 - audio 這類媒體元素指定文本軌道(字幕) 。
          • canvas 這個(gè)元素在 HTML5 中加入 代表位圖區(qū)域 ,可以通過(guò)腳本在它上面實(shí)時(shí)呈現(xiàn)圖形,如圖表、游戲繪圖等。
          • map 與 - area 元素共同定義圖像映射 區(qū)域。
          • area 與 - map 元素共同定義圖像映射 區(qū)域。
          • svg 這個(gè)元素在 HTML5 中加入 定義一個(gè)嵌入式矢量圖 。
          • math 這個(gè)元素在 HTML5 中加入 定義一段數(shù)學(xué)公式 。
          • -
          • 表格
          • table 定義多維數(shù)據(jù) 。
          • caption 代表表格的標(biāo)題 。
          • colgroup 代表表格中一組單列或多列 。
          • col 代表表格中的列 。
          • tbody 代表表格中一塊具體數(shù)據(jù) (表格主體)。
          • thead 代表表格中一塊列標(biāo)簽 (表頭)。
          • tfoot 代表表格中一塊列摘要 (表尾)。
          • tr 代表表格中的行 。
          • td 代表表格中的單元格 。
          • th 代表表格中的頭部單元格 。
          • -
          • 表單
          • form 代表一個(gè)表單 ,由控件組成。
          • fieldset 代表控件組 。
          • legend 代表 - fieldset 控件組的標(biāo)題 。
          • label 代表表單控件的標(biāo)題 。
          • input 代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū) (文本框、單選框、復(fù)選框等)。
          • button 代表按鈕 。
          • select 代表下拉框 。
          • datalist 這個(gè)元素在 HTML5 中加入 代表提供給其他控件的一組預(yù)定義選項(xiàng) 。
          • optgroup 代表一個(gè)選項(xiàng)分組 。
          • option 代表一個(gè) - select 元素或 - datalist 元素中的一個(gè)選項(xiàng)
          • textarea 代表多行文本框 。
          • keygen 這個(gè)元素在 HTML5 中加入 代表一個(gè)密鑰對(duì)生成器 控件。
          • output 這個(gè)元素在 HTML5 中加入 代表計(jì)算值 。
          • progress 這個(gè)元素在 HTML5 中加入 代表進(jìn)度條 。
          • meter 這個(gè)元素在 HTML5 中加入 代表滑動(dòng)條 。
          • -
          • 導(dǎo)航等交互元素
          • details 這個(gè)元素在 HTML5 中加入 代表一個(gè)用戶可以(點(diǎn)擊)獲取額外信息或控件的小部件 。
          • summary 這個(gè)元素在 HTML5 中加入 代表 - details 元素的綜述 或標(biāo)題 。
          • menuitem 這個(gè)元素在 HTML5 中加入 代表一個(gè)用戶可以點(diǎn)擊的菜單項(xiàng)。
          • menu 這個(gè)元素在 HTML5 中加入 代表菜單。

          按照是否Block元素分:

          • 1.Empty Elements
          • area 與 map 元素共同定義圖像映射 區(qū)域。
          • base 定義頁(yè)面上相對(duì) URL 的基準(zhǔn) URL。
          • basefont 4.0種標(biāo)簽,目前已廢棄
          • br 代表?yè)Q行 。
          • col 代表表格中的列 。
          • frame 4.0種標(biāo)簽,目前已廢棄
          • hr 代表章節(jié)、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符。
          • img 代表一張圖片 。
          • input 代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū) (文本框、單選框、復(fù)選框等)。
          • isindex 4.0種標(biāo)簽,目前已廢棄
          • link 用于鏈接外部的 CSS 到該文檔。
          • meta 定義其他 HTML 元素?zé)o法描述的元數(shù)據(jù)。
          • param 代表 object 元素所指定的插件的參數(shù)
          • embed 代表一個(gè)嵌入 的外部資源,如應(yīng)用程序或交互內(nèi)容
          • -
          • 2.Block Elements
          • address 定義包含聯(lián)系信息的一個(gè)章節(jié)
          • applet 4.0種標(biāo)簽,目前已廢棄
          • blockquote 代表引用自其他來(lái)源的內(nèi)容。
          • button 代表按鈕
          • center 4.0種標(biāo)簽,目前已廢棄
          • dd 代表出現(xiàn)在它之前術(shù)語(yǔ)的定義
          • del 定義從文檔移除 的內(nèi)容。
          • dir 4.0種標(biāo)簽,目前已廢棄
          • div 代表一個(gè)通用的容器,沒(méi)有特殊含義
          • dl 定義一個(gè)定義列表(一系列術(shù)語(yǔ)和其定義)
          • dt 代表一個(gè)由下一個(gè) dd 定義的術(shù)語(yǔ)
          • fieldset 代表控件組
          • form 代表一個(gè)表單 ,由控件組成
          • frameset 4.0種標(biāo)簽,目前已廢棄
          • hr 代表章節(jié)、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符
          • iframe 代表一個(gè)內(nèi)聯(lián)的框架
          • ins 定義增加 到文檔的內(nèi)容
          • isindex 4.0種標(biāo)簽,目前已廢棄
          • li 定義列表中的一個(gè)列表項(xiàng)
          • map 與 area 元素共同定義圖像映射 區(qū)域
          • menu 代表菜單
          • noframes
          • noscript 定義當(dāng)瀏覽器不支持腳本時(shí)顯示的替代文字
          • object 代表一個(gè)外部資源 ,如圖片、HTML 子文檔、插件等
          • ol 定義一個(gè)有序列表
          • p 定義一個(gè)段落
          • pre 代表其內(nèi)容已經(jīng)預(yù)先排版過(guò),格式應(yīng)當(dāng)保留
          • script 定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本。腳本語(yǔ)言是 JavaScript
          • table 定義多維數(shù)據(jù)
          • tbody 代表表格中一塊具體數(shù)據(jù) (表格主體)
          • td 代表表格中的單元格
          • tfoot 代表表格中一塊列摘要 (表尾)
          • th 代表表格中的頭部單元格
          • thead 代表表格中一塊列標(biāo)簽 (表頭)
          • tr 代表表格中的行
          • ul 定義一個(gè)無(wú)序列表
          • -
          • 3.Inline Elements
          • a 代表一個(gè)鏈接到其他資源的超鏈接
          • abbr 代表省略 或縮寫 ,其完整內(nèi)容在 title 屬性中
          • acronym 4.0種標(biāo)簽,目前已廢棄
          • applet 4.0種標(biāo)簽,目前已廢棄
          • b 代表一段需要被關(guān)注 的文字
          • basefont 4.0種標(biāo)簽,目前已廢棄
          • bdo 指定子元素的文本方向 ,顯式地覆蓋默認(rèn)的文本方向
          • big 4.0種標(biāo)簽,目前已廢棄
          • br 代表?yè)Q行
          • button 代表按鈕
          • cite 代表作品標(biāo)題
          • code 代表計(jì)算機(jī)代碼
          • del 定義從文檔移除 的內(nèi)容
          • dfn 代表一個(gè)術(shù)語(yǔ)包含在其最近祖先內(nèi)容中的定義
          • em 代表強(qiáng)調(diào) 文字
          • font 4.0種標(biāo)簽,目前已廢棄
          • i 代表一段不同性質(zhì) 的文字,如技術(shù)術(shù)語(yǔ)、外文短語(yǔ)等
          • iframe 代表一個(gè)內(nèi)聯(lián)的框架
          • img 代表一張圖片
          • input 代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū) (文本框、單選框、復(fù)選框等)
          • ins 定義增加 到文檔的內(nèi)容
          • kbd 4.0種標(biāo)簽,目前已廢棄
          • label 代表表單控件的標(biāo)題
          • map 與 area 元素共同定義圖像映射 區(qū)域
          • object 代表一個(gè)外部資源 ,如圖片、HTML 子文檔、插件等
          • q 代表內(nèi)聯(lián)的引用
          • s 代表不準(zhǔn)確或不相關(guān) 的內(nèi)容
          • samp 代表程序或電腦的輸出
          • script 定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本。默認(rèn)腳本語(yǔ)言是 JavaScript
          • select 代表下拉框
          • small 代表注釋 ,如免責(zé)聲明、版權(quán)聲明等,對(duì)理解文檔不重要
          • span 代表一段沒(méi)有特殊含義的文本,當(dāng)其他語(yǔ)義元素都不適合文本時(shí)候可以使用該元素
          • strike 4.0種標(biāo)簽,目前已廢棄
          • strong 代表特別重要 文字
          • sub 代表下標(biāo)
          • sup 代表上標(biāo)
          • textarea 代表多行文本框
          • tt 4.0種標(biāo)簽,目前已廢棄
          • u 4.0種標(biāo)簽,目前已廢棄
          • var 代表代碼中的變量
          • -

          參考文獻(xiàn):

          • https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list
          • 本文作者:前端首席體驗(yàn)師(CheongHu)
          • 聯(lián)系郵箱:simple2012hcz@126.com
          • 版權(quán)聲明: 本文章除特別聲明外,均采用 CC BY-NC-SA 4.0 許可協(xié)議。轉(zhuǎn)載請(qǐng)注明出處!

          前話

          Hello,小伙伴們大家新年好,本篇是今年第一篇,也籌劃許久,本篇主題為美食,系html5網(wǎng)站模板,div加css布局,網(wǎng)頁(yè)資源分開(kāi)存儲(chǔ)以便管理,網(wǎng)頁(yè)結(jié)構(gòu)清晰簡(jiǎn)單,希望本篇能夠助力各位萌新

          主題

          《周末の食記》

          美食能撫平一切的憂傷

          簡(jiǎn)介

          文件結(jié)構(gòu)包含了css、fonts、images、js和html,運(yùn)用html5技術(shù),包括nav標(biāo)簽、header標(biāo)簽和footer標(biāo)簽等,采用bootstrap進(jìn)行布局

          圖摘

          目錄

          編碼

          <div class="ftco-46-row d-flex flex-column flex-lg-row">
              <div class="ftco-46-text ftco-46-arrow-right">
                  <h4 class="ftco-46-subheading">Food</h4>
                  <h3 class="ftco-46-heading">揚(yáng)州炒飯</h3>
                  <p class="mb-5">一碗不一樣的炒飯,讓你難以拒絕.</p>
                  <p><a href="#" class="btn-link">更多 <span class="ion-android-arrow-forward"></span></a></p>
                  </div>
                  <div class="ftco-46-image" style="background-image: url(images/img_3.jpg);"></div>
                  <div class="ftco-46-text ftco-46-arrow-up">
                  <h4 class="ftco-46-subheading">Food</h4>
                  <h3 class="ftco-46-heading">藍(lán)莓酸奶冰激凌</h3>
                  <p class="mb-5">觸動(dòng)您的心靈,令人甜蜜至極,難以忘懷,心曠神怡的味覺(jué)享受,精選一級(jí)的夏威夷果仁,入口絲滑</p>
                  <p><a href="#" class="btn-link">更多 <span class="ion-android-arrow-forward"></span></a></p>
              </div>
          </div>

          結(jié)語(yǔ)

          如果人的一生總的能量是固定的話,那就節(jié)省開(kāi)支,延長(zhǎng)時(shí)間,喜怒哀樂(lè)不溢于言表,不困于心智,保持樂(lè)觀心態(tài)


          主站蜘蛛池模板: 天堂资源中文最新版在线一区| AA区一区二区三无码精片| 国产精品区一区二区三在线播放| 亚洲V无码一区二区三区四区观看 亚洲爆乳精品无码一区二区三区 亚洲爆乳无码一区二区三区 | 亚洲日韩激情无码一区| 无码丰满熟妇一区二区| 亚洲视频一区在线观看| 中文字幕无码一区二区三区本日 | 亚洲国产AV一区二区三区四区| 精品aⅴ一区二区三区| 麻豆精品一区二区综合av| 国产香蕉一区二区三区在线视频| 色欲AV蜜臀一区二区三区| 中文字幕久久久久一区| 无码AV动漫精品一区二区免费| 亚洲Av无码国产一区二区 | 免费在线观看一区| 国产视频福利一区| 人妻精品无码一区二区三区| AV无码精品一区二区三区| 亚洲国产老鸭窝一区二区三区 | 无码人妻久久一区二区三区蜜桃| 日韩精品久久一区二区三区 | 夜夜嗨AV一区二区三区| 黑人一区二区三区中文字幕| 精品视频一区二区三区在线播放 | 色视频综合无码一区二区三区| 中文字幕无线码一区二区| 精品人妻AV一区二区三区| 亚洲AV无码一区二区二三区软件 | 91精品一区二区综合在线| 中文字幕日韩丝袜一区| 人妻在线无码一区二区三区| 风间由美在线亚洲一区| 精品国产一区二区三区在线| 一区二区三区久久精品| 成人无码AV一区二区| 一区二区三区四区免费视频 | 东京热无码av一区二区| 日本高清成本人视频一区| 亚洲国产综合无码一区|