摘要：一列表標簽列表標簽分為三種。二表格標簽表格標簽用表示。單元格和單元格之間的距離外邊距，像素為單位。例如表示當前單元格在水平方向上要占據兩個單元格的位置。輸入標簽文本框輸入標簽文本框用于接收用戶輸入。

一 列表標簽

　　列表標簽分為三種。

　　1、無序列表

，無序列表中的每一項是

　　　　英文單詞解釋如下：

　　　　　　a.ul：unordered list，“無序列表”的意思。

　　　　　　b.li：list item，“列表項”的意思。

　　　　示例：

1 2 3 4 5

????????? 張三</li>??? ????????? 李四</li>??? ????????? 王五</li>??? </ul>

　　

　　　　效果：

　　　　　　

　　　　注意：

　　　　　　a.li不能多帶帶存在，必須包裹在ul里面；反過來說，ul的“兒子”不能是別的東西，只能有li。

　　　　　　b.我們這里再次強調，ul的作用，并不是給文字增加小圓點的，而是增加無序列表的“語義”的。

　　　　屬性：

　　　　　　1.type="屬性值"。屬性值可以選：?disc(實心原點，默認)，square(實心方點)，circle(空心圓)。

　　　　　　　　效果如下：

　　　　　　　　

?

　　　　　　　　列表之間是可以嵌套的。我們來舉個例子：
　　　　　　　　代碼：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

??? 北京市</b> ??????? ??????????? 海淀區</li> ??????????? 朝陽區</li> ??????????? 東城區</li> ? ???????</ul> ???</li> ? ??? 廣州市</b> ??????? ??????????? 天河區</li> ??????????? 越秀區</li> ???????</ul> ???</li> ?</ul>

　　

　　　　　　　　效果:

　　　　　　　　　　

?

　　　　　　　　聲明：ul的兒子，只能是li。但是li是一個容器級標簽，li里面什么都能放。甚至可以再放一個ul。

　　2、有序列表

，里面的每一項是

　　　　英文單詞：Ordered List。

　　　　例如：

1 2 3 4 5

?? ???????? 嘿哈</li> ??????? 哼哈</li> ???????? 呵呵</li> </ol>

　　

　　　　效果：

　　　　　　

　　　　屬性：

　　　　　　1.type="屬性值"。屬性值可以是：1(阿拉伯數字，默認)、a、A、i、I。結合start屬性表示從幾開始。

　　　　　　效果：

　　　　　　　　

　　　　　　和無序列表一樣，有序列表也是可以嵌套的哦，這里就不舉類似的例子了。

　　　　　　ol和ul就是語義不一樣，怎么使用都是一樣的。
　　　　　　ol里面只能有li，li必須被ol包裹。li是容器級。

　　　　　　ol這個東西用的不多，如果想表達順序，大家一般也用ul。舉例如下：

1 2 3 4 5

???? 1.?嘿哈</li> ???? 2.?哼哈</li> ???? 3.?呵呵</li> </ul>

　　3、定義列表

　　　　

　　　　

英文單詞：definition list，沒有屬性。dl的子元素只能是dt和dd。

　　　　　　a.

：definition title 列表的標題，這個標簽是必須的

　　　　　　b.

：definition description 列表的列表項，如果不需要它，可以不加

　　　　備注：dt、dd只能在dl里面；dl里面只能有dt、dd。

　　　　代碼：

1 2 3 4 5 6 7 8 9 10 11

???????? 第一條規則</dt> ???????? 不準睡覺</dd> ???????? 不準交頭接耳</dd> ???????? 不準下神</dd> ? ???????? 第二條規則</dt> ???????? 可以泡妞</dd> ???????? 可以找妹子</dd> ???????? 可以看mv</dd> </dl>

　　

　　　　效果：

　　　　　　

?

　　　　上圖可以看出，定義列表表達的語義是兩層：

　　　　　　（1）是一個列表，列出了幾個dd項目

　　　　　　（2）每一個詞兒都有自己的描述項。

　　　　備注：dd是描述dt的。

　　　　定義列表用法非常靈活，可以一個dt配很多dd：

1 2 3 4 5 6 7 8 9

??????? 北京</dt> ??????? 國家首都，政治文化中心</dd> ??????? 污染很嚴重，PM2.0天天報表</dd> ??????? 上海</dt> ??????? 魔都，有外灘、東方明珠塔、黃浦江</dd> ??????? 廣州</dt> ??????? 中國南大門，有珠江、小蠻腰</dd> </dl>

　　　　還可以拆開，讓每一個dl里面只有一個dt和dd，這樣子感覺清晰一些：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

???? 北京</dt> ???? 國家首都，政治文化中心</dd> ???? 污染很嚴重，PM2.0天天報表</dd> </dl> ? ???? 上海</dt> ???? 魔都，有外灘、東方明珠塔、黃浦江</dd> </dl> ? ???? 廣州</dt> ???? 中國南大門，有珠江、小蠻腰</dd> </dl>

　　

　　　　京東案例（京東首頁最下方）

　　　　　　

　　　　dt、dd都是容器級標簽，想放什么都可以。所以，現在就應該更加清晰的知道：用什么標簽，不是根據樣子來決定，而是語義（語義本質上是結構）。

二 表格標簽

　　表格標簽用

表示。
　　一個表格是由每行組成的，每行是由

