前端--HTML

番茄西紅柿發(fā)布于2019-04-23 13:26 / 3031人閱讀

摘要：注意后面的引號，分別在秒數(shù)的前面和網(wǎng)址的后面百度一下你就知道定義了網(wǎng)頁標(biāo)題，在瀏覽器標(biāo)題欄顯示。設(shè)置只有左右有效，上下則無效。注意元素范圍是增大了，但是對元素周圍的內(nèi)容是沒影響的。

HTML介紹

web服務(wù)本質(zhì)

import socket


sk = socket.socket()

sk.bind(("127.0.0.1", 8080))
sk.listen(5)


while True:
    conn, addr = sk.accept()
    data = conn.recv(8096)
    conn.send(b"HTTP/1.1 200 OKrnrn")
    conn.send(b"Hello world!")
    conn.close()

瀏覽器發(fā)送請求-->HTTP協(xié)議-->服務(wù)端接受請求-->服務(wù)端返回響應(yīng)-->服務(wù)端把HTML文件內(nèi)容發(fā)送給瀏覽器-->瀏覽器渲染頁面

HTML是什么?

超文本標(biāo)記語言(Hypertext Markup Language, HTML)還一種創(chuàng)建網(wǎng)頁的標(biāo)記語言.
本質(zhì)上是瀏覽器可識別的規(guī)則,我們按照規(guī)則寫網(wǎng)頁,瀏覽器根據(jù)規(guī)則渲染我們的網(wǎng)頁,對于不同的瀏覽器,對同一個標(biāo)簽可能會有不同的解釋(兼容性問題)
網(wǎng)頁文件擴(kuò)展名: .html/.htm(后一個不常用)
超文本:是指頁面內(nèi)可以包含圖片,鏈接,甚至音樂,程序等非文字
標(biāo)記語言:標(biāo)記(標(biāo)簽)構(gòu)成的語言
網(wǎng)頁==HTML文檔,由瀏覽器解析,用來展示

HTML不是什么?

HTML是一種標(biāo)記語言,不是一種編程語言
HTML使用標(biāo)簽來描述網(wǎng)頁

什么是標(biāo)簽?

是一對有尖括號包裹的單詞組成,如,所有標(biāo)簽內(nèi)的單詞不能以數(shù)字開頭
標(biāo)簽不區(qū)分大小寫和都可以,推薦用小寫
標(biāo)簽有兩部分,開始標(biāo)簽和結(jié)束標(biāo)簽,兩個標(biāo)簽之間的部分我們叫做標(biāo)簽體
有些標(biāo)簽功能比較簡單,使用一個標(biāo)簽就可以了,這種叫做自閉和標(biāo)簽,例如:
標(biāo)簽可以嵌套,但不可以交叉嵌套,例如: ,這種就不可以的

標(biāo)簽的屬性

通常以鍵值對出現(xiàn),例如 name = alex
屬性只能出現(xiàn)在開始標(biāo)簽或自閉和標(biāo)簽中
屬性名必須全部小寫,屬性值必須使用雙引號或者單引號包裹,例如: name = alex
如果屬性名和屬性值相同的話就可以直接寫屬性名

標(biāo)簽

　　head標(biāo)簽:

　　　meta標(biāo)簽的組成,meta標(biāo)簽共有兩個屬性,分別是http-equiv屬性和name屬性,不同的屬性有不同的參數(shù),不同的參數(shù)就實(shí)現(xiàn)了不同的網(wǎng)頁功能.

　　　1. name屬性主要用于描述網(wǎng)頁，與之對應(yīng)的屬性值為content，content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。

　　2. http-equiv顧名思義，相當(dāng)于http的文件頭作用，它可以向?yàn)g覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容，與之對應(yīng)的屬性值為content， content中的內(nèi)容其實(shí)就是各個參數(shù)的變量值。

　　 //(注意后面的引號，分別在秒數(shù)的前面和網(wǎng)址的后面)

　　　　百度一下,你就知道定義了網(wǎng)頁標(biāo)題，在瀏覽器標(biāo)題欄顯示。

　　body標(biāo)簽:

　　　　一.基本標(biāo)簽:

　　　　　　 :n的取值范圍是1~6,從大到小,用來表示標(biāo)題

:段落標(biāo)簽,包裹的內(nèi)容被換行,且上下內(nèi)容之間有一行空白

　　　　　　:加粗標(biāo)簽

:~~刪除,為文字加上一條中線~~

　　　　　　:斜體

　　　　　　:斜體

　　　　　　和_:上角標(biāo)和下角標(biāo)

　　　　　　
:換行

　　　　　　
:水平線

　　　　　　塊級標(biāo)簽和內(nèi)聯(lián)標(biāo)簽

　　　　　　塊級標(biāo)簽:

