資訊專欄INFORMATION COLUMN
摘要：向服務器提交表單的通常做法是使用提交按鈕。規定瀏覽器應該自動完成表單默認開啟。規定在提交表單時所用的方法默認。規定識別表單的名稱對于使用。表單元素表單元素是允許用戶在表單中輸入內容比如文本域下拉列表單選框復選框等等。
網頁的組成
結構（HTML）：超文本標記語言
表現(CSS):層疊樣式表
行為(JavaScript):腳本語言
一個良好的網頁要結構、表現、行為三者分離
HTML簡介是一種用于創建網頁的標準標記語言。
您可以使用 HTML 來建立自己的 WEB 站點，HTML 運行在瀏覽器上，由瀏覽器來解析。
HTML 不是一種編程語言，而是一種標記語言
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網頁
HTML 文檔包含了HTML 標簽及文本內容
HTML文檔也叫做 web 頁面
title 我的第一個標題
我的第一個段落。
聲明為 HTML5 文檔 元素是 HTML 頁面的根元素 元素包含了文檔的元（meta）數據，如 定義網頁編碼格式為 utf-8。元素描述了文檔的標題 <body> 元素包含了可見的頁面內容 <h1> 元素定義一個大標題 <p> 元素定義一個段落</pre> </p> <b>HTML基本語法</b> <p>HTML中的標簽分為成對出現的標簽和自結束標簽</p> <p>HTML中的標簽不區分大小寫，但是建議小寫</p> <p>標簽可以嵌套但不能交叉嵌套</p> <p>成對出現的標簽必須正確關閉</p> <p>屬性必須有值且值必須加引號</p> <p>注釋不能嵌套</p> <pre><!-- 1.標簽的分類 --> <!-- 標簽分為成對出現的標簽和自結束標簽兩種 -成對出現的標簽：如：<html></html> 、<head></head> 、 <p></p> -自結束標簽：如：、<input /> 、<br/> --> <!-- 2.標簽不區分大小寫 --> <P>標簽不區分大小寫，但建議小寫</p> <!-- 3.標簽可以嵌套但不能交叉嵌套 --> <div><p>標簽可以嵌套，但不能交叉嵌套</div></p> <!-- 4.標簽必須正確關閉 --> <p>成對出現的標簽必須正確關閉</p> <!-- 5.屬性必須有值，且屬性值必須加引號 --> <font color="red">我要紅</font> <!-- 屬性值沒有加引號 --> <font color=red>我要紅2</font> <!-- 屬性沒有值 --> <font color="">我要紅3</font> <!-- 6.注釋不能嵌套 --> <!-- 注釋的快捷鍵是：Ctrl+shift+/ --> <!-- <!-- 我是嵌套的注釋 --> --></pre> <b>HTML屬性</b> <p>HTML 元素可以設置屬性</p> <p>屬性可以在元素中添加附加信息</p> <p>屬性一般描述于開始標簽</p> <p>屬性總是以名稱/值對的形式出現，比如：name="value"。</p> <table> <thead><tr> <th>屬性</th> <th>描述</th> </tr></thead> <tbody> <tr> <td>class</td> <td>為html元素定義一個或多個類名（classname）(類名從樣式文件引入)</td> </tr> <tr> <td>id</td> <td>定義元素的唯一id</td> </tr> <tr> <td>style</td> <td>規定元素的行內樣式（inline style）</td> </tr> <tr> <td>title</td> <td>描述了元素的額外信息 (作為工具條使用)</td> </tr> </tbody> </table> <b>HTML常用標簽</b> <b>標題標簽</b> <pre><h1></h1> ~ <h6></h6></pre> <b>div標簽</b> <pre><div>我是div標簽，我主要用來布局，我默認占用瀏覽器的一整行</div></pre> <b>p標簽</b> <pre><p>我是一個段落，我默認也是占用瀏覽器的一整行，而且前后要空一行</p> <br> 標簽換行（新行)： <p>這個<br>段落<br>分行</p></pre> <b>轉義字符</b> <pre>小于號：< 大于號：> 空格： 版權符：©</pre> <b>列表</b> <pre>無序列表 <ul> <li>網頁</li> <li>新聞</li> <li>貼吧</li> </ul> 有序列表 <ol> <li>網頁</li> <li>新聞</li> <li>貼吧</li> </ol></pre> <b>圖片</b> <pre> ? 通過img標簽向網頁中插入一張圖片 ? alt屬性：用來設置當圖片無法顯示時的描述性信息 ? src屬性：用來設置圖片的路徑 ? 在相對路徑中，通過../來返回上一級目錄，返回多級目錄使用多個../ </pre> <b>超鏈接</b> <pre><a href="http://..." target="_blank">這是一個鏈接</a> ? 使用a標簽來創建一個超鏈接 ? href屬性：用來設置要跳轉的頁面的地址 ? targe屬性：用來設置要跳轉的頁面在何處打開 ? _self：在當前窗口打開，默認值 ? _blank：在新的窗口打開</pre> <b>表格</b> <table> <thead><tr> <th>標簽</th> <th>描述</th> </tr></thead> <tbody> <tr> <td>table</td> <td>定義表格</td> </tr> <tr> <td>th</td> <td>定義表格的表頭</td> </tr> <tr> <td>tr</td> <td>定義表格的行</td> </tr> <tr> <td>td</td> <td>定義表格單元</td> </tr> <tr> <td>caption</td> <td>定義表格標題</td> </tr> <tr> <td>colgroup</td> <td>定義表格列的組</td> </tr> <tr> <td>col</td> <td>定義用于表格列的屬性</td> </tr> </tbody> </table> <pre><!-- 使用table標簽來創建一個表格 --> <table border="1"> <!-- 通過tr標簽來表示表格中的行 --> <tr> <!-- 通過th標簽來表示表格中的表頭 --> <th>姓名</th> <th>陣營</th> <th>職業</th> <th>武器</th> </tr> <tr> <!-- 通過td標簽來表示表格中的列（單元格） --> <td>劉備</td> <!-- 跨行合并單元格使用rowspan屬性來設置 --> <td rowspan="4" align="center">蜀</td> <td>蜀漢集團董事長</td> <td>雙股劍</td> </tr> <tr> <!-- 通過td標簽來表示表格中的列（單元格） --> <td>諸葛亮</td> <!-- <td>蜀</td> --> <!-- 跨列合并單元格使用colspan屬性來設置 --> <td colspan="2" align="center">蜀漢集團CEO</td> <!-- <td>破扇子</td> --> </tr> <tr> <!-- 通過td標簽來表示表格中的列（單元格） --> <td>關羽</td> <!-- <td>蜀</td> --> <td>荊襄總裁</td> <td>青龍偃月刀</td> </tr> <tr> <!-- 通過td標簽來表示表格中的列（單元格） --> <td>張飛</td> <!--<td>蜀</td> --> <td>閬中銷售經理</td> <td>丈八蛇矛</td> </tr> </table> </pre> <b>表單</b> <p>表單是一個包含表單元素的區域。表單本身并不可見。</p> <b>from</b> <table> <thead><tr> <th align="left">標簽</th> <th align="left">描述</th> </tr></thead> <tbody><tr> <td align="left">form</td> <td align="left">定義供用戶輸入的表單</td> </tr></tbody> </table> <p>屬性：</p> <p>Action 屬性<p>action 屬性*定義在提交表單時執行的動作。</p> <p>向服務器提交表單的通常做法是使用提交按鈕。</p> <p>通常，表單會被提交到 web 服務器上的網頁。</p> <p>在上面的例子中，指定了某個服務器腳本來處理被提交表單：</p> <p><b><form action="action_page.java"></b></p> <p>如果省略 action 屬性，則 action 會被設置為要跳轉的頁面。</p> </p> <p> <p>Method 屬性</p> <p><em>method 屬性</em>規定在提交表單時所用的 HTTP 方法（<em>GET</em> 或 <em>POST</em>）：</p> <p><b><form action="action_page.java" method="GET"></b></p> <p><b><form action="action_page.java" method="POST"></b></p> <p>GET（默認方法）：</p> <p>? 如果表單提交是被動的（比如搜索引擎查詢），并且沒有敏感信息。</p> <p>? 當您使用 GET 時，表單數據在頁面地址欄中是可見的：</p> <pre> `action_page.php?firstname=Mickey&lastname=Mouse` </pre> <p>? 注釋：GET 最適合少量數據的提交。瀏覽器會設定容量限制。</p> <p>POST：</p> <p>? 如果表單正在更新數據，或者包含敏感信息（例如密碼）。</p> <p>? POST 的安全性更加，因為在頁面地址欄中被提交的數據是不可見的。</p> </p> <table> <thead><tr> <th align="left">屬性</th> <th align="left">描述</th> </tr></thead> <tbody> <tr> <td align="left">accept-charset</td> <td align="left">規定在被提交表單中使用的字符集（默認：頁面字符集）。</td> </tr> <tr> <td align="left">action</td> <td align="left">規定向何處提交表單的地址（URL）（提交頁面）。</td> </tr> <tr> <td align="left">autocomplete</td> <td align="left">規定瀏覽器應該自動完成表單（默認：開啟）。</td> </tr> <tr> <td align="left">enctype</td> <td align="left">規定被提交數據的編碼（默認：url-encoded）。</td> </tr> <tr> <td align="left">method</td> <td align="left">規定在提交表單時所用的 HTTP 方法（默認：GET）。</td> </tr> <tr> <td align="left">name</td> <td align="left">規定識別表單的名稱（對于 DOM 使用：document.forms.name）。</td> </tr> <tr> <td align="left">novalidate</td> <td align="left">規定瀏覽器不驗證表單。</td> </tr> <tr> <td align="left">target</td> <td align="left">規定 action 屬性中地址的目標（默認：_self）。</td> </tr> </tbody> </table> <pre><form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8" ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate> . form elements . </form> </pre> <b>表單元素</b> <p>表單元素是允許用戶在表單中輸入內容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。</p> <b>input</b> <p>類型：</p> <table> <thead><tr> <th align="left">標簽</th> <th align="left">描述</th> </tr></thead> <tbody> <tr> <td align="left">input</td> <td align="left">定義輸入域</td> </tr> <tr> <td align="left">text</td> <td align="left">文本輸入的單行輸入字段</td> </tr> <tr> <td align="left">password</td> <td align="left">定義密碼字段</td> </tr> <tr> <td align="left">chekbox</td> <td align="left">定義復選框</td> </tr> <tr> <td align="left">radio</td> <td align="left">定義單選按鈕輸入（選擇多個選擇之一）</td> </tr> <tr> <td align="left">submit</td> <td align="left">定義提交按鈕（提交表單）</td> </tr> <tr> <td align="left">reset</td> <td align="left">定義重置按鈕</td> </tr> </tbody> </table> <p>屬性：</p> <table> <thead><tr> <th>屬性</th> <th>描述</th> </tr></thead> <tbody> <tr> <td>type</td> <td>表單項的類型</td> </tr> <tr> <td>name</td> <td>為控件命名，以備后臺程序用</td> </tr> <tr> <td>value</td> <td>提交數據到服務器的值（后臺程序使用）</td> </tr> <tr> <td>selected</td> <td>設置默認被選中</td> </tr> </tbody> </table> <b>select</b> <p>定義下拉列表：</p> <pre><select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi" selected="selected">Audi</option> </select></pre> <p><em><option></em> 元素定義待選擇的選項.</p> <p>列表通常會把首個選項顯示為被選選項.</p> <p>selected 屬性來定義預定義選項。</p> <b>textarea</b> <p>定義多行輸入字段（<em>文本域</em>）：</p> <p><b><textarea name="message" rows="10" cols="30"> textarea </textarea></b></p> <b>button</b> <p>定義可點擊的按鈕:</p> <p><b><button type="button" onclick="alert("Hello World!")">Click Me!</button></b></p> <pre><body> <!-- 通過form標簽創建一個表單 --> <!-- action屬性：用來設置服務器的地址 --> <!-- 通過method屬性可以設置表單提交的請求的方式，可選值有GET和POST --> <form action="success.html" method="post"> <!-- 1.表單中的表單項通過input標簽表示，表單項的類型通過input標簽中的type屬性來指定 --> <!-- 2.表單項必須設置name屬性值，用戶輸入的數據通過name屬性值進行攜帶，以鍵值對的形式發送到服務器， 如：username=admin89&password=999999 --> 用戶名：<input type="text" name="username"><br/><br> 密碼：<input type="password" name="password"><br><br> <!-- 1.要保證單選按鈕單選，必須將它們設置為一組，即將它們的name屬性值設置為同一個 2.單選按鈕提交的是value屬性值，所以必須設置value屬性值 3.通過checked="checked"設置默認被選中 --> 性別：<input type="radio" name="gender" value="man" checked="checked">男 <input type="radio" name="gender" value="woman">女<br><br> <!-- 1.必須將復選框它們設置為一組，即將它們的name屬性值設置為同一個 2.復選框提交的是value屬性值，所以必須設置value屬性值 3.通過checked="checked"設置默認被選中 --> 你的愛好： <input type="checkbox" name="hobby" value="money">錢 <input type="checkbox" name="hobby" value="beauty" checked="checked">美女 <input type="checkbox" name="hobby" value="sleeping">睡覺 <br><br> 選擇列表： <select name="star"> <!-- 如果沒有指定value屬性值，提交的是option中的文本值，如果設置了value屬性值，提交的就是value屬性值 --> <option value="bdyjy">one</option> <option>two</option> <!-- 通過selected="selected"設置默認被選中 --> <option selected="selected">three</option> <option>four</option> <option>five</option> <option value="fbb">six</option> </select> <br><br> <input type="reset"> <!-- 通過value屬性值設置按鈕中顯示的文本 --> <input type="submit" value="登錄"> </form> </body></pre> </div> <div id="2ic0cao" class="mt-64 tags-seach" > <div id="qwqkqqs" class="tags-info"> <a style="width:120px;" title="云服務器" href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務器</a> <a style="width:120px;" title="GPU云服務器" href="http://specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務器</a> </div> </div> <div id="cm2ws0m" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。</p> <p>轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54083.html</p> </div> <ul class="pre-next-page"> <li id="cioueka" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/54082.html">上一篇：如何從零開始定義一個類似websocket的即時通訊協議</a></li> <li id="q2ic2yc" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/54084.html">下一篇：對移動端兼容適配的分析</a></li> </ul> </div> <div id="sm2gaq2" 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="g02wske" class="atricle-list-left"> <a href="http://specialneedsforspecialkids.com/yun/1244.html"><img src="https://img2018.cnblogs.com/blog/1364810/201812/1364810-20181220002247512-934359161.jpg" alt=""></a> </div> <div id="wakg20m" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/1244.html"><b><em>01</em>-<em>html</em>介紹和head標簽</b></a></h2> <p class="ellipsis2 good">摘要：三開發工具的使用使用技巧編輯器四介紹的概述全稱，翻譯為超文本標記語言，它不是一種編程語言，是一種描述性的標記語言，用于描述超文本內容的顯示方式?！巨D】01-html介紹和head標簽主要內容web標準瀏覽器介紹開發工具介紹HTML介紹HTML顏色介紹HTML規范HTML結構詳解一、web標準web準備介紹：w3c：萬維網聯盟組織，用來制定web標準的機構（組織）web標準：制作網頁遵循的規范...</p> <div id="io2msyk" class="com_white-left-info"> <div id="yq2s02o" 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="wy2ae0o" class="layui-hide64">番茄西紅柿</span></a> <time datetime="">2019-04-23 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="o2sa200" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/77901.html"><b><em>01</em>.<em>HTML</em></b></a></h2> <p class="ellipsis2 good">摘要：向服務器提交表單的通常做法是使用提交按鈕。規定瀏覽器應該自動完成表單默認開啟。規定在提交表單時所用的方法默認。規定識別表單的名稱對于使用。表單元素表單元素是允許用戶在表單中輸入內容比如文本域下拉列表單選框復選框等等。 網頁的組成 結構（HTML）：超文本標記語言 表現(CSS):層疊樣式表 行為(JavaScript):腳本語言 一個良好的網頁要結構、表現、行為三者分離 HTML簡...</p> <div id="0kqkqcs" class="com_white-left-info"> <div id="cqyekoc" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-939.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/09/small_000000939.jpg" alt=""><span id="se0k2au" class="layui-hide64">Soarkey</span></a> <time datetime="">2019-08-19 11:48</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="ymcw20u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/2013.html"><b><em>01</em>-<em>HTML</em>深入</b></a></h2> <p class="ellipsis2 good">摘要：是由行構成行是由單元格構成。單元格跨行單元格可以向下跨越多個行，被占的單元格向右擠。國際貿易是世界經濟增長的重要一環，美國公開違反世貿規則，大范圍挑起貿易爭端，勢必破壞全球貿易秩序，危害世界經濟增長。1.1? 瀏覽器的工作原理 ? ? ? ? ?把一些標簽解析成用戶可視化的頁面 1.2 HTML中的標簽與元素 ? ? ? ? ? ?在HTML中以開始，以結束，比如等。 ? ? ? ? ? ?...</p> <div id="yomgm0o" class="com_white-left-info"> <div id="gsk2eu2" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-292.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/02/small_000000292.jpg" alt=""><span id="amqkskk" class="layui-hide64">LoftySoul</span></a> <time datetime="">2019-04-23 13:32</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="s2qkw2q" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/53104.html"><b>JavaWEB開發<em>01</em>——<em>HTML</em></b></a></h2> <p class="ellipsis2 good">摘要：網站信息頁面需求分析我們公司的需要一個對外宣傳的網站介紹介紹公司的主要業務公司的發展歷史公司的口號等等信息技術分析概述超文本標記語言超文本比普通文本功能更加強大可以添加各種樣式標記語言通過一組標簽來對內容進行描述關鍵字是由瀏覽器來解釋執行靜 1.網站信息頁面 1.1需求分析: 我們公司的需要一個對外宣傳的網站介紹,介紹公司的主要業務,公司的發展歷史,公司的口號等等信息 1.2技術分析:...</p> <div id="e2ekuo0" class="com_white-left-info"> <div id="kmi00gk" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1313.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/13/small_000001313.jpg" alt=""><span id="u2u2cgi" class="layui-hide64">IntMain</span></a> <time datetime="">2019-08-02 11: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="0wcuq0g" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/87939.html"><b>rem 單位實現頁面自適應布局</b></a></h2> <p class="ellipsis2 good">摘要：單位介紹既然扯到了這個單位，那就有必要先解釋下這個單位具體含義，上的解釋注意圖中的畫線部分，這個單位需要高版本的瀏覽器支持，不過，一般用于移動端布局，所以，基本上無需考慮瀏覽器版本問題，放心用吧。相對于根元素的大小，自動計算出其具體值。 A. 先看一個函數： /* * 設置根元素字體大小 * @param Number minSW 最小縮放的設備屏幕寬度 * @param Nu...</p> <div id="2ea0wa0" class="com_white-left-info"> <div id="esagq22" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-360.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/03/small_000000360.jpg" alt=""><span id="2qkqay2" class="layui-hide64">xavier</span></a> <time datetime="">2019-08-21 14: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="oe2weu0" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發表評論</span></h3> <div id="s2m0wim" class="xcp-publish-main flex_box_zd"> <div id="aowysgk" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="ggmqmqu" class="site-box-content"> <div id="uuoic2s" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="kys02ma" class="pages"></ul></div> </div> </div> <div id="m0mgm00" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="2g2w2yw" class=""> <div id="sq2iqaq" class="com_layuiright-box user-msgbox"> <a href="http://specialneedsforspecialkids.com/yun/u-1507.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/15/small_000001507.jpg" alt=""></a> <h3><a href="http://specialneedsforspecialkids.com/yun/u-1507.html" rel="nofollow">aboutU</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="a22oyym" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(1507)" id="attenttouser_1507" class="grad follow-btn notfollow attention">我要關注</a> <a href="javascript:login()" title="發私信" >我要私信</a> </div> <div id="qc2koqs" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://specialneedsforspecialkids.com/yun/ut-1507.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/118879.html">【如何構建商業級別聊天系統】 MQTT 篇（五）?；?Keep Alive，請不要讓你的 MQTT </a></h3> <p>閱讀 2561<span>·</span>2021-09-02 15:40</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/116921.html">javascript 事件流 捕獲與冒泡</a></h3> <p>閱讀 1565<span>·</span>2019-08-30 15:54</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/115079.html">一個極簡主義設計的 Hexo 主題</a></h3> <p>閱讀 1079<span>·</span>2019-08-30 12:48</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/114291.html">三列布局（左右固定，中間自適應）</a></h3> <p>閱讀 3398<span>·</span>2019-08-29 17:23</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/110989.html">回味background</a></h3> <p>閱讀 1046<span>·</span>2019-08-28 18:04</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/109763.html">二叉樹遍歷</a></h3> <p>閱讀 3664<span>·</span>2019-08-26 13:54</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/107338.html">對JavaScript對象的理解</a></h3> <p>閱讀 606<span>·</span>2019-08-26 11:40</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/105851.html">精讀《源碼學習》</a></h3> <p>閱讀 2390<span>·</span>2019-08-26 10:15</p></li> </ul> </div> <!-- 文章詳情右側廣告--> <div id="u2qksuu" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動</span></h6> <div id="aok2ees" class="com_adbox"> <div id="mm0g2ui" 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="uwqk0aq" 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="cosycei" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="u00icik" class="site-mobile-shade"></div> <!--付費閱讀 --> <div class="c2mwq22" id="payread"> <div id="ssmgaqw" class="layui-form-item">閱讀需要支付1元查看</div> <div id="ywoiag0" 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="4wc0i20" class="layui-container"> <div id="2ogqgwm" class="flex_box_zd"> <div id="ykc0oog" 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="oaeks0s" 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="2eio2ms" 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="cgia8" class="pl_css_ganrao" style="display: none;"><dfn id="cgia8"><source id="cgia8"><strong id="cgia8"></strong></source></dfn><kbd id="cgia8"></kbd><center id="cgia8"></center><strong id="cgia8"></strong><abbr id="cgia8"><sup id="cgia8"><center id="cgia8"></center></sup></abbr><input id="cgia8"></input><center id="cgia8"></center><noscript id="cgia8"></noscript><center id="cgia8"></center><ul id="cgia8"></ul><dfn id="cgia8"></dfn><td id="cgia8"></td><code id="cgia8"><optgroup id="cgia8"><ul id="cgia8"></ul></optgroup></code><pre id="cgia8"></pre><button id="cgia8"><samp id="cgia8"><th id="cgia8"></th></samp></button><cite id="cgia8"></cite><center id="cgia8"></center><tr id="cgia8"><s id="cgia8"><bdo id="cgia8"></bdo></s></tr><pre id="cgia8"></pre><em id="cgia8"></em><fieldset id="cgia8"><menu id="cgia8"><noscript id="cgia8"></noscript></menu></fieldset><samp id="cgia8"></samp><source id="cgia8"></source><td id="cgia8"></td><strong id="cgia8"></strong><optgroup id="cgia8"><ul id="cgia8"><sup id="cgia8"></sup></ul></optgroup><em id="cgia8"></em><center id="cgia8"></center><th id="cgia8"><optgroup id="cgia8"><abbr id="cgia8"></abbr></optgroup></th><cite id="cgia8"></cite><code id="cgia8"></code><blockquote id="cgia8"></blockquote><s id="cgia8"></s><menu id="cgia8"><tr id="cgia8"><pre id="cgia8"></pre></tr></menu><th id="cgia8"></th><input id="cgia8"></input><th id="cgia8"></th><li id="cgia8"></li><object id="cgia8"></object><cite id="cgia8"></cite><menu id="cgia8"></menu><samp id="cgia8"><tbody id="cgia8"><s id="cgia8"></s></tbody></samp><tbody id="cgia8"></tbody><sup id="cgia8"><center id="cgia8"><dl id="cgia8"></dl></center></sup><abbr id="cgia8"><kbd id="cgia8"><tr id="cgia8"></tr></kbd></abbr><th id="cgia8"><object id="cgia8"><small id="cgia8"></small></object></th><nav id="cgia8"><li id="cgia8"><button id="cgia8"></button></li></nav><button id="cgia8"></button><dl id="cgia8"></dl><nav id="cgia8"></nav><code id="cgia8"><em id="cgia8"><del id="cgia8"></del></em></code><small id="cgia8"><option id="cgia8"><delect id="cgia8"></delect></option></small><s id="cgia8"><small id="cgia8"><option id="cgia8"></option></small></s><input id="cgia8"></input><pre id="cgia8"><td id="cgia8"><strike id="cgia8"></strike></td></pre><dd id="cgia8"><dl id="cgia8"><nav id="cgia8"></nav></dl></dd><object id="cgia8"></object><center id="cgia8"></center><menu id="cgia8"></menu><li id="cgia8"></li><s id="cgia8"></s><tr id="cgia8"></tr><samp id="cgia8"><th id="cgia8"><object id="cgia8"></object></th></samp><dfn id="cgia8"></dfn><center id="cgia8"></center><s id="cgia8"></s><td id="cgia8"></td><dd id="cgia8"></dd><sup id="cgia8"></sup><center id="cgia8"></center><dl id="cgia8"><nav id="cgia8"><li id="cgia8"></li></nav></dl><object id="cgia8"></object><bdo id="cgia8"></bdo><sup id="cgia8"></sup><object id="cgia8"></object><fieldset id="cgia8"><menu id="cgia8"><tr id="cgia8"></tr></menu></fieldset><samp id="cgia8"><tbody id="cgia8"><object id="cgia8"></object></tbody></samp><tbody id="cgia8"><object id="cgia8"><small id="cgia8"></small></object></tbody><wbr id="cgia8"></wbr><center id="cgia8"></center><rt id="cgia8"></rt><tr id="cgia8"></tr><xmp id="cgia8"></xmp><abbr id="cgia8"></abbr><optgroup id="cgia8"><del id="cgia8"><dfn id="cgia8"></dfn></del></optgroup><center id="cgia8"></center><wbr id="cgia8"></wbr><pre id="cgia8"></pre><table id="cgia8"></table><abbr id="cgia8"></abbr><wbr id="cgia8"></wbr><nav id="cgia8"></nav><tr id="cgia8"><acronym id="cgia8"><xmp id="cgia8"></xmp></acronym></tr><blockquote id="cgia8"><strike id="cgia8"><input id="cgia8"></input></strike></blockquote><center id="cgia8"></center><dd id="cgia8"></dd><small id="cgia8"></small><tbody id="cgia8"><s id="cgia8"><bdo id="cgia8"></bdo></s></tbody><acronym id="cgia8"></acronym><source id="cgia8"></source><delect id="cgia8"><tbody id="cgia8"><s id="cgia8"></s></tbody></delect><li id="cgia8"></li><button id="cgia8"><samp id="cgia8"><tr id="cgia8"></tr></samp></button><td id="cgia8"></td><option id="cgia8"></option><wbr id="cgia8"></wbr><dfn id="cgia8"><source id="cgia8"><strong id="cgia8"></strong></source></dfn><dd id="cgia8"><dl id="cgia8"><object id="cgia8"></object></dl></dd><tr id="cgia8"><acronym id="cgia8"><blockquote id="cgia8"></blockquote></acronym></tr><th id="cgia8"></th><dl id="cgia8"></dl><s id="cgia8"><bdo id="cgia8"><abbr id="cgia8"></abbr></bdo></s><tbody id="cgia8"></tbody><cite id="cgia8"></cite><wbr id="cgia8"></wbr><noframes id="cgia8"></noframes><sup id="cgia8"><center id="cgia8"><dl id="cgia8"></dl></center></sup><cite id="cgia8"></cite><kbd id="cgia8"><pre id="cgia8"><xmp id="cgia8"></xmp></pre></kbd><input id="cgia8"><tbody id="cgia8"><pre id="cgia8"></pre></tbody></input><object id="cgia8"></object><source id="cgia8"></source><strong id="cgia8"></strong><em id="cgia8"><del id="cgia8"><dfn id="cgia8"></dfn></del></em><noscript id="cgia8"></noscript><abbr id="cgia8"><center id="cgia8"><dd id="cgia8"></dd></center></abbr><table id="cgia8"></table><samp id="cgia8"></samp><optgroup id="cgia8"><abbr id="cgia8"><sup id="cgia8"></sup></abbr></optgroup><tr id="cgia8"><wbr id="cgia8"><cite id="cgia8"></cite></wbr></tr><tr id="cgia8"></tr><delect id="cgia8"></delect><optgroup id="cgia8"><abbr id="cgia8"><center id="cgia8"></center></abbr></optgroup><abbr id="cgia8"></abbr><wbr id="cgia8"><bdo id="cgia8"><abbr id="cgia8"></abbr></bdo></wbr><table id="cgia8"><tr id="cgia8"><acronym id="cgia8"></acronym></tr></table><ul id="cgia8"></ul><delect id="cgia8"><tbody id="cgia8"><wbr id="cgia8"></wbr></tbody></delect><s id="cgia8"><li id="cgia8"><option id="cgia8"></option></li></s><em id="cgia8"></em><nav id="cgia8"></nav><table id="cgia8"></table><dl id="cgia8"></dl><sup id="cgia8"></sup><code id="cgia8"></code><strong id="cgia8"></strong><td id="cgia8"></td><tbody id="cgia8"></tbody><delect id="cgia8"></delect><noframes id="cgia8"></noframes></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>