組成的。 　　所以我們要記住，一個表格是由行組成的（行是由列組成的），而不是由行和列組成的。 　　在以前，要想固定標簽的位置，唯一的方法就是表格。現在可以通過CSS定位的功能來實現。但是現在在做頁面的時候，表格作用還是有一些的。 　　例如，一行的單元格： 1 2 3 4 5 6 7 8 ???????????? </td> ???????? </td> ???????? </td> ???????? </td> ????</tr> </table> 　　上面的表格中沒有加文字，所以在生成的網頁中什么都看不到。 　　例如，3行4列的單元格： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 ???????????????????????????????????? 小馬哥</td> ?????????? 18</td> ?????????? 男</td> ?????????? 山東</td> ??????</tr> ? ?????? 小岳岳</td> ?????????? 45</td> ?????????? 男</td> ?????????? 河南</td> ??????</tr> ? ?????? 鄧紫棋</td> ?????????? 23</td> ?????????? 女</td> ?????????? 香港</td> ??????</tr> ? ??</table> 　　 　　效果： 　　　　 　　上圖中的表格好像沒看到邊框呀，不急，接下來看看 標簽的屬性。 　　 的屬性： border：邊框。像素為單位。 style="border-collapse:collapse;"：單元格的線和表格的邊框線合并 width：寬度。像素為單位。 height：高度。像素為單位。 bordercolor：表格的邊框顏色。 align：表格的水平對齊方式。屬性值可以填：left right center。 注意：這里不是設置表格里內容的對齊方式，如果想設置內容的對齊方式，要對單元格標簽 ：行 　　　　一個表格就是一行一行組成的嘛。 　　屬性： dir：公有屬性，設置這一行單元格內容的排列方式。可以取值：ltr：從左到右（left to right，默認），rtl：從右到左（right to left） bgcolor：設置這一行的單元格的背景色。 注：沒有background屬性，即：無法設置這一行的背景圖片，如果非要設置，可以用css實現。 height：一行的高度 align="center"：一行的內容水平居中顯示，取值：left、center、right valign="center"：一行的內容垂直居中，取值：top、middle、bottom ? 　　 標簽、標簽、標簽 　　　　這三個標簽有與沒有的區別： 　　　　　　1、如果寫了，那么這三個部分的代碼順序可以任意，瀏覽器顯示的時候還是按照thead、tbody、tfoot的順序依次來顯示內容。如果不寫thead、tbody、tfoot，那么瀏覽器解析并顯示表格內容的時候是從按照代碼的從上到下的順序來顯示。 　　　　　　2、當表格非常大內容非常多的時候，如果用thead、tbody、tfoot標簽的話，那么數據可以邊獲取邊顯示。如果不寫，則必須等表格的內容全部從服務器獲取完成才能顯示出來。 例子： 進行設置） cellpadding：單元格內容到邊的距離，像素為單位。默認情況下，文字是緊挨著左邊那條線的，即默認情況下的值為0。 注意不是單元格內容到四條邊的距離哈，而是到一條邊的距離，默認是與左邊那條線的距離。如果設置屬性dir="rtl"，那就指的是內容到右邊那條線的距離。 cellspacing：單元格和單元格之間的距離（外邊距），像素為單位。默認情況下的值為0 bgcolor="#99cc66"：表格的背景顏色。 background="路徑src/..."：背景圖片。 背景圖片的優先級大于背景顏色。 　　單元格帶邊框的效果： 　　　　 　　備注：表格中很細表格邊線的制作： 　　CSS的寫法： 1 style="border-collapse:collapse;" 　　 　　 ：單元格 　　屬性： align：內容的橫向對齊方式。屬性值可以填：left right center。 如果想讓每個單元格的內容都居中，這個屬性太麻煩了，以后用css來解決。 valign：內容的縱向對齊方式。屬性值可以填：top middle bottom width：絕對值或者相對值(%) height：單元格的高度 bgcolor：設置這個單元格的背景色。 background：設置這個單元格的背景圖片。 ? 　　單元格的合并 　　　　如果要將兩個單元格合并，那肯定就要刪掉一個單元格。 　　　　單元格的屬性： colspan：橫向合并。例如colspan="2"表示當前單元格在水平方向上要占據兩個單元格的位置。 rowspan：縱向合并。例如rowspan="2"表示當前單元格在垂直方向上 　　　　效果：（橫向合并） 　　　　　　 　　　　效果舉例：（縱向合并） 　　　　　　 　　 ：加粗的單元格。相當于 ?+? 　　　　a.屬性同 標簽 ? 　　 ：表格的標題。使用時和tr標簽并列 　　　　效果： 　　　　　　 ? 　　表格的 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 ="1">?????????????????????????????????????????????????????????????????????????????????????????? 人物介紹</caption> ?????? 小馬哥</td> ???????????????? 18</th> ???????????????? 男</td> ???????????????? ="3">中國</td> ????????????</tr> ????????</tbody> ????? ???? 小岳岳</td> ???????????????? 45</td> ???????????????? 男</td> ????????????????? ????????????</tr> ????????</tfoot> ???? 鄧紫棋</td> ???????????????? 23</td> ???????????????? 女</td>?????????? ????????????</tr> ????????</thead> ? ????</table> 　　 　　　　效果： ? 三 表單標簽 　　表單標簽用 表示，用于與服務器的交互。表單就是收集用戶信息的，就是讓用戶填寫的、選擇的。 ? 　　屬性： 　　　　a.name：表單的名稱，用于JS來操作或控制表單時使用； 　　　　b.id：表單的名稱，用于JS來操作或控制表單時使用； 　　　　c.action：指定表單數據的處理程序，一般是PHP，如：action=“login.php” 　　　　d.method：表單數據的提交方式，一般取值：get(默認)和post 　　form標簽里面的action屬性和method屬性，在后面課程給大家講解。稍微說一下：action屬性就是表示，表單將提交到哪里。 method屬性表示用什么HTTP方法提交，有get、post兩種。? 　　get提交和post提交的區別： 　　　　GET方式： 　　　　　　將表單數據，以"name=value"形式追加到action指定的處理程序的后面，兩者間用"?"隔開，每一個表單的"name=value"間用"&"號隔開。 　　　　　　特點：只適合提交少量信息，并且不太安全(不要提交敏感數據)、提交的數據類型只限于ASCII字符。 　　　　POST方式： 　　　　　　將表單數據直接發送(隱藏)到action指定的處理程序。POST發送的數據不可見。Action指定的處理程序可以獲取到表單數據。 　　　　　　特點：可以提交海量信息，相對來說安全一些，提交的數據格式是多樣的(Word、Excel、rar、img)。 　　Enctype： 　　　　表單數據的編碼方式(加密方式)，取值可以是：application/x-www-form-urlencoded、multipart/form-data。Enctype只能在POST方式下使用。 　　　　　　a.Application/x-www-form-urlencoded：默認加密方式，除了上傳文件之外的數據都可以 　　　　　　b.Multipart/form-data：上傳附件時，必須使用這種編碼方式。 　　：輸入標簽（文本框） 　　　　用于接收用戶輸入。 1 <input?type="text"?/> 　　　　 　　　　屬性： type="屬性值"：文本類型。屬性值可以是： text（默認） password：密碼類型 radio：單選按鈕，名字相同的按鈕作為一組進行單選（單選按鈕，天生是不能互斥的，如果想互斥，必須要有相同的name屬性。name就是“名字”。 ）。非常像以前的收音機，按下去一個按鈕，其他的就抬起來了。所以叫做radio。 checkbox：多選按鈕，名字相同的按鈕作為一組進行選擇。 checked：將單選按鈕或多選按鈕默認處于選中狀態。當標簽的type="radio"時，可以用這個屬性。屬性值也是checked，可以省略。 hidden：隱藏框，在表單中包含不希望用戶看見的信息 button：普通按鈕，結合js代碼進行使用。 submit：提交按鈕，傳送當前表單的數據給服務器或其他程序處理。這個按鈕不需要寫value自動就會有“提交”文字。這個按鈕真的有提交功能。點擊按鈕后，這個表單就會被提交到form標簽的action屬性中指定的那個頁面中去。 reset：重置按鈕，清空當前表單的內容，并設置為最初的默認值 image：圖片按鈕，和提交按鈕的功能完全一致，只不過圖片按鈕可以顯示圖片。 file：文件選擇框。 提示：如果要限制上傳文件的類型，需要配合JS來實現驗證。對上傳文件的安全檢查：一是擴展名的檢查，二是文件數據內容的檢查。 value="內容"：文本框里的默認內容（已經被填好了的） size="50"：表示文本框內可以顯示五十個字符。一個英文或一個中文都算一個字符。 注意size屬性值的單位不是像素哦。 readonly：文本框只讀，不能編輯。因為它的屬性值也是readonly，所以屬性值可以不寫。 用了這個屬性之后，在google瀏覽器中，光標點不進去；在IE瀏覽器中，光標可以點進去，但是文字不能編輯。 disabled：文本框只讀，不能編輯，光標點不進去。屬性值可以不寫。 　　　　例子： 1 2 3 4 5 6 7 8 9 10 11 ??????姓名：<input?value="呵呵"?>逗比 ??????昵稱：<input?value="哈哈"?readonly=""> ??????名字：<input?type="text"?value="name"?disabled=""> ??????密碼：<input?type="password"?value="pwd"?size="50"> ??????性別：<input?type="radio"?name="gender"?value="male"?checked="">男 ????????????<input?type="radio"?name="gender"?value="female"?>女 ??????愛好：<input?type="checkbox"?name="love"?value="eat">吃飯 ????????????<input?type="checkbox"?name="love"?value="sleep">睡覺 ????????????<input?type="checkbox"?name="love"?value="bat">打豆豆 ??</form> 　　 　　　　效果： 　　　　四種按鈕的舉例： 1 2 3 4 5 6 7 ????????<input?type="button"?value="普通按鈕"> ????????<input?type="submit"??value="提交按鈕"> ????????<input?type="reset"?value="重置按鈕"> ????????<input?type="image"?src="images/bojie.jpeg"?width="400"?value="圖片按鈕2"> ????????<input?type="file"?value="文件選擇框"> </form> 　　 　　　　效果： 　　　　　　 　　：下拉列表標簽 　　　　 標簽里面的每一項用表示。select就是“選擇”，option“選項”。 　　　　select標簽和ul、ol、dl一樣，都是組標簽。 　　標簽的屬性： 　　　　a.multiple：可以對下拉列表中的選項進行多選。沒有屬性值。 　　　　b.size="3"：如果屬性值大于1，則列表為滾動視圖。默認屬性值為1，即下拉視圖。 　　標簽的屬性： 　　　　a.selected：預選中。沒有屬性值。 　　　　例子： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 ???? ????????小學</option> ????????初中</option> ????????高中</option> ????????大學</option> ????????="">研究生</option> ????</select> ???? ? ????="3"> ????????小學</option> ????????初中</option> ????????高中</option> ????????大學</option> ????????研究生</option> ????</select> ???? ? ????=""> ????????小學</option> ????????初中</option> ????????="">高中</option> ????????="">大學</option> ????????研究生</option> ????</select> ???? ? </form> 　　 　　　　效果: 　　　　　　 　　</code>標簽：多行文本輸入框</h3> <p>　　　　text就是“文本”，area就是“區域”。</p> <p><strong>　　　　屬性：</strong></p> <p><strong>　　　　　　a.</strong><code>value</code>：提交給服務器的值。</p> <p>　　　　　　b.<code>rows="4"</code>：指定文本區域的行數。</p> <p>　　　　　　c.<code>cols="20"</code>：指定文本區域的列數。</p> <p>　　　　　　d.<code>readonly</code>：只讀。</p> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> 1 2 3 </td> <td class="code"> <code class="python plain"><form></code> <code class="python spaces">????????</code><code class="python plain"><textarea name</code><code class="python keyword">=</code><code class="python string">"txtInfo"</code>?<code class="python plain">rows</code><code class="python keyword">=</code><code class="python string">"4"</code>?<code class="python plain">cols</code><code class="python keyword">=</code><code class="python string">"20"</code><code class="python plain">>路飛學城<</code><code class="python keyword">/</code><code class="python plain">textarea></code> <code class="python plain"><</code><code class="python keyword">/</code><code class="python plain">form></code> </td> </tr> </tbody> </table> <p>　　</p> <p>　　　　效果：</p> <p>　　　　　　</p> <h3>?</h3> <h3 id="表單的語義化">　　表單的語義化</h3> <p>　　　　比如，我們在注冊一個網站的信息的時候，有一部分是必填信息，有一部分是選填信息，這個時候可以利用表單的語義化。</p> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 </td> <td class="code"> <code class="python plain"><form></code> ? <code class="python spaces">???????</code><code class="python plain"><fieldset></code> <code class="python spaces">???????</code><code class="python plain"><legend>賬號信息<</code><code class="python keyword">/</code><code class="python plain">legend></code> <code class="python spaces">???????</code><code class="python plain">姓名：<</code><code class="python functions">input</code>?<code class="python plain">value</code><code class="python keyword">=</code><code class="python string">"呵呵"</code>?<code class="python plain">>逗比<br></code> <code class="python spaces">???????</code><code class="python plain">密碼：<</code><code class="python functions">input</code>?<code class="python functions">type</code><code class="python keyword">=</code><code class="python string">"password"</code>?<code class="python plain">value</code><code class="python keyword">=</code><code class="python string">"pwd"</code>?<code class="python plain">size</code><code class="python keyword">=</code><code class="python string">"50"</code><code class="python plain">><br></code> <code class="python spaces">???????</code><code class="python plain"><</code><code class="python keyword">/</code><code class="python plain">fieldset></code> ? <code class="python spaces">???????</code><code class="python plain"><fieldset></code> <code class="python spaces">???????</code><code class="python plain"><legend>其他信息<</code><code class="python keyword">/</code><code class="python plain">legend></code> <code class="python spaces">???????</code><code class="python plain">性別：<</code><code class="python functions">input</code>?<code class="python functions">type</code><code class="python keyword">=</code><code class="python string">"radio"</code>?<code class="python plain">name</code><code class="python keyword">=</code><code class="python string">"gender"</code>?<code class="python plain">value</code><code class="python keyword">=</code><code class="python string">"male"</code>?<code class="python plain">checked</code><code class="python keyword">=</code><code class="python plain">"">男</code> <code class="python spaces">?????????????</code><code class="python plain"><</code><code class="python functions">input</code>?<code class="python functions">type</code><code class="python keyword">=</code><code class="python string">"radio"</code>?<code class="python plain">name</code><code class="python keyword">=</code><code class="python string">"gender"</code>?<code class="python plain">value</code><code class="python keyword">=</code><code class="python string">"female"</code>?<code class="python plain">>女<br></code> <code class="python spaces">???????</code><code class="python plain">愛好：<</code><code class="python functions">input</code>?<code class="python functions">type</code><code class="python keyword">=</code><code class="python string">"checkbox"</code>?<code class="python plain">name</code><code class="python keyword">=</code><code class="python string">"love"</code>?<code class="python plain">value</code><code class="python keyword">=</code><code class="python string">"eat"</code><code class="python plain">>吃飯</code> <code class="python spaces">?????????????</code><code class="python plain"><</code><code class="python functions">input</code>?<code class="python functions">type</code><code class="python keyword">=</code><code class="python string">"checkbox"</code>?<code class="python plain">name</code><code class="python keyword">=</code><code class="python string">"love"</code>?<code class="python plain">value</code><code class="python keyword">=</code><code class="python string">"sleep"</code><code class="python plain">>睡覺</code> <code class="python spaces">?????????????</code><code class="python plain"><</code><code class="python functions">input</code>?<code class="python functions">type</code><code class="python keyword">=</code><code class="python string">"checkbox"</code>?<code class="python plain">name</code><code class="python keyword">=</code><code class="python string">"love"</code>?<code class="python plain">value</code><code class="python keyword">=</code><code class="python string">"bat"</code><code class="python plain">>打豆豆</code> <code class="python spaces">???????</code><code class="python plain"><</code><code class="python keyword">/</code><code class="python plain">fieldset></code> ? <code class="python spaces">???</code><code class="python plain"><</code><code class="python keyword">/</code><code class="python plain">form></code> </td> </tr> </tbody> </table> <p>　　</p> <p>　　　　效果：</p> <p></p> <p>?</p> <p>?</p> <h3 id="label標簽"><code>　　<label></code>標簽</h3> <p>　　　　我們先來看下面一段代碼：</p> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> 1 2 </td> <td class="code"> <code class="python plain"><</code><code class="python functions">input</code>?<code class="python functions">type</code><code class="python keyword">=</code><code class="python string">"radio"</code>?<code class="python </div> <div id="q2kcw0e" class="mt-64 tags-seach" > <div id="qmc0sim" class="tags-info"> <a style="width:120px;" title="GPU云服務器" href="http://specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務器</a> <a style="width:120px;" title="云服務器" href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務器</a> <a style="width:120px;" title="php中的map標簽" href="http://specialneedsforspecialkids.com/yun/tag/phpzhongdemapbiaoqian/">php中的map標簽</a> <a style="width:120px;" title="java中的標簽庫" href="http://specialneedsforspecialkids.com/yun/tag/javazhongdebiaoqianku/">java中的標簽庫</a> <a style="width:120px;" title="jsp中的fn標簽" href="http://specialneedsforspecialkids.com/yun/tag/jspzhongdefnbiaoqian/">jsp中的fn標簽</a> <a style="width:120px;" title="html單標簽雙標簽" href="http://specialneedsforspecialkids.com/yun/tag/htmldanbiaoqianshuangbiaoqian/">html單標簽雙標簽</a> </div> </div> <div id="isk00ee" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。</p> <p>轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1219.html</p> </div> <ul class="pre-next-page"> <li id="kyos2gi" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/1218.html">上一篇：【代碼筆記】Web-CSS-CSS Align</a></li> <li id="smgkegi" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/1220.html">下一篇：常用H5</a></li> </ul> </div> <div id="q2uosss" class="about_topicone-mid"> <h3 class="top-com-title mb-0"><span data-id="0">相關文章</span></h3> <ul class="com_white-left-mid atricle-list-box"> <li> <div id="2cu2gsk" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/2313.html"><b><em>html</em><em>之</em>css選擇器學習</b></a></h2> <p class="ellipsis2 good">相關內容：什么是css選擇器標簽選擇器類選擇器id選擇器并集選擇器（分組選擇器）交集選擇器后代選擇器子標簽選擇器屬性選擇器相鄰兄弟選擇器偽類選擇器偽元素選擇器（偽對象選擇器）首發時間：2018-03-02 修改：2018-04-30：修改了排版，增加了偽類選擇器，偽元素選擇器，在原本簡略的介紹的基礎上增加了描述并修改了某些術語描述。2018-05-05：修改了部分偽類選擇器的注解，由于之前發生了小...</p> <div id="em2maac" class="com_white-left-info"> <div id="cqic222" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1725.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/17/small_000001725.jpg" alt=""><span id="202ai0u" class="layui-hide64">番茄西紅柿</span></a> <time datetime="">2019-04-23 13:46</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="seio20m" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/54402.html"><b>網頁中下載文件的<em>相關</em>總結</b></a></h2> <p class="ellipsis2 good">摘要：對于通過去下載文件時跨域的問題有一個解決思路是自己寫一個代理服務代理服務負責在服務端下載文件并配置好跨域相關的信息然后請求走代理服務進行下載。 0. 概述 文件下載是web應用中很常見的場景，在瀏覽器中下載文件, 最基本的方式就是——在頁面內隱藏iframe, 然后將文件下載地址加載到iframe中, 從而觸發瀏覽器的下載行為。 此外, html5引入a標簽的download屬性, ...</p> <div id="ky2c200" class="com_white-left-info"> <div id="22ouyy2" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-265.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/02/small_000000265.jpg" alt=""><span id="0ag2yaq" class="layui-hide64">shusen</span></a> <time datetime="">2019-08-02 15:57</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="yk2a0ce" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/87184.html"><b>網頁中下載文件的<em>相關</em>總結</b></a></h2> <p class="ellipsis2 good">摘要：對于通過去下載文件時跨域的問題有一個解決思路是自己寫一個代理服務代理服務負責在服務端下載文件并配置好跨域相關的信息然后請求走代理服務進行下載。 0. 概述 文件下載是web應用中很常見的場景，在瀏覽器中下載文件, 最基本的方式就是——在頁面內隱藏iframe, 然后將文件下載地址加載到iframe中, 從而觸發瀏覽器的下載行為。 此外, html5引入a標簽的download屬性, ...</p> <div id="o2i0imq" class="com_white-left-info"> <div id="0s0w0ig" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-382.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/03/small_000000382.jpg" alt=""><span id="20mq20u" class="layui-hide64">taowen</span></a> <time datetime="">2019-08-21 11:51</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="oowk0gq" class="atricle-list-left"> <a href="http://specialneedsforspecialkids.com/yun/1226.html"><img src="https://images2018.cnblogs.com/blog/1364810/201805/1364810-20180518183155757-557925292.png" alt=""></a> </div> <div id="yagae2g" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/1226.html"><b><em>HTML</em><em>之</em><em>body</em><em>標簽</em><em>中的</em><em>相關</em><em>標簽</em></b></a></h2> <p class="ellipsis2 good">摘要：一字體標簽字體標簽包含標題標題使用至標簽進行定義。定義最大的標題，定義最小的標題。如果想要更大的字體，那就只能通過樣式來解決微軟雅黑設置字體類型。注意在寫字體時，微軟雅黑這個字不能寫錯。一 字體標簽　　字體標簽包含：h1~h6、<font>、<u>、<b>、<strong><em>、<sup>、<sub>　　...</p> <div id="ikskeqc" class="com_white-left-info"> <div id="ockoguw" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1725.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/17/small_000001725.jpg" alt=""><span id="qg2u2sa" class="layui-hide64">番茄西紅柿</span></a> <time datetime="">2019-04-23 11: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="eqwouuw" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/79643.html"><b>努力翻譯一篇中文最友好的，Web Audio API的使用<em>相關</em>的文章</b></a></h2> <p class="ellipsis2 good">摘要：前言本文翻譯自上的利用，這是中的的一個入門教程。原文是英文，但有日本同志翻譯的日文版。這是為了提供一個基本的低音増幅效果在這個例子中可以設定過濾器的種類，周波數，甚至的值。如果是過濾器的話，可以提供一個比指定周波數低的低音増幅。 前言 本文翻譯自MDN上的《Web Audio APIの利用》，這是HTML5中的Web Audio API的一個入門教程。原文是英文，但有日本同志翻譯的日文...</p> <div id="2kqasi2" class="com_white-left-info"> <div id="o2iouui" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-609.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/06/small_000000609.jpg" alt=""><span id="mokwmkm" class="layui-hide64">caikeal</span></a> <time datetime="">2019-08-19 18:31</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="02a002g" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發表評論</span></h3> <div id="22ua2ky" class="xcp-publish-main flex_box_zd"> <div id="k20ie0a" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="oswewuw" class="site-box-content"> <div id="seky002" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="ayeygwa" class="pages"></ul></div> </div> </div> <div id="2sy0ugq" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="c0yqw02" class=""> <div id="csi2cgw" class="com_layuiright-box user-msgbox"> <a href="http://specialneedsforspecialkids.com/yun/u-1197.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/11/small_000001197.jpg" alt=""></a> <h3><a href="http://specialneedsforspecialkids.com/yun/u-1197.html" rel="nofollow">felix0913</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="a2ggyo2" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(1197)" id="attenttouser_1197" class="grad follow-btn notfollow attention">我要關注</a> <a href="javascript:login()" title="發私信" >我要私信</a> </div> <div id="qe20mmq" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://specialneedsforspecialkids.com/yun/ut-1197.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/123743.html">朋友去大廠面試Python開發工程師，看完準備過程我傻眼了</a></h3> <p>閱讀 877<span>·</span>2021-11-18 10:02</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/117512.html">關于移動端1px的解決方法</a></h3> <p>閱讀 1686<span>·</span>2019-08-30 15:56</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/115542.html">前端開發知識點之 html &css</a></h3> <p>閱讀 2573<span>·</span>2019-08-30 13:47</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/112094.html">頁面制作（切圖）第一章</a></h3> <p>閱讀 2646<span>·</span>2019-08-29 12:43</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/111572.html">字體圖標(font-icon)，你還有什么理由不使用它？</a></h3> <p>閱讀 856<span>·</span>2019-08-29 11:19</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/111214.html">圖解CSS3 讀書筆記——背景</a></h3> <p>閱讀 1786<span>·</span>2019-08-28 18:23</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/108611.html">puppeteer爬蟲</a></h3> <p>閱讀 2673<span>·</span>2019-08-26 12:23</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/102135.html">再次簡單明了總結flex布局，一看就懂...</a></h3> <p>閱讀 3012<span>·</span>2019-08-23 15:29</p></li> </ul> </div> <!-- 文章詳情右側廣告--> <div id="22mgkmy" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動</span></h6> <div id="yyowqei" class="com_adbox"> <div id="gi0qwyy" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://specialneedsforspecialkids.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務器"> </a> </div> <div> <a href="http://specialneedsforspecialkids.com/site/product/gpu.html" rel="nofollow"> <img src="http://specialneedsforspecialkids.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務器"> </a> </div> </div> </div> </div> <!-- banner結束 --> <div id="2wqkasu" class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"http://specialneedsforspecialkids.com/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="eqswaae" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="wikqymg" class="site-mobile-shade"></div> <!--付費閱讀 --> <div class="usasimc" id="payread"> <div id="0ukasiw" class="layui-form-item">閱讀需要支付1元查看</div> <div id="2o2cesu" 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("復制代碼 ").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("復制成功") }); clipboard.on('error', function(e) { alert("復制失敗") }); } //$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5)); </script> <link rel="stylesheet" type="text/css" href="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="http://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:"付費閱讀", 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("評論內容不能為空"); 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://specialneedsforspecialkids.com/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "http://specialneedsforspecialkids.com/yun/index.php?topic/ajaxaddsupport/" + tid, success: function(comments) { supportobj.find("span").html(comments+"人贊"); } }); }else{ alert("您已經贊過"); } } }); }); function attenquestion(_tid,_rs){ $.ajax({ //提交數據的類型 POST GET type:"POST", //提交的網址 url:"http://specialneedsforspecialkids.com/yun/favorite/topicadd.html", //提交的數據 data:{tid:_tid,rs:_rs}, //返回數據的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在請求之前調用的函數 beforeSend:function(){}, //成功返回之后調用的函數 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) } } , //調用執行后調用的函數 complete: function(XMLHttpRequest, textStatus){ postadopt=true; }, //調用出錯執行的函數 error: function(){ //請求出錯處理 postadopt=false; } }); } </script> <footer> <div id="00goqsi" class="layui-container"> <div id="ecsiuos" class="flex_box_zd"> <div id="20ukqkc" class="left-footer"> <h6><a href="http://specialneedsforspecialkids.com/"><img src="http://specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud （優刻得科技股份有限公司）"></a></h6> <p>UCloud （優刻得科技股份有限公司）是中立、安全的云計算服務平臺，堅持中立，不涉足客戶業務領域。公司自主研發IaaS、PaaS、大數據流通平臺、AI服務平臺等一系列云計算產品，并深入了解互聯網、傳統企業在不同場景下的業務需求，提供公有云、混合云、私有云、專有云在內的綜合性行業解決方案。</p> </div> <div id="i2o0ayk" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務</h6> <p><a href="http://specialneedsforspecialkids.com/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://specialneedsforspecialkids.com/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://specialneedsforspecialkids.com/site/solutions.html" >行業解決方案</a></p> <p><a href="http://specialneedsforspecialkids.com/site/pro-notice/">產品動態</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>社區欄目</h6> <p><a href="http://specialneedsforspecialkids.com/yun/column/index.html">專欄文章</a></p> <p><a href="http://specialneedsforspecialkids.com/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/recent/" >新聞動態</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/report/">媒體動態</a></p> <p><a href="http://specialneedsforspecialkids.com/site/cases.html">客戶案例</a></p> <p><a href="http://specialneedsforspecialkids.com/site/notice/">公告</a></p> </li> <li> <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優刻得"></span> <p>掃掃了解更多</p></div> </div> <div id="ee0aiu0" class="copyright">Copyright ? 2012-2023 UCloud 優刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網安備 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> <!-- Global site tag (gtag.js) - Google Analytics --> <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://specialneedsforspecialkids.com/" title="国产xxxx99真实实拍">国产xxxx99真实实拍</a> <div class="friend-links"> <a href="http://belistarlp.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="0qomy" class="pl_css_ganrao" style="display: none;"><bdo id="0qomy"></bdo><option id="0qomy"><xmp id="0qomy"><th id="0qomy"></th></xmp></option><em id="0qomy"></em><menu id="0qomy"></menu><abbr id="0qomy"><sup id="0qomy"><center id="0qomy"></center></sup></abbr><acronym id="0qomy"><dd id="0qomy"><th id="0qomy"></th></dd></acronym><delect id="0qomy"><strike id="0qomy"><s id="0qomy"></s></strike></delect><pre id="0qomy"></pre><tr id="0qomy"></tr><pre id="0qomy"></pre><kbd id="0qomy"></kbd><xmp id="0qomy"></xmp><li id="0qomy"><center id="0qomy"><dd id="0qomy"></dd></center></li><acronym id="0qomy"><wbr id="0qomy"><cite id="0qomy"></cite></wbr></acronym><blockquote id="0qomy"></blockquote><code id="0qomy"><table id="0qomy"><tr id="0qomy"></tr></table></code><rt id="0qomy"><code id="0qomy"><optgroup id="0qomy"></optgroup></code></rt><source id="0qomy"></source><abbr id="0qomy"></abbr><small id="0qomy"><button id="0qomy"><samp id="0qomy"></samp></button></small><input id="0qomy"><abbr id="0qomy"><button id="0qomy"></button></abbr></input><option id="0qomy"></option><pre id="0qomy"><center id="0qomy"><tfoot id="0qomy"></tfoot></center></pre><center id="0qomy"><wbr id="0qomy"><cite id="0qomy"></cite></wbr></center><input id="0qomy"><abbr id="0qomy"><sup id="0qomy"></sup></abbr></input><nav id="0qomy"><li id="0qomy"><center id="0qomy"></center></li></nav><bdo id="0qomy"></bdo><cite id="0qomy"></cite><pre id="0qomy"></pre><samp id="0qomy"><tfoot id="0qomy"><input id="0qomy"></input></tfoot></samp><center id="0qomy"></center><table id="0qomy"></table><optgroup id="0qomy"></optgroup><em id="0qomy"><delect id="0qomy"><tr id="0qomy"></tr></delect></em><blockquote id="0qomy"></blockquote><abbr id="0qomy"></abbr><abbr id="0qomy"><ul id="0qomy"><pre id="0qomy"></pre></ul></abbr><tbody id="0qomy"><pre id="0qomy"><blockquote id="0qomy"></blockquote></pre></tbody><dd id="0qomy"></dd><sup id="0qomy"><center id="0qomy"><dl id="0qomy"></dl></center></sup><strong id="0qomy"><noframes id="0qomy"><ul id="0qomy"></ul></noframes></strong><dd id="0qomy"><strike id="0qomy"><menu id="0qomy"></menu></strike></dd><optgroup id="0qomy"><abbr id="0qomy"><sup id="0qomy"></sup></abbr></optgroup><pre id="0qomy"></pre><small id="0qomy"></small><kbd id="0qomy"></kbd><object id="0qomy"></object><s id="0qomy"><bdo id="0qomy"><option id="0qomy"></option></bdo></s><th id="0qomy"><menu id="0qomy"><li id="0qomy"></li></menu></th><ul id="0qomy"><tbody id="0qomy"><object id="0qomy"></object></tbody></ul><abbr id="0qomy"></abbr><noscript id="0qomy"><acronym id="0qomy"><xmp id="0qomy"></xmp></acronym></noscript><tbody id="0qomy"><pre id="0qomy"><blockquote id="0qomy"></blockquote></pre></tbody><code id="0qomy"><em id="0qomy"><del id="0qomy"></del></em></code><center id="0qomy"><fieldset id="0qomy"><input id="0qomy"></input></fieldset></center><code id="0qomy"><em id="0qomy"><del id="0qomy"></del></em></code><dl id="0qomy"><input id="0qomy"><tbody id="0qomy"></tbody></input></dl><nav id="0qomy"></nav><tbody id="0qomy"></tbody><dl id="0qomy"></dl><tr id="0qomy"><sup id="0qomy"><td id="0qomy"></td></sup></tr><rt id="0qomy"></rt><em id="0qomy"></em><wbr id="0qomy"><th id="0qomy"><nav id="0qomy"></nav></th></wbr><dfn id="0qomy"><rt id="0qomy"><fieldset id="0qomy"></fieldset></rt></dfn><td id="0qomy"></td><xmp id="0qomy"></xmp><s id="0qomy"></s><ul id="0qomy"><tbody id="0qomy"><source id="0qomy"></source></tbody></ul><optgroup id="0qomy"></optgroup><kbd id="0qomy"></kbd><tr id="0qomy"></tr><tbody id="0qomy"><wbr id="0qomy"><strong id="0qomy"></strong></wbr></tbody><li id="0qomy"><center id="0qomy"><dd id="0qomy"></dd></center></li><pre id="0qomy"><wbr id="0qomy"><cite id="0qomy"></cite></wbr></pre><center id="0qomy"></center><table id="0qomy"><del id="0qomy"><tr id="0qomy"></tr></del></table><kbd id="0qomy"></kbd><acronym id="0qomy"></acronym><nav id="0qomy"></nav><nav id="0qomy"></nav><xmp id="0qomy"></xmp><small id="0qomy"></small><td id="0qomy"></td><th id="0qomy"></th><tr id="0qomy"></tr><optgroup id="0qomy"></optgroup><tr id="0qomy"></tr><rt id="0qomy"></rt><bdo id="0qomy"></bdo><small id="0qomy"></small><pre id="0qomy"><center id="0qomy"><dl id="0qomy"></dl></center></pre><tr id="0qomy"></tr><dfn id="0qomy"></dfn><small id="0qomy"></small><code id="0qomy"><em id="0qomy"><del id="0qomy"></del></em></code><pre id="0qomy"></pre><blockquote id="0qomy"></blockquote><strike id="0qomy"></strike><button id="0qomy"></button><blockquote id="0qomy"></blockquote><dl id="0qomy"></dl><kbd id="0qomy"></kbd><acronym id="0qomy"></acronym><center id="0qomy"></center><pre id="0qomy"></pre><table id="0qomy"></table><del id="0qomy"><dfn id="0qomy"><rt id="0qomy"></rt></dfn></del><dfn id="0qomy"></dfn><tbody id="0qomy"></tbody><wbr id="0qomy"><strong id="0qomy"><abbr id="0qomy"></abbr></strong></wbr><sup id="0qomy"><center id="0qomy"><fieldset id="0qomy"></fieldset></center></sup><wbr id="0qomy"></wbr><optgroup id="0qomy"></optgroup><source id="0qomy"></source><option id="0qomy"></option><nav id="0qomy"></nav><abbr id="0qomy"></abbr><xmp id="0qomy"></xmp><cite id="0qomy"></cite><dd id="0qomy"><th id="0qomy"><nav id="0qomy"></nav></th></dd><kbd id="0qomy"></kbd><menu id="0qomy"><li id="0qomy"><acronym id="0qomy"></acronym></li></menu><code id="0qomy"><em id="0qomy"><tr id="0qomy"></tr></em></code><th id="0qomy"></th><optgroup id="0qomy"></optgroup><rt id="0qomy"></rt><option id="0qomy"></option><tfoot id="0qomy"></tfoot><tr id="0qomy"></tr><button id="0qomy"></button><xmp id="0qomy"></xmp><small id="0qomy"></small><cite id="0qomy"></cite><center id="0qomy"><dd id="0qomy"><th id="0qomy"></th></dd></center><cite id="0qomy"><nav id="0qomy"><noscript id="0qomy"></noscript></nav></cite><tbody id="0qomy"></tbody><acronym id="0qomy"><delect id="0qomy"><strike id="0qomy"></strike></delect></acronym><tr id="0qomy"><s id="0qomy"><bdo id="0qomy"></bdo></s></tr><source id="0qomy"></source><td id="0qomy"></td><option id="0qomy"></option><cite id="0qomy"><nav id="0qomy"><li id="0qomy"></li></nav></cite><input id="0qomy"><tbody id="0qomy"><button id="0qomy"></button></tbody></input><tfoot id="0qomy"></tfoot><noscript id="0qomy"><acronym id="0qomy"><delect id="0qomy"></delect></acronym></noscript><strike id="0qomy"><menu id="0qomy"><li id="0qomy"></li></menu></strike><del id="0qomy"><tr id="0qomy"><td id="0qomy"></td></tr></del><abbr id="0qomy"></abbr><s id="0qomy"></s></div> <script src="http://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>