　　　　　　內(nèi)聯(lián)標(biāo)簽:<a> _{^{<span></span></p>
<p>　　　　　　</p>
<p><span id="vz5rxn5" class="s1">　　　　　　<span style="font-size: 14pt;"><strong>block（塊）元素的特點(diǎn):</strong></span><br /><span style="font-size: 18px;">　　　　　　① 總是在新行上開始；</span><br /><span style="font-size: 18px;">　　　　　　② 高度，行高以及外邊距和內(nèi)邊距都可控制；</span><br /><span style="font-size: 18px;">　　　　　　③ 寬度缺省是它的容器的100%，除非設(shè)定一個寬度。</span><br /><span style="font-size: 18px;">　　　　　　④ 它可以容納內(nèi)聯(lián)元素和其他塊元素</span></span></p>
<p><span id="ltdxf75" class="s1">　　　　　　<span style="font-size: 14pt;"><strong>inline元素的特點(diǎn):</strong></span><br /><span style="font-size: 18px;">　　　　　　① 和其他元素都在一行上；</span><br /><span style="font-size: 18px;">　　　　　　② 高，行高及外邊距和內(nèi)邊距不可改變；</span><br /><span style="font-size: 18px;">　　　　　　③ 寬度就是它的文字或圖片的寬度，不可改變</span><br /><span style="font-size: 18px;">　　　　　　④ 內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素</span></span></p>
<p><span id="hhnhp57" class="s1">　　　　　　<strong><span style="font-size: 14pt;">對行內(nèi)元素，需要注意如下 </span></strong><br /><span style="font-size: 18px;">　　　　　　設(shè)置寬度width 無效。</span><br /><span style="font-size: 18px;">　　　　　　設(shè)置高度height 無效，可以通過line-height來設(shè)置。</span><br /><span style="font-size: 18px;">　　　　　　設(shè)置margin 只有左右margin有效，上下無效。</span><br /><span style="font-size: 18px;">　　　　　　設(shè)置padding 只有左右padding有效，上下則無效。注意元素范圍是增大了，但是對元素周圍的內(nèi)容是沒影響的。</span></span></p>
<p>　　　　　　</p>
<p>　　　　　　<span style="font-size: 14pt;"><strong>特殊字符:</strong></span></p>
<p>　　　　　　</p>
<h4>　　　　<span style="font-size: 14pt;">二.圖形標(biāo)簽<img>:</span></h4>
<p><span style="font-size: 18px;">　　　　　　<strong>src:</strong>要顯示圖片的地址</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>alt:</strong>圖片沒有加載成功時的提示</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>title:</strong>鼠標(biāo)經(jīng)過時的提示信息</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>width:</strong>圖片的寬</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>height:</strong>圖片的高(寬高只用一個就可以自動等比例放大縮小)</span></p>
<h4>　　　　<span style="font-size: 14pt;">三.超鏈接標(biāo)簽<a>:</span></h4>
<p><span style="font-size: 18px;">　　　　　　<strong>herf:</strong>要連接的資源路徑,例如: </span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>target:</strong> _blank : 在新的窗口打開超鏈接. 框架名稱: 在指定框架中打開連接內(nèi)容.(不寫的話會默認(rèn)為self,在本頁面直接轉(zhuǎn)到另一個頁面)</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>name:</strong>定義一個頁面的書簽</span></p>
<h4>　　　<span style="font-size: 14pt;">　四.列表標(biāo)簽:</span></h4>
<p><span style="font-size: 18px;">　　　　　　<strong><ol>:</strong>有序列表</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong><ul>:</strong>無序列表</span></p>
<p><span style="font-size: 18px;">　　　　　　　　<li>:列表中的每一項(xiàng)</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong><dl>:</strong>定義列表</span></p>
<p><span style="font-size: 18px;">　　　　　　　　<dt>:列表標(biāo)題</span></p>
<p><span style="font-size: 18px;">　　　　　　　　<dd>:列表項(xiàng)</span></p>
<h4><span style="font-size: 14pt;">　　　五.表格標(biāo)簽:</span></h4>
<p><span style="font-size: 18px;">　　　　　　<strong>border:</strong>表格邊框</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>cellpadding:</strong>內(nèi)邊距</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>cellspacing:</strong>外邊距</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>width:</strong>像素百分百(最好用css設(shè)置)　　　　　　</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong><tr>:</strong> table row(表格行)</span></p>
<p><span style="font-size: 18px;"> 　　　　　　<th>: table head cell(表頭)</span></p>
<p><span style="font-size: 18px;"> 　　　　　　 <td>: table data cell(表格內(nèi)容)</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>rowspan:</strong>單元格橫跨多少行</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>colspan:</strong>單元格橫跨多少列;即合并單元格</span></p>
<p>　　</p>
<h4>　　　　<span style="font-size: 14pt;">六.表單標(biāo)簽:</span></h4>
<p><span style="font-size: 18px;">　　　　　表單用于向數(shù)據(jù)庫傳數(shù)據(jù)</span></p>
<p><span style="font-size: 18px;">　　　　　表單能夠包含input元素,比如文本字段,復(fù)選框,單選框,提交按鈕等</span></p>
<p><span style="font-size: 18px;">　　　　　表單還可以包括textarea,select,fieldset和label元素</span></p>
<h5>　　　　<span style="font-size: 18px;">1.表單屬性</span></h5>
<p><span style="font-size: 18px;">　　HTML表單用于接收不同類型的用戶數(shù)輸入,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù),從而實(shí)現(xiàn)用戶與web服務(wù)器的交互.表單標(biāo)簽,要提交的所有內(nèi)容都應(yīng)該在該標(biāo)簽中.</span></p>
<p><span style="font-size: 18px;">　　　action:表單提交到哪兒一般指向服務(wù)器端一個程序,程序接收到表單提交過來的數(shù)據(jù)(即表單元素值)作相應(yīng)處理</span></p>
<p><span style="font-size: 18px;">　　　method:表單的提交方式,post/get,默認(rèn)取值就是get</span></p>
<p><span style="font-size: 18px;">　　　　　get:1.提交的鍵值放在地址欄中的url后面.2.安全性相對較差.3.對提交內(nèi)容的長度有限制</span></p>
<p><span style="font-size: 18px;">　　　　　post:1.提交的鍵值對不在地址欄中.2.安全性相對較高.3.對提交的內(nèi)容的長度無限制.</span></p>
<p><span style="font-size: 18px;">　　　　　get/post是最常見的兩種請求方式</span></p>
<h5>　　　　<span style="font-size: 18px;">2.表單元素</span></h5>
<p><span style="font-size: 18px;">　　　　　<span style="font-size: 14pt;"><strong><input></strong></span>　　</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>type: </strong>text　　文本輸入框</span></p>
<p><span style="font-size: 18px;">　　　　　　　　 password　　密碼輸入框</span></p>
<p><span style="font-size: 18px;">　　　　　　　　 radio　　單選框</span></p>
<p><span style="font-size: 18px;">　　　　　　　　 checkbox 多選框</span></p>
<p><span style="font-size: 18px;">　　　　　　　　 submit　　提交按鈕</span></p>
<p><span style="font-size: 18px;">　　　　　　　　 button　　按鈕(需要配合js使用)</span></p>
<p><span style="font-size: 18px;">　　　　　　　　 file　　　提交文件 form表單上需要加上屬性enctype = "multipart/form-data"</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>name:</strong>表單提交項(xiàng)的鍵.注意和id屬性的區(qū)別:name屬性是和服務(wù)器通信時使用的名稱;而id是瀏覽器端使用的名稱,主要是為了方便客戶端編程</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>value:</strong>表單提交項(xiàng)的值:</span></p>
<p><span style="font-size: 18px;">　　　　　　　　對于不同的輸入類型,value屬性的用法也不同.</span></p>
<p><span style="font-size: 18px;">　　　　　　　　type = "button","reset","submit" - 定義按鈕上的現(xiàn)實(shí)的文本</span></p>
<p><span style="font-size: 18px;">　　　　　　　　type = "text","password","hidden" - 定義輸入字段的初始值</span></p>
<p><span style="font-size: 18px;">　　　　　　　　type = "checkbox","radio","image" - 定義與輸入相關(guān)聯(lián)的值</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>checked:r</strong>adio和checkbox默認(rèn)被選中</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>readonly:</strong>只讀.txt和password</span></p>
<p><span style="font-size: 18px;">　　　　　　<strong>disabled:</strong>對所有的input都好使</span></p>
<p> </p>
<p>　　　　　　<span style="font-size: 14pt;"><strong><select> 下拉選標(biāo)簽屬性:</strong></span></p>
<p><span style="font-size: 18px;">　　　　　　　<strong>name:</strong>表單提交項(xiàng)的鍵</span></p>
<p><span style="font-size: 18px;">　　　　　　　<strong>size:</strong>選項(xiàng)個數(shù)</span></p>
<p><span style="font-size: 18px;">　　　　　　　<strong>multiple:</strong>multiple</span></p>
<p><span style="font-size: 18px;">　　　　　　　<strong><option>:</strong>下拉選中的每一項(xiàng) 屬性:value:表單提交項(xiàng)的值. selected:下拉選項(xiàng)默認(rèn)備選中</span></p>
<p><span style="font-size: 18px;">　　　　　　　<strong><optgroup>:</strong>為每一項(xiàng)加上分組　</span></p>
<p><span style="font-size: 18px;">　　　　<span style="font-size: 14pt;"><strong><textarea></strong></span> 文本域 name:表單提交項(xiàng)的鍵. cols:文本域默認(rèn)有多少列.rows:文本域默認(rèn)為有多少行</span></p>
<p><span style="font-size: 18px;">　　　　<span style="font-size: 14pt;"><strong><label></strong> </span></span></p>
<p><span style="font-size: 18px;">　　　　　　<label for= "123">姓名</label>　　</span></p>
<p><span style="font-size: 18px;">　　　　　　<input id = "123" type = "text"></span></p>
<p><span style="font-size: 18px;"><strong>效果:</strong></span></p>
<p></p>

</div>

<div id="nxd5tlr" class="mt-64 tags-seach" >
<div id="77tnhx5" class="tags-info">

<a style="width:120px;" title="GPU云服務(wù)器" href="http://m.specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務(wù)器</a>

<a style="width:120px;" title="云服務(wù)器" href="http://m.specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a>

<a style="width:120px;" title="前端html" href="http://m.specialneedsforspecialkids.com/yun/tag/qianduanhtml/">前端html</a>
<a style="width:120px;" title="html前端" href="http://m.specialneedsforspecialkids.com/yun/tag/htmlqianduan/">html前端</a>
<a style="width:120px;" title="前端-html-" href="http://m.specialneedsforspecialkids.com/yun/tag/qianduan-html-/">前端-html-</a>
<a style="width:120px;" title="html 前端游戲" href="http://m.specialneedsforspecialkids.com/yun/tag/html qianduanyouxi/">html 前端游戲</a>

</div>

</div>

<div id="zlf7dfv" class="entry-copyright mb-30">
<p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p>

<p>轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1866.html</p>
</div>

<ul class="pre-next-page">

<li id="zt77r77" class="ellipsis"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/1865.html">上一篇：canvas離屏技術(shù)與放大鏡實(shí)現(xiàn)</a></li>

<li id="pv7xnrx" class="ellipsis"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/1867.html">下一篇：XML學(xué)習(xí)筆記</a></li>
</ul>
</div>
<div id="77tlfll" class="about_topicone-mid">
<h3 class="top-com-title mb-0"><span data-id="0">相關(guān)文章</span></h3>
<ul class="com_white-left-mid atricle-list-box">

<li>
<div id="x77tbfl" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/79962.html"><b>[聊一聊系列]聊一聊<em>前端</em>模板與渲染那些事兒</b></a></h2>
<p class="ellipsis2 good">摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用，的大量使用，使得前端工程師們?nèi)粘５拈_發(fā)少不了拼裝模板，渲染模板。我們今天就來聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。

歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...</p>

<div id="npx5zt7" class="com_white-left-info">
<div id="dxdjpvn" class="com_white-left-infol">
<a href="http://m.specialneedsforspecialkids.com/yun/u-74.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/00/small_000000074.png" alt=""><span id="dvfxdtl" class="layui-hide64">UCloud</span></a>
<time datetime="">2019-08-19 18:45</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="57ntb55" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/49909.html"><b>[聊一聊系列]聊一聊<em>前端</em>模板與渲染那些事兒</b></a></h2>
<p class="ellipsis2 good">摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用，的大量使用，使得前端工程師們?nèi)粘５拈_發(fā)少不了拼裝模板，渲染模板。我們今天就來聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。

歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...</p>

<div id="dpx7rl7" class="com_white-left-info">
<div id="v7vnrhz" class="com_white-left-infol">
<a href="http://m.specialneedsforspecialkids.com/yun/u-715.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/07/small_000000715.jpg" alt=""><span id="tzrpfxz" class="layui-hide64">Yangder</span></a>
<time datetime="">2019-08-01 15:25</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="jx75n5l" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/11744.html"><b>[聊一聊系列]聊一聊<em>前端</em>模板與渲染那些事兒</b></a></h2>
<p class="ellipsis2 good">摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用，的大量使用，使得前端工程師們?nèi)粘５拈_發(fā)少不了拼裝模板，渲染模板。我們今天就來聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。

歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...</p>

<div id="7prlrvj" class="com_white-left-info">
<div id="tt7ldxb" class="com_white-left-infol">
<a href="http://m.specialneedsforspecialkids.com/yun/u-806.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/08/small_000000806.jpg" alt=""><span id="ptvnhl5" class="layui-hide64">褰辯話</span></a>
<time datetime="">2019-06-24 17:50</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="xnhbjph" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/55054.html"><b><em>前端</em>開發(fā)者手冊2019</b></a></h2>
<p class="ellipsis2 good">摘要：年，和前端開發(fā)者與應(yīng)用程序前端開發(fā)者之間產(chǎn)生了巨大的分歧。開發(fā)最常見的解決方案有手機(jī)和平板的原生應(yīng)用程序桌面應(yīng)用程序桌面應(yīng)用程序原生技術(shù)最后，前端開發(fā)者可以從瀏覽器開發(fā)中學(xué)習(xí)到，編寫代碼不需要考慮瀏覽器引擎的限制。

前端開發(fā)者手冊2019
Cody Lindley 編著原文地址
本手冊由Frontend Masters贊助，通過深入現(xiàn)代化的前端工程課程來提高你的技能。
下載：PDF ...</p>

<div id="llf7jbh" class="com_white-left-info">
<div id="drj7zpf" class="com_white-left-infol">
<a href="http://m.specialneedsforspecialkids.com/yun/u-545.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/05/small_000000545.jpg" alt=""><span id="fr7vntl" class="layui-hide64">church</span></a>
<time datetime="">2019-08-02 16:18</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="7dhbf5f" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/109546.html"><b><em>前端</em>開發(fā)者手冊2019</b></a></h2>
<p class="ellipsis2 good">摘要：年，和前端開發(fā)者與應(yīng)用程序前端開發(fā)者之間產(chǎn)生了巨大的分歧。開發(fā)最常見的解決方案有手機(jī)和平板的原生應(yīng)用程序桌面應(yīng)用程序桌面應(yīng)用程序原生技術(shù)最后，前端開發(fā)者可以從瀏覽器開發(fā)中學(xué)習(xí)到，編寫代碼不需要考慮瀏覽器引擎的限制。

前端開發(fā)者手冊2019
Cody Lindley 編著原文地址
本手冊由Frontend Masters贊助，通過深入現(xiàn)代化的前端工程課程來提高你的技能。
下載：PDF ...</p>

<div id="pdvrj7h" class="com_white-left-info">
<div id="7j7bfl7" class="com_white-left-infol">
<a href="http://m.specialneedsforspecialkids.com/yun/u-1338.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/13/small_000001338.jpg" alt=""><span id="jj5zhxn" class="layui-hide64">xiao7cn</span></a>
<time datetime="">2019-08-26 13:47</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="t7nvtnd" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/114662.html"><b><em>前端</em>開發(fā)者手冊2019</b></a></h2>
<p class="ellipsis2 good">摘要：年，和前端開發(fā)者與應(yīng)用程序前端開發(fā)者之間產(chǎn)生了巨大的分歧。開發(fā)最常見的解決方案有手機(jī)和平板的原生應(yīng)用程序桌面應(yīng)用程序桌面應(yīng)用程序原生技術(shù)最后，前端開發(fā)者可以從瀏覽器開發(fā)中學(xué)習(xí)到，編寫代碼不需要考慮瀏覽器引擎的限制。

前端開發(fā)者手冊2019
Cody Lindley 編著原文地址
本手冊由Frontend Masters贊助，通過深入現(xiàn)代化的前端工程課程來提高你的技能。
下載：PDF ...</p>

<div id="nrntn5x" class="com_white-left-info">
<div id="h7pvn7t" class="com_white-left-infol">
<a href="http://m.specialneedsforspecialkids.com/yun/u-44.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/00/small_000000044.jpg" alt=""><span id="rbjp5lb" class="layui-hide64">鄒立鵬</span></a>
<time datetime="">2019-08-30 10:56</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>

</ul>
</div>

<div id="zd5tndf" class="topicone-box-wangeditor">

<h3 class="top-com-title mb-64"><span>發(fā)表評論</span></h3>
<div id="rpxpr77" class="xcp-publish-main flex_box_zd">

<div id="5zj5pf5" class="unlogin-pinglun-box">
<a href="javascript:login()" class="grad">登陸后可評論</a>
</div> </div>
</div>
<div id="fh7hln5" class="site-box-content">
<div id="dl75vzn" class="site-content-title">
<h3 class="top-com-title mb-64"><span>0條評論</span></h3>
</div>
<div id="rrh7nfv" class="pages"></ul></div>
</div>
</div>
<div id="rnjp5r5" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
<div id="lz7vb7x" class="">
<div id="7ntzhlb" class="com_layuiright-box user-msgbox">
<a href="http://m.specialneedsforspecialkids.com/yun/u-1725.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/17/small_000001725.jpg" alt=""></a>
<h3><a href="http://m.specialneedsforspecialkids.com/yun/u-1725.html" rel="nofollow">番茄西紅柿</a></h3>
<h6>男<span>|</span>高級講師</h6>
<div id="7tb7d5b" class="flex_box_zd user-msgbox-atten">

<a href="javascript:attentto_user(1725)" id="attenttouser_1725" class="grad follow-btn notfollow attention">我要關(guān)注</a>

<a href="javascript:login()" title="發(fā)私信" >我要私信</a>

</div>
<div id="dlrlrjz" class="user-msgbox-list flex_box_zd">
<h3 class="hpf">TA的文章</h3>
<a href="http://m.specialneedsforspecialkids.com/yun/ut-1725.html" class="box_hxjz">閱讀更多</a>
</div>
<ul class="user-msgbox-ul">
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/130741.html">tensor</a></h3>
<p>閱讀 730<span>·</span>2023-04-25 19:43</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/125781.html">Windows 下安裝 XGBoost</a></h3>
<p>閱讀 3974<span>·</span>2021-11-30 14:52</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/125782.html">Hadoop 2.6.0 啟動問題 lib/native/libhadoop.so which mi</a></h3>
<p>閱讀 3801<span>·</span>2021-11-30 14:52</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/125726.html">VmShell：黑五美國VPS,免費(fèi)先開通測試,滿意后付款!支持tiktok美區(qū)</a></h3>
<p>閱讀 3865<span>·</span>2021-11-29 11:00</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/125727.html">百度智能云：云產(chǎn)品特惠福利,1核2G輕量應(yīng)用服務(wù)器僅48元/年</a></h3>
<p>閱讀 3796<span>·</span>2021-11-29 11:00</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/125730.html">Linux系統(tǒng)和寶塔面板如何啟用禁ping功能?</a></h3>
<p>閱讀 3894<span>·</span>2021-11-29 11:00</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/125731.html">301重定向怎么做?301重定向設(shè)置方法有幾種</a></h3>
<p>閱讀 3571<span>·</span>2021-11-29 11:00</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/125716.html">wordpress網(wǎng)站重定向次數(shù)過多的解決方法</a></h3>
<p>閱讀 6154<span>·</span>2021-11-29 11:00</p></li>

</ul>
</div>



<div id="b75xpfx" class="com_layuiright-box">
<h6 class="top-com-title"><span>最新活動</span></h6>

<div id="pbfljz5" class="com_adbox">
<div id="bzfxtj5" class="layui-carousel" id="right-item">
<div carousel-item>
<div>
<a href="http://m.specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo" rel="nofollow">
<img src="http://m.specialneedsforspecialkids.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器">
</a>
</div>
<div>
<a href="http://m.specialneedsforspecialkids.com/site/product/gpu.html" rel="nofollow">
<img src="http://m.specialneedsforspecialkids.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器">
</a>
</div>

</div>
</div>

</div> 

<div id="ff7t5jn" class="adhtml">

</div>
<script>
$(function(){
$.ajax({
type: "GET",
url:"http://m.specialneedsforspecialkids.com/yun/ad/getad/1.html",
cache: false,
success: function(text){
$(".adhtml").html(text);
}
});
})
</script> </div> </div>
</div>
</div>
</div>
</section>

<div id="xhplv77" class="site-tree-mobile layui-hide">
<i class="layui-icon layui-icon-spread-left"></i>
</div>

<div id="dt7dj77" class="site-mobile-shade"></div>


<div class="b7vpzfx" id="payread">
<div id="zx5xfzp" class="layui-form-item">閱讀需要支付1元查看</div>
<div id="7dzhprj" class="layui-form-item"><button class="btn-right">支付并查看</button></div>
</div>
<script>
var prei=0;

$(".site-seo-depict pre").each(function(){
var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">','');
$(this).attr('data-clipboard-text',html).attr("id","pre"+prei);
$(this).html("").append("<code>"+html+"</code>");
prei++;
})
$(".site-seo-depict img").each(function(){

if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){
$(this).remove();
}
})
$("LINK[href*='style-49037e4d27.css']").remove();
$("LINK[href*='markdown_views-d7a94ec6ab.css']").remove();
layui.use(['jquery', 'layer','code'], function(){
$("pre").attr("class","layui-code");
$("pre").attr("lay-title","");
$("pre").attr("lay-skin","");
layui.code();
$(".layui-code-h3 a").attr("class","copycode").html("復(fù)制代碼 ").attr("onclick","copycode(this)");

});
function copycode(target){
var id=$(target).parent().parent().attr("id");

var clipboard = new ClipboardJS("#"+id);

clipboard.on('success', function(e) {

e.clearSelection();
alert("復(fù)制成功")
});

clipboard.on('error', function(e) {
alert("復(fù)制失敗")
});
}
//$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5));
</script>
<link rel="stylesheet" type="text/css" href="http://m.specialneedsforspecialkids.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css">
<script src="http://m.specialneedsforspecialkids.com/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script>
<script src="http://m.specialneedsforspecialkids.com/yun/static/js/clipboard.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

<script>
function setcode(){
var _html='';
document.querySelectorAll('pre code').forEach((block) => {
var _tmptext=$.trim($(block).text());
if(_tmptext!=''){
_html=_html+_tmptext;
console.log(_html);
}

});

}

</script>

<script>
function payread(){
layer.open({
type: 1,
title:"付費(fèi)閱讀",
shadeClose: true,
content: $('#payread')
});
}
// 舉報
function jupao_tip(){
layer.open({
type: 1,
title:false,
shadeClose: true,
content: $('#jubao')
});

}
$(".getcommentlist").click(function(){
var _id=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
$("#articlecommentlist"+_id).toggleClass("hide");
var flag=$("#articlecommentlist"+_id).attr("dataflag");
if(flag==1){
flag=0;
}else{
flag=1;
//加載評論
loadarticlecommentlist(_id,_tid);
}
$("#articlecommentlist"+_id).attr("dataflag",flag);

})
$(".add-comment-btn").click(function(){
var _id=$(this).attr("dataid");
$(".formcomment"+_id).toggleClass("hide");
})
$(".btn-sendartcomment").click(function(){
var _aid=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
var _content=$.trim($(".commenttext"+_aid).val());
if(_content==''){
alert("評論內(nèi)容不能為空");
return false;
}
var touid=$("#btnsendcomment"+_aid).attr("touid");
if(touid==null){
touid=0;
}
addarticlecomment(_tid,_aid,_content,touid);
})
$(".button_agree").click(function(){
var supportobj = $(this);
var tid = $(this).attr("id");
$.ajax({
type: "GET",
url:"http://m.specialneedsforspecialkids.com/yun/index.php?topic/ajaxhassupport/" + tid,
cache: false,
success: function(hassupport){
if (hassupport != '1'){

$.ajax({
type: "GET",
cache:false,
url: "http://m.specialneedsforspecialkids.com/yun/index.php?topic/ajaxaddsupport/" + tid,
success: function(comments) {

supportobj.find("span").html(comments+"人贊");
}
});
}else{
alert("您已經(jīng)贊過");
}
}
});
});
function attenquestion(_tid,_rs){
$.ajax({
//提交數(shù)據(jù)的類型 POST GET
type:"POST",
//提交的網(wǎng)址
url:"http://m.specialneedsforspecialkids.com/yun/favorite/topicadd.html",
//提交的數(shù)據(jù)
data:{tid:_tid,rs:_rs},
//返回數(shù)據(jù)的格式
datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
//在請求之前調(diào)用的函數(shù)
beforeSend:function(){},
//成功返回之后調(diào)用的函數(shù)
success:function(data){
var data=eval("("+data+")");
console.log(data)
if(data.code==2000){
layer.msg(data.msg,function(){
if(data.rs==1){
//取消收藏
$(".layui-layer-tips").attr("data-tips","收藏文章");
$(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>');
}
if(data.rs==0){
//收藏成功
$(".layui-layer-tips").attr("data-tips","已收藏文章");
$(".layui-layer-tips").html('<i class="fa fa-heart"></i>')
}
})

}else{
layer.msg(data.msg)
}

} ,
//調(diào)用執(zhí)行后調(diào)用的函數(shù)
complete: function(XMLHttpRequest, textStatus){
postadopt=true;
},
//調(diào)用出錯執(zhí)行的函數(shù)
error: function(){
//請求出錯處理
postadopt=false;
}
});
}
</script>
<footer>
<div id="7b7dxp7" class="layui-container">
<div id="pxrxprl" class="flex_box_zd">
<div id="f7n5rtn" class="left-footer">
<h6><a href="http://m.specialneedsforspecialkids.com/"><img src="http://m.specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6>
<p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計(jì)算服務(wù)平臺，堅(jiān)持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺、AI服務(wù)平臺等一系列云計(jì)算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場景下的業(yè)務(wù)需求，提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p>
</div>
<div id="7zdxfjb" class="right-footer layui-hidemd">
<ul class="flex_box_zd">
<li>
<h6>UCloud與云服務(wù)</h6>
<p><a href="http://m.specialneedsforspecialkids.com/site/about/intro/">公司介紹</a></p>
<p><a >加入我們</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/site/ucan/onlineclass/">UCan線上公開課</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://m.specialneedsforspecialkids.com/site/pro-notice/">產(chǎn)品動態(tài)</a></p>
</li>
<li>
<h6>友情鏈接</h6> <p><a >GPU算力平臺</a></p> <p><a >UCloud私有云</a></p>
<p><a >SurferCloud</a></p> <p><a >工廠仿真軟件</a></p> <p><a >Pinex</a></p> <p><a >AI繪畫</a></p>

</li>
<li>
<h6>社區(qū)欄目</h6>
<p><a href="http://m.specialneedsforspecialkids.com/yun/column/index.html">專欄文章</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/yun/udata/">專題地圖</a></p> </li>
<li>
<h6>常見問題</h6>
<p><a href="http://m.specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/site/about/news/recent/" >新聞動態(tài)</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/site/about/news/report/">媒體動態(tài)</a></p> <p><a href="http://m.specialneedsforspecialkids.com/site/cases.html">客戶案例</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/site/notice/">公告</a></p>
</li>
<li>
<span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優(yōu)刻得"></span>
<p>掃掃了解更多</p></div>
</div>
<div id="lntx5tj" class="copyright">Copyright ? 2012-2023 UCloud 優(yōu)刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號-3</a><i>｜</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?290c2650b305fc9fff0dbdcafe48b59d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-DZSMXQ3P9N');
</script>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script></div>
</div>
</footer>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://m.specialneedsforspecialkids.com/" title="国产xxxx99真实实拍">国产xxxx99真实实拍</a>

<div class="friend-links">

<a href="http://m.cp97744.com/">国产一区电影</a>
</div>
</div>

</footer>

<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="dz5tl" class="pl_css_ganrao" style="display: none;"><nobr id="dz5tl"></nobr><label id="dz5tl"><video id="dz5tl"><font id="dz5tl"><div id="dz5tl"></div></font></video></label><video id="dz5tl"><small id="dz5tl"></small></video><div id="dz5tl"></div><ruby id="dz5tl"><thead id="dz5tl"></thead></ruby><meter id="dz5tl"><pre id="dz5tl"></pre></meter><small id="dz5tl"></small><rp id="dz5tl"></rp><var id="dz5tl"><u id="dz5tl"><rp id="dz5tl"><form id="dz5tl"></form></rp></u></var><progress id="dz5tl"></progress><meter id="dz5tl"></meter><small id="dz5tl"><output id="dz5tl"></output></small><font id="dz5tl"><legend id="dz5tl"><sup id="dz5tl"><form id="dz5tl"></form></sup></legend></font><pre id="dz5tl"><style id="dz5tl"><listing id="dz5tl"><small id="dz5tl"></small></listing></style></pre><u id="dz5tl"><ins id="dz5tl"><address id="dz5tl"><legend id="dz5tl"></legend></address></ins></u><th id="dz5tl"><thead id="dz5tl"></thead></th><meter id="dz5tl"><pre id="dz5tl"></pre></meter><div id="dz5tl"><sup id="dz5tl"><form id="dz5tl"><rp id="dz5tl"></rp></form></sup></div><form id="dz5tl"><rp id="dz5tl"></rp></form><progress id="dz5tl"></progress><label id="dz5tl"><optgroup id="dz5tl"><output id="dz5tl"><sub id="dz5tl"></sub></output></optgroup></label><strong id="dz5tl"><dfn id="dz5tl"><output id="dz5tl"><thead id="dz5tl"></thead></output></dfn></strong><pre id="dz5tl"><i id="dz5tl"></i></pre><style id="dz5tl"><nobr id="dz5tl"><small id="dz5tl"><meter id="dz5tl"></meter></small></nobr></style><ol id="dz5tl"></ol><nobr id="dz5tl"><em id="dz5tl"><meter id="dz5tl"><span id="dz5tl"></span></meter></em></nobr><listing id="dz5tl"><small id="dz5tl"></small></listing><label id="dz5tl"><strong id="dz5tl"><ruby id="dz5tl"><thead id="dz5tl"></thead></ruby></strong></label><div id="dz5tl"><dfn id="dz5tl"></dfn></div><progress id="dz5tl"><acronym id="dz5tl"></acronym></progress><acronym id="dz5tl"><pre id="dz5tl"></pre></acronym><dfn id="dz5tl"><b id="dz5tl"></b></dfn><output id="dz5tl"></output><legend id="dz5tl"><var id="dz5tl"><u id="dz5tl"><rp id="dz5tl"></rp></u></var></legend><div id="dz5tl"></div><ruby id="dz5tl"></ruby><div id="dz5tl"></div><dfn id="dz5tl"><menuitem id="dz5tl"><span id="dz5tl"><strike id="dz5tl"></strike></span></menuitem></dfn><output id="dz5tl"></output><track id="dz5tl"><tt id="dz5tl"><progress id="dz5tl"><acronym id="dz5tl"></acronym></progress></tt></track><thead id="dz5tl"><big id="dz5tl"><label id="dz5tl"><strong id="dz5tl"></strong></label></big></thead><rp id="dz5tl"><font id="dz5tl"></font></rp><var id="dz5tl"></var><strong id="dz5tl"><track id="dz5tl"></track></strong><legend id="dz5tl"><sup id="dz5tl"><form id="dz5tl"><rp id="dz5tl"></rp></form></sup></legend><th id="dz5tl"><tt id="dz5tl"><progress id="dz5tl"><form id="dz5tl"></form></progress></tt></th><sub id="dz5tl"></sub><track id="dz5tl"><thead id="dz5tl"><big id="dz5tl"><acronym id="dz5tl"></acronym></big></thead></track><optgroup id="dz5tl"></optgroup><nobr id="dz5tl"><font id="dz5tl"><div id="dz5tl"><ol id="dz5tl"></ol></div></font></nobr><listing id="dz5tl"><dfn id="dz5tl"></dfn></listing><ruby id="dz5tl"><thead id="dz5tl"></thead></ruby><label id="dz5tl"></label><ol id="dz5tl"><style id="dz5tl"></style></ol><form id="dz5tl"></form><listing id="dz5tl"><optgroup id="dz5tl"></optgroup></listing><style id="dz5tl"><listing id="dz5tl"><small id="dz5tl"><menuitem id="dz5tl"></menuitem></small></listing></style><em id="dz5tl"><legend id="dz5tl"><sup id="dz5tl"><style id="dz5tl"></style></sup></legend></em><big id="dz5tl"><label id="dz5tl"></label></big><video id="dz5tl"><font id="dz5tl"><div id="dz5tl"><ol id="dz5tl"></ol></div></font></video><span id="dz5tl"><i id="dz5tl"></i></span><acronym id="dz5tl"><pre id="dz5tl"><th id="dz5tl"><u id="dz5tl"></u></th></pre></acronym><output id="dz5tl"><sub id="dz5tl"></sub></output><meter id="dz5tl"><ol id="dz5tl"><i id="dz5tl"><listing id="dz5tl"></listing></i></ol></meter><ol id="dz5tl"></ol><nobr id="dz5tl"></nobr><dfn id="dz5tl"><b id="dz5tl"><mark id="dz5tl"><form id="dz5tl"></form></mark></b></dfn><div id="dz5tl"><ol id="dz5tl"></ol></div><track id="dz5tl"><thead id="dz5tl"><big id="dz5tl"><dl id="dz5tl"></dl></big></thead></track><var id="dz5tl"><u id="dz5tl"></u></var><strike id="dz5tl"><nobr id="dz5tl"></nobr></strike><thead id="dz5tl"><strong id="dz5tl"><optgroup id="dz5tl"><ruby id="dz5tl"></ruby></optgroup></strong></thead><pre id="dz5tl"><track id="dz5tl"><tt id="dz5tl"><mark id="dz5tl"></mark></tt></track></pre><var id="dz5tl"></var><progress id="dz5tl"><dl id="dz5tl"></dl></progress><strong id="dz5tl"><track id="dz5tl"></track></strong><style id="dz5tl"><video id="dz5tl"></video></style><rp id="dz5tl"><address id="dz5tl"></address></rp><meter id="dz5tl"></meter><span id="dz5tl"><strike id="dz5tl"></strike></span><strong id="dz5tl"><ruby id="dz5tl"></ruby></strong><i id="dz5tl"></i><th id="dz5tl"><b id="dz5tl"></b></th><legend id="dz5tl"><dfn id="dz5tl"></dfn></legend><rp id="dz5tl"><font id="dz5tl"></font></rp><strong id="dz5tl"><font id="dz5tl"></font></strong><output id="dz5tl"><span id="dz5tl"><strike id="dz5tl"><label id="dz5tl"></label></strike></span></output><strike id="dz5tl"><listing id="dz5tl"><optgroup id="dz5tl"><ruby id="dz5tl"></ruby></optgroup></listing></strike><u id="dz5tl"></u><sup id="dz5tl"></sup><style id="dz5tl"><nobr id="dz5tl"><small id="dz5tl"><menuitem id="dz5tl"></menuitem></small></nobr></style><label id="dz5tl"><strong id="dz5tl"><track id="dz5tl"><b id="dz5tl"></b></track></strong></label><b id="dz5tl"><progress id="dz5tl"></progress></b><label id="dz5tl"><optgroup id="dz5tl"></optgroup></label><pre id="dz5tl"></pre><rp id="dz5tl"><font id="dz5tl"></font></rp><sup id="dz5tl"></sup><form id="dz5tl"></form><dfn id="dz5tl"></dfn><var id="dz5tl"><form id="dz5tl"><rp id="dz5tl"><font id="dz5tl"></font></rp></form></var><strong id="dz5tl"></strong><p id="dz5tl"><var id="dz5tl"></var></p><sup id="dz5tl"><label id="dz5tl"><rp id="dz5tl"><em id="dz5tl"></em></rp></label></sup><thead id="dz5tl"></thead><strong id="dz5tl"><track id="dz5tl"></track></strong><address id="dz5tl"><p id="dz5tl"></p></address><label id="dz5tl"><video id="dz5tl"><em id="dz5tl"><meter id="dz5tl"></meter></em></video></label><b id="dz5tl"></b><style id="dz5tl"><nobr id="dz5tl"></nobr></style><ins id="dz5tl"><address id="dz5tl"><legend id="dz5tl"><ol id="dz5tl"></ol></legend></address></ins><div id="dz5tl"></div><p id="dz5tl"><dfn id="dz5tl"></dfn></p><sub id="dz5tl"><strike id="dz5tl"></strike></sub><dfn id="dz5tl"></dfn><legend id="dz5tl"><th id="dz5tl"><b id="dz5tl"><mark id="dz5tl"></mark></b></th></legend><strong id="dz5tl"><track id="dz5tl"><tt id="dz5tl"><progress id="dz5tl"></progress></tt></track></strong><optgroup id="dz5tl"><ruby id="dz5tl"></ruby></optgroup><legend id="dz5tl"><dfn id="dz5tl"><u id="dz5tl"><rp id="dz5tl"></rp></u></dfn></legend><u id="dz5tl"></u><dfn id="dz5tl"></dfn><th id="dz5tl"><b id="dz5tl"></b></th><form id="dz5tl"><ins id="dz5tl"><address id="dz5tl"><div id="dz5tl"></div></address></ins></form><sub id="dz5tl"><strike id="dz5tl"></strike></sub><span id="dz5tl"><i id="dz5tl"><listing id="dz5tl"><optgroup id="dz5tl"></optgroup></listing></i></span><meter id="dz5tl"></meter><big id="dz5tl"></big><ol id="dz5tl"></ol><legend id="dz5tl"><var id="dz5tl"><form id="dz5tl"><video id="dz5tl"></video></form></var></legend><strong id="dz5tl"><ruby id="dz5tl"></ruby></strong><ruby id="dz5tl"></ruby><span id="dz5tl"></span><label id="dz5tl"></label><tt id="dz5tl"></tt><form id="dz5tl"></form><pre id="dz5tl"></pre><dfn id="dz5tl"><b id="dz5tl"><mark id="dz5tl"><address id="dz5tl"></address></mark></b></dfn><pre id="dz5tl"><track id="dz5tl"></track></pre><label id="dz5tl"><strong id="dz5tl"><track id="dz5tl"><b id="dz5tl"></b></track></strong></label><u id="dz5tl"><mark id="dz5tl"><form id="dz5tl"><legend id="dz5tl"></legend></form></mark></u><u id="dz5tl"><ins id="dz5tl"><form id="dz5tl"><legend id="dz5tl"></legend></form></ins></u><rp id="dz5tl"></rp><strong id="dz5tl"><dfn id="dz5tl"><menuitem id="dz5tl"><sub id="dz5tl"></sub></menuitem></dfn></strong><video id="dz5tl"><em id="dz5tl"><meter id="dz5tl"><pre id="dz5tl"></pre></meter></em></video><pre id="dz5tl"><style id="dz5tl"><nobr id="dz5tl"><small id="dz5tl"></small></nobr></style></pre><form id="dz5tl"><p id="dz5tl"></p></form><label id="dz5tl"><strong id="dz5tl"></strong></label><thead id="dz5tl"><strong id="dz5tl"><strong id="dz5tl"><ruby id="dz5tl"></ruby></strong></strong></thead><strong id="dz5tl"></strong><form id="dz5tl"></form><label id="dz5tl"><optgroup id="dz5tl"><ruby id="dz5tl"><thead id="dz5tl"></thead></ruby></optgroup></label></div>
<script src="http://m.specialneedsforspecialkids.com/yun/static/theme/ukd/js/common.js"></script>
<<script type="text/javascript">
$(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%");
</script>
</html>}}

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！