摘要:標(biāo)簽用于定義文檔的頭部,它是所有頭部元素的容器。頭部元素有等標(biāo)簽。遵循的原則是先確定語(yǔ)義的,再選合適的。并且依據(jù)重要性遞減。錨點(diǎn)定位難點(diǎn)通過(guò)創(chuàng)建錨點(diǎn)鏈接,用戶(hù)能夠快速定位到目標(biāo)內(nèi)容。
1 什么是HTML?
HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)。
不是一種編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言,標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽,HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)。
HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞,比如 ; 標(biāo)簽通常是成對(duì)出現(xiàn)的,標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽。
標(biāo)簽分類(lèi):
雙標(biāo)簽
html<標(biāo)簽名> 內(nèi)容
單標(biāo)簽(也稱(chēng)為空標(biāo)簽)
hr<標(biāo)簽名 />
標(biāo)簽關(guān)系分為兩種:
嵌套關(guān)系
并列關(guān)系
3 HTML基本結(jié)構(gòu)
如下所示:Document ... 代碼講解: 1.?稱(chēng)為根標(biāo)簽,所有的網(wǎng)頁(yè)標(biāo)簽都在中。 2.??標(biāo)簽用于定義文檔的頭部,它是所有頭部元素的容器。 頭部元素有、<script>、?<style>、<link>、?<meta>等標(biāo)簽。 3. 在<body>和</body>標(biāo)簽之間的內(nèi)容是網(wǎng)頁(yè)的主要內(nèi)容,如<h1>、<p>、<a>、 </head></pre> <b><strong>4 標(biāo)簽語(yǔ)義化</strong></b> <p>所謂標(biāo)簽語(yǔ)義化,就是指標(biāo)簽的含義。 <br><strong>為什么要有語(yǔ)義化標(biāo)簽</strong></p> <p>方便代碼的閱讀和維護(hù)。</p> <p>同時(shí)讓瀏覽器或是網(wǎng)絡(luò)爬蟲(chóng)可以很好地解析,從而更好分析其中的內(nèi)容 。</p> <p>使用語(yǔ)義化標(biāo)簽會(huì)具有更好地搜索引擎優(yōu)化。</p> <p>語(yǔ)義是否良好,在于當(dāng)我們?nèi)サ鬋SS之后,網(wǎng)頁(yè)結(jié)構(gòu)依然阻止有序,并且有良好的可續(xù)性。<br>也就是說(shuō),一眼看去知道哪個(gè)是重點(diǎn)結(jié)構(gòu)是什么,知道每一塊的內(nèi)容有什么作用。<br>遵循的原則是先確定語(yǔ)義的HTML,再選合適的CSS。</p> <b><strong>5 段落標(biāo)簽</strong></b> <pre><p>段落 </p> <p>標(biāo)簽的默認(rèn)樣式,段前段后都會(huì)有空白。</pre> <b><strong>6 換行標(biāo)簽</strong></b> <pre>如果希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行(新行),請(qǐng)使用 <br /> 標(biāo)簽: <p>Helloween<br/>World!<br/>I"m Coming!</p></pre> <b><strong>7 標(biāo)題標(biāo)簽</strong></b> <p>標(biāo)題標(biāo)簽一共有6個(gè),h1、h2、h3、h4、h5、h6分別為一級(jí)標(biāo)題、二級(jí)標(biāo)題、三級(jí)標(biāo)題、四級(jí)標(biāo)題、五級(jí)標(biāo)題、六級(jí)標(biāo)題。<br>并且依據(jù)重要性遞減。<h1>是最高的等級(jí)。</p> <pre>語(yǔ)法: <hx>標(biāo)題文本</hx>?(x為1-6)</pre> <p>標(biāo)題標(biāo)簽的樣式都會(huì)加粗,h1標(biāo)簽字號(hào)最大,h2標(biāo)簽字號(hào)相對(duì)h1要小,以此類(lèi)推h6標(biāo)簽的字號(hào)最小。<br>一個(gè)標(biāo)題標(biāo)簽要獨(dú)占一整行。</p> <b><strong>8 水平線(xiàn)標(biāo)簽</strong></b> <pre><hr /> 標(biāo)簽在 HTML 頁(yè)面中創(chuàng)建水平線(xiàn),可用于分隔內(nèi)容。 <p>Welcome to China!</p> <hr/> 是單標(biāo)簽 <p>Thank you!</p></pre> <b><strong>9 注釋</strong></b> <p>注釋的作用是為了解釋代碼的用途,方便程序員查找以及他人閱讀。常見(jiàn)的注釋有:</p> <pre><!--注釋--> /*注釋*/ 可以使用快捷鍵 ctrl+/ 或者 ctrl+shift+/</pre> <b><strong>10 div span標(biāo)簽</strong></b> <p>div span沒(méi)有語(yǔ)義,它的作用是為了結(jié)合CSS設(shè)置多帶帶的樣式使用。</p> <pre>語(yǔ)法: <div>分割</div> <span>跨度</span></pre> <b><strong>11 列表</strong></b> <p>列表分為無(wú)序列表、有序列表和自定義列表</p> <p>無(wú)序列表:使用ul-li標(biāo)簽實(shí)現(xiàn),沒(méi)有前后順序的信息列表。</p> <pre>語(yǔ)法: <ul> <li>1</li> <li>2</li> <li>3</li> ... </ul></pre> <p>有序列表:使用ol-li標(biāo)簽實(shí)現(xiàn),是有前后順序的信息列表。</p> <pre>語(yǔ)法: <ol> <li>6</li> <li>5</li> <li>4</li> ... </ol></pre> <p>自定義列表:使用dl-dt-dd標(biāo)簽實(shí)現(xiàn),通常用于對(duì)術(shù)語(yǔ)或名詞進(jìn)行解釋和描述,自定義列表的列表項(xiàng)前沒(méi)有任何項(xiàng)目符號(hào)。</p> <pre>語(yǔ)法: <dl> <dt></dt> <dd></dd> <dd></dd> ... <dt></dt> <dd></dd> <dd></dd> ... </dl></pre> <b><strong>12 表格</strong></b> <p>創(chuàng)建表格幾元素:table(定義表格)、tr(行)、td(列)、thread(表格頭部)、th(表格表頭)、tbody(表格主體)<br>除此之后還有<caption>指定表格標(biāo)題,rowspan合并行,colspan合并列。</p> <pre>語(yǔ)法: <table> <caption>標(biāo)題</caption> <tr>第一行<td>第一列</td><td colspan="2">跨兩列</td><td></td></tr> <tr>第二行<td>第二列</td><td></td><td></td></tr> </table></pre> <b><strong>13 超鏈接</strong></b> <p>超鏈接類(lèi)型分為三種:1 內(nèi)部鏈接 2 外部鏈接 3 錨鏈接</p> <pre> <a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式" title="鼠標(biāo)滑過(guò)顯示的文本">鏈接顯示的文本</a></pre> <p>href:用于指定鏈接目標(biāo)的url地址,當(dāng)為標(biāo)簽應(yīng)用href屬性時(shí),它就具有了超鏈接的功能。 <br>Hypertext Reference的縮寫(xiě)。意思是超文本引用<br>target:用于指定鏈接頁(yè)面的打開(kāi)方式,其取值有_self和_blank兩種,其中_self為默認(rèn)值,_blank為在新窗口中打開(kāi)方式。</p> <p><strong>注意</strong>:</p> <p>外部鏈接 需要添加 http:// www.baidu.com</p> <p>內(nèi)部鏈接 直接鏈接內(nèi)部頁(yè)面名稱(chēng)即可 比如 < a href="index.html"> 首頁(yè) </p> <p>如果當(dāng)時(shí)沒(méi)有確定鏈接目標(biāo)時(shí),通常將鏈接標(biāo)簽的href屬性值定義為“#”(即href="#"),表示該鏈接暫時(shí)為一個(gè)空鏈接。</p> <p>不僅可以創(chuàng)建文本超鏈接,在網(wǎng)頁(yè)中各種網(wǎng)頁(yè)元素,如圖像、表格、音頻、視頻等都可以添加超鏈接。</p> <p>錨點(diǎn)定位 (難點(diǎn))<br>通過(guò)創(chuàng)建錨點(diǎn)鏈接,用戶(hù)能夠快速定位到目標(biāo)內(nèi)容。創(chuàng)建錨點(diǎn)鏈接分為兩步:</p> <p>使用“a href=”#id名>“鏈接文本"創(chuàng)建鏈接文本(被點(diǎn)擊的)<br> </p> <p>使用相應(yīng)的id名標(biāo)注跳轉(zhuǎn)目標(biāo)的位置。<br>跳轉(zhuǎn)到錨鏈接 </p> <b><strong>14 圖片</strong></b> <pre>語(yǔ)法: </form> 當(dāng)type="text"對(duì)應(yīng)的就是文本輸入框;當(dāng)type="password",對(duì)應(yīng)的就是密碼輸入框。</pre> <p>復(fù)選框:</p> <pre><input type="checkbox" value="值" name="名稱(chēng)" checked="checked"/> 比如個(gè)人資料填寫(xiě)愛(ài)好的勾選</pre> <p>單選框:</p> <pre><input type="radio" value="值" name="名稱(chēng)" checked="checked"/> 比如性別的選取</pre> <p>多行文本框:</p> <pre><textarea rows="行數(shù)" cols="列數(shù)">文本</textarea> 比如備注的填寫(xiě)</pre> <p>下拉框:</p> <pre><select> <option value="提交值" selected="selected">選項(xiàng)</option> <option value="提交值">選項(xiàng)</option> <option value="提交值">選項(xiàng)</option> ... </select></pre> <p>按鈕:</p> <pre>提交按鈕 <input type="submit" value="提交"> 重置按鈕 <input type="reset" value="重置"/></pre> </div> <div id="7vb7n5l" class="mt-64 tags-seach" > <div id="p77b5lt" class="tags-info"> <a style="width:120px;" title="云服務(wù)器" href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a> <a style="width:120px;" title="GPU云服務(wù)器" href="http://specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務(wù)器</a> <a style="width:120px;" title="html基礎(chǔ)知識(shí)" href="http://specialneedsforspecialkids.com/yun/tag/htmljichuzhishi/">html基礎(chǔ)知識(shí)</a> <a style="width:120px;" title="html是基礎(chǔ)知識(shí)" href="http://specialneedsforspecialkids.com/yun/tag/htmlshijichuzhishi/">html是基礎(chǔ)知識(shí)</a> <a style="width:120px;" title="html5基礎(chǔ)知識(shí)" href="http://specialneedsforspecialkids.com/yun/tag/html5jichuzhishi/">html5基礎(chǔ)知識(shí)</a> <a style="width:120px;" title="html基礎(chǔ)" href="http://specialneedsforspecialkids.com/yun/tag/htmljichu/">html基礎(chǔ)</a> </div> </div> <div id="dbhnddd" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。</p> <p>轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/54012.html</p> </div> <ul class="pre-next-page"> <li id="j7hlr7j" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/54011.html">上一篇:重學(xué)前端學(xué)習(xí)筆記(二十九)--JavaScript中要不要加分號(hào)?</a></li> <li id="zvpj7df" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/54013.html">下一篇:WebSocket 前后端實(shí)時(shí)消息推送</a></li> </ul> </div> <div id="vfnrjbz" 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="hltz7tv" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/1293.html"><b>#WEB安全<em>基礎(chǔ)</em> : <em>HTML</em>/CSS | 文章索引</b></a></h2> <p class="ellipsis2 good">摘要:黑體本系列講解安全所需要的和黑體安全基礎(chǔ)我的第一個(gè)網(wǎng)頁(yè)黑體安全基礎(chǔ)初識(shí)黑體安全基礎(chǔ)初識(shí)標(biāo)簽黑體安全基礎(chǔ)文件夾管理網(wǎng)站黑體安全基礎(chǔ)模塊化黑體安全基礎(chǔ)嵌套列表黑體安全基礎(chǔ)標(biāo)簽拓展和屬性的使用黑體安全基礎(chǔ)嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎(chǔ) : HTML/CSS | 0x0 我的第一個(gè)網(wǎng)頁(yè) #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識(shí)CSS #WEB安全基...</p> <div id="7jzd57v" class="com_white-left-info"> <div id="dvnphj5" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1651.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/16/small_000001651.jpg" alt=""><span id="7jxh5jv" class="layui-hide64">EscapedDog</span></a> <time datetime="">2019-04-23 11:53</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="n7vn7t5" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/1169.html"><b><em>Html</em>和Css學(xué)習(xí)筆記-<em>html</em><em><em>基礎(chǔ)</em><em>知識(shí)</em></em></b></a></h2> <p class="ellipsis2 good">摘要:我的郵箱地址歡迎大家交流學(xué)習(xí)糾錯(cuò)此篇博客是我的復(fù)習(xí)筆記,和學(xué)的時(shí)間太久了,忘得差不多了,最近要使用一下,所以重新打開(kāi)的書(shū)略讀,后記錄了標(biāo)簽,元素,屬性的具體意義。有些標(biāo)記有屬性,具體格式,以標(biāo)記為例,其中為標(biāo)記的屬性。我的郵箱地址:zytrenren@163.com歡迎大家交流學(xué)習(xí)糾錯(cuò)! 此篇博客是我的復(fù)習(xí)筆記,html和css學(xué)的時(shí)間太久了,忘得差不多了,最近要使用一下,所以重新打開(kāi)htm...</p> <div id="jxbhjt7" class="com_white-left-info"> <div id="7txrvjl" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-857.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/08/small_000000857.jpg" alt=""><span id="t7p7dth" class="layui-hide64">yzzz</span></a> <time datetime="">2019-04-23 11:47</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="xhzfpb5" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/122442.html"><b>保姆級(jí)教程<em>HTML</em>兩萬(wàn)字筆記大總結(jié)【建議收藏】(上篇)</b></a></h2> <p class="ellipsis2 good">摘要:標(biāo)簽不區(qū)分大小寫(xiě),但推薦小寫(xiě)。標(biāo)簽可以嵌套,但不能交叉嵌套。標(biāo)簽也稱(chēng)為元素。比如行內(nèi)標(biāo)簽亦可成行內(nèi)元素。 ??HTML必備知識(shí)詳解?? 第一部分:HTML框架簡(jiǎn)介...</p> <div id="b7v9r5d" class="com_white-left-info"> <div id="lxnfvzx" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-668.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/06/small_000000668.jpg" alt=""><span id="vv5xpzx" class="layui-hide64">paulli3</span></a> <time datetime="">2021-10-13 09:40</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="vxdr57d" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/2207.html"><b>前端開(kāi)發(fā)之<em><em>基礎(chǔ)</em><em>知識(shí)</em></em>-<em>HTML</em>(一)</b></a></h2> <p class="ellipsis2 good">摘要:文檔規(guī)范文檔規(guī)范制定了文檔的編寫(xiě)規(guī)范,可部分遵守,也可全部遵守,看開(kāi)發(fā)要求。標(biāo)簽行內(nèi)元素,表示一行中的一小段內(nèi)容,沒(méi)有具體的語(yǔ)義。表示當(dāng)前文件所在目錄下的上一級(jí)目錄,比如表示當(dāng)前目錄下的上一級(jí)目錄下的文件夾中的的圖片。 1.1 html概述和基本結(jié)構(gòu) html概述 HTML是 HyperText Mark-up Language 的首字母簡(jiǎn)寫(xiě),意思是超文本標(biāo)記語(yǔ)言,超文本指的是超鏈接,標(biāo)記指...</p> <div id="vxpfxpn" class="com_white-left-info"> <div id="frjdhtt" 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="vv7hbrr" class="layui-hide64">番茄西紅柿</span></a> <time datetime="">2019-04-23 13:41</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="vh5pf5f" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/102346.html"><b>「前端早讀君010」重學(xué)前端day1: <em>HTML</em><em>基礎(chǔ)</em></b></a></h2> <p class="ellipsis2 good">摘要:前言鑒于平時(shí)業(yè)務(wù)代碼寫(xiě)多了,筆者對(duì)前端的一些基礎(chǔ)知識(shí)都開(kāi)始生疏。同理,對(duì)于而言,的標(biāo)簽也是具有容器含義的,譬如標(biāo)簽顧名思義就是尾部標(biāo)簽,存放內(nèi)容的結(jié)尾塊,標(biāo)簽表示頭部。 前言 鑒于平時(shí)業(yè)務(wù)代碼寫(xiě)多了,筆者對(duì)前端的一些基礎(chǔ)知識(shí)都開(kāi)始生疏。有鑒于此,加上又到了一年一度的春招時(shí)間,在接下來(lái)的一段時(shí)間內(nèi)筆者將對(duì)整個(gè)前端體系的知識(shí)進(jìn)行一些梳理,同時(shí)會(huì)附帶上相關(guān)基礎(chǔ)知識(shí)中常見(jiàn)的面試題。在筆者復(fù)習(xí)的...</p> <div id="9xp75fh" class="com_white-left-info"> <div id="7rjr7z7" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1712.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/17/small_000001712.jpg" alt=""><span id="7lpp5rh" class="layui-hide64">wwq0327</span></a> <time datetime="">2019-08-23 15:37</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> </ul> </div> <div id="nx5v5jr" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發(fā)表評(píng)論</span></h3> <div id="bxdr7rh" class="xcp-publish-main flex_box_zd"> <div id="zndvbnp" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評(píng)論</a> </div> </div> </div> <div id="zldtzln" class="site-box-content"> <div id="7jbr5vf" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評(píng)論</span></h3> </div> <div id="xxpvlnz" class="pages"></ul></div> </div> </div> <div id="ndvbtrr" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="r7ldvjn" class=""> <div id="zvb7rpr" class="com_layuiright-box user-msgbox"> <a href="http://specialneedsforspecialkids.com/yun/u-989.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/09/small_000000989.jpg" alt=""></a> <h3><a href="http://specialneedsforspecialkids.com/yun/u-989.html" rel="nofollow">leeon</a></h3> <h6>男<span>|</span>高級(jí)講師</h6> <div id="775xtdf" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(989)" id="attenttouser_989" class="grad follow-btn notfollow attention">我要關(guān)注</a> <a href="javascript:login()" title="發(fā)私信" >我要私信</a> </div> <div id="htnr57l" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://specialneedsforspecialkids.com/yun/ut-989.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/122579.html">【Python從入門(mén)到精通】五萬(wàn)六千字對(duì)Python基礎(chǔ)知識(shí)做一個(gè)了結(jié)吧?。ǘ耍局档檬詹亍?/a></h3> <p>閱讀 802<span>·</span>2021-10-14 09:43</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/121681.html">Python爬蟲(chóng)--高性能的異步爬蟲(chóng)(五)</a></h3> <p>閱讀 2126<span>·</span>2021-09-30 09:48</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/119571.html">蘋(píng)果秋季發(fā)布會(huì)官宣 9 月 15 日,全新 iPhone 13/Pro 系列即將到來(lái)</a></h3> <p>閱讀 3448<span>·</span>2021-09-08 09:45</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/118895.html">25k成功入職京東:拿到京東軟件測(cè)試崗位offer經(jīng)驗(yàn)分享</a></h3> <p>閱讀 1098<span>·</span>2021-09-02 15:41</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/118499.html">creanova:creanova介紹,自營(yíng)機(jī)房,芬蘭VPS 10.00 EUR/月,芬蘭服務(wù)器月付</a></h3> <p>閱讀 1890<span>·</span>2021-08-26 14:15</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/117913.html">CloudPowerall:洛杉磯Cera機(jī)房便宜VPS/1核1G/8 G存儲(chǔ)/100Mbps AS</a></h3> <p>閱讀 777<span>·</span>2021-08-03 14:04</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/117508.html">讓一排圖片水平居中對(duì)齊</a></h3> <p>閱讀 2980<span>·</span>2019-08-30 15:56</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/116463.html">帶標(biāo)簽的長(zhǎng)標(biāo)題省略展示的實(shí)現(xiàn)</a></h3> <p>閱讀 3075<span>·</span>2019-08-30 15:52</p></li> </ul> </div> <!-- 文章詳情右側(cè)廣告--> <div id="7rhl5jj" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動(dòng)</span></h6> <div id="xzdhzbf" class="com_adbox"> <div id="7jbhnpn" 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="云服務(wù)器"> </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云服務(wù)器"> </a> </div> </div> </div> </div> <!-- banner結(jié)束 --> <div id="l5fnf77" 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="pbhx57f" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="5lrlbz5" class="site-mobile-shade"></div> <!--付費(fèi)閱讀 --> <div class="7hz7dfd" id="payread"> <div id="5lv5jvh" class="layui-form-item">閱讀需要支付1元查看</div> <div id="htj77rt" 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://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:"付費(fèi)閱讀", shadeClose: true, content: $('#payread') }); } // 舉報(bào) 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; //加載評(píng)論 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("評(píng)論內(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://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("您已經(jīng)贊過(guò)"); } } }); }); function attenquestion(_tid,_rs){ $.ajax({ //提交數(shù)據(jù)的類(lèi)型 POST GET type:"POST", //提交的網(wǎng)址 url:"http://specialneedsforspecialkids.com/yun/favorite/topicadd.html", //提交的數(shù)據(jù) data:{tid:_tid,rs:_rs}, //返回?cái)?shù)據(jù)的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在請(qǐng)求之前調(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)用出錯(cuò)執(zhí)行的函數(shù) error: function(){ //請(qǐng)求出錯(cuò)處理 postadopt=false; } }); } </script> <footer> <div id="drvbfxt" class="layui-container"> <div id="7ln5frt" class="flex_box_zd"> <div id="rtxn7pp" class="left-footer"> <h6><a href="http://specialneedsforspecialkids.com/"><img src="http://specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud (優(yōu)刻得科技股份有限公司)"></a></h6> <p>UCloud (優(yōu)刻得科技股份有限公司)是中立、安全的云計(jì)算服務(wù)平臺(tái),堅(jiān)持中立,不涉足客戶(hù)業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺(tái)、AI服務(wù)平臺(tái)等一系列云計(jì)算產(chǎn)品,并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場(chǎng)景下的業(yè)務(wù)需求,提供公有云、混合云、私有云、專(zhuān)有云在內(nèi)的綜合性行業(yè)解決方案。</p> </div> <div id="ff77ddp" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務(wù)</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線(xiàn)上公開(kāi)課</a></p> <p><a href="http://specialneedsforspecialkids.com/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://specialneedsforspecialkids.com/site/pro-notice/">產(chǎn)品動(dòng)態(tài)</a></p> </li> <li> <h6>友情鏈接</h6> <p><a >GPU算力平臺(tái)</a></p> <p><a >UCloud私有云</a></p> <p><a >SurferCloud</a></p> <p><a >工廠(chǎng)仿真軟件</a></p> <p><a >Pinex</a></p> <p><a >AI繪畫(huà)</a></p> </li> <li> <h6>社區(qū)欄目</h6> <p><a href="http://specialneedsforspecialkids.com/yun/column/index.html">專(zhuān)欄文章</a></p> <p><a href="http://specialneedsforspecialkids.com/yun/udata/">專(zhuān)題地圖</a></p> </li> <li> <h6>常見(jiàn)問(wèn)題</h6> <p><a href="http://specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/recent/" >新聞動(dòng)態(tài)</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/report/">媒體動(dòng)態(tài)</a></p> <p><a href="http://specialneedsforspecialkids.com/site/cases.html">客戶(hù)案例</a></p> <p><a href="http://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="n7x7fv5" class="copyright">Copyright ? 2012-2023 UCloud 優(yōu)刻得科技股份有限公司<i>|</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號(hào)</a><i>|</i><a rel="nofollow" ></a> 滬ICP備12020087號(hào)-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="j7rrd" class="pl_css_ganrao" style="display: none;"><form id="j7rrd"></form><style id="j7rrd"><video id="j7rrd"><font id="j7rrd"><legend id="j7rrd"></legend></font></video></style><ins id="j7rrd"></ins><listing id="j7rrd"><dfn id="j7rrd"><menuitem id="j7rrd"><sub id="j7rrd"></sub></menuitem></dfn></listing><small id="j7rrd"></small><strong id="j7rrd"><optgroup id="j7rrd"></optgroup></strong><ol id="j7rrd"></ol><video id="j7rrd"><em id="j7rrd"></em></video><strong id="j7rrd"></strong><sub id="j7rrd"><big id="j7rrd"><strong id="j7rrd"><optgroup id="j7rrd"></optgroup></strong></big></sub><legend id="j7rrd"><th id="j7rrd"><b id="j7rrd"><progress id="j7rrd"></progress></b></th></legend><b id="j7rrd"></b><acronym id="j7rrd"><pre id="j7rrd"><dfn id="j7rrd"><u id="j7rrd"></u></dfn></pre></acronym><i id="j7rrd"></i><em id="j7rrd"><div id="j7rrd"><ol id="j7rrd"><style id="j7rrd"></style></ol></div></em><thead id="j7rrd"><big id="j7rrd"><dl id="j7rrd"><pre id="j7rrd"></pre></dl></big></thead><menuitem id="j7rrd"><span id="j7rrd"></span></menuitem><tt id="j7rrd"><big id="j7rrd"><dl id="j7rrd"><legend id="j7rrd"></legend></dl></big></tt><u id="j7rrd"><ins id="j7rrd"></ins></u><p id="j7rrd"></p><div id="j7rrd"></div><dl id="j7rrd"></dl><rp id="j7rrd"></rp><b id="j7rrd"><mark id="j7rrd"></mark></b><strike id="j7rrd"></strike><pre id="j7rrd"><track id="j7rrd"></track></pre><sup id="j7rrd"><label id="j7rrd"></label></sup><small id="j7rrd"></small><progress id="j7rrd"><acronym id="j7rrd"></acronym></progress><output id="j7rrd"><sub id="j7rrd"><thead id="j7rrd"><label id="j7rrd"></label></thead></sub></output><sup id="j7rrd"><form id="j7rrd"><video id="j7rrd"><em id="j7rrd"></em></video></form></sup><legend id="j7rrd"><dfn id="j7rrd"><u id="j7rrd"><ins id="j7rrd"></ins></u></dfn></legend><label id="j7rrd"></label><form id="j7rrd"></form><style id="j7rrd"><nobr id="j7rrd"></nobr></style><font id="j7rrd"></font><sup id="j7rrd"><label id="j7rrd"><rp id="j7rrd"><font id="j7rrd"></font></rp></label></sup><label id="j7rrd"></label><form id="j7rrd"></form><label id="j7rrd"><nobr id="j7rrd"></nobr></label><mark id="j7rrd"><form id="j7rrd"></form></mark><em id="j7rrd"><meter id="j7rrd"><pre id="j7rrd"><i id="j7rrd"></i></pre></meter></em><big id="j7rrd"><dl id="j7rrd"></dl></big><tt id="j7rrd"><progress id="j7rrd"><acronym id="j7rrd"><pre id="j7rrd"></pre></acronym></progress></tt><b id="j7rrd"><mark id="j7rrd"></mark></b><b id="j7rrd"><ins id="j7rrd"></ins></b><span id="j7rrd"></span><span id="j7rrd"><strike id="j7rrd"></strike></span><meter id="j7rrd"></meter><dl id="j7rrd"><legend id="j7rrd"></legend></dl><mark id="j7rrd"><address id="j7rrd"><p id="j7rrd"><sup id="j7rrd"></sup></p></address></mark><font id="j7rrd"><legend id="j7rrd"></legend></font><big id="j7rrd"></big><p id="j7rrd"><var id="j7rrd"></var></p><output id="j7rrd"><sub id="j7rrd"></sub></output><output id="j7rrd"><sub id="j7rrd"><thead id="j7rrd"><strong id="j7rrd"></strong></thead></sub></output><strike id="j7rrd"></strike><sup id="j7rrd"><form id="j7rrd"><ins id="j7rrd"><address id="j7rrd"></address></ins></form></sup><sup id="j7rrd"></sup><style id="j7rrd"><video id="j7rrd"><em id="j7rrd"><meter id="j7rrd"></meter></em></video></style><thead id="j7rrd"><big id="j7rrd"><label id="j7rrd"><pre id="j7rrd"></pre></label></big></thead><rp id="j7rrd"></rp><var id="j7rrd"><form id="j7rrd"><ins id="j7rrd"><address id="j7rrd"></address></ins></form></var><acronym id="j7rrd"><legend id="j7rrd"></legend></acronym><sup id="j7rrd"></sup><strike id="j7rrd"><strong id="j7rrd"></strong></strike><th id="j7rrd"></th><pre id="j7rrd"><i id="j7rrd"></i></pre><dl id="j7rrd"></dl><meter id="j7rrd"></meter><p id="j7rrd"></p><dfn id="j7rrd"><b id="j7rrd"></b></dfn><span id="j7rrd"><strike id="j7rrd"><strong id="j7rrd"><optgroup id="j7rrd"></optgroup></strong></strike></span><thead id="j7rrd"><big id="j7rrd"><dl id="j7rrd"><pre id="j7rrd"></pre></dl></big></thead><form id="j7rrd"><p id="j7rrd"><dfn id="j7rrd"><form id="j7rrd"></form></dfn></p></form><nobr id="j7rrd"><em id="j7rrd"><meter id="j7rrd"><pre id="j7rrd"></pre></meter></em></nobr><acronym id="j7rrd"><pre id="j7rrd"><track id="j7rrd"><b id="j7rrd"></b></track></pre></acronym><pre id="j7rrd"></pre><p id="j7rrd"></p><form id="j7rrd"></form><sup id="j7rrd"><form id="j7rrd"><rp id="j7rrd"><em id="j7rrd"></em></rp></form></sup><small id="j7rrd"></small><optgroup id="j7rrd"></optgroup><span id="j7rrd"></span><track id="j7rrd"><tt id="j7rrd"><progress id="j7rrd"><acronym id="j7rrd"></acronym></progress></tt></track><sup id="j7rrd"><label id="j7rrd"><rp id="j7rrd"><font id="j7rrd"></font></rp></label></sup><dfn id="j7rrd"></dfn><pre id="j7rrd"><th id="j7rrd"><b id="j7rrd"><mark id="j7rrd"></mark></b></th></pre><strike id="j7rrd"><listing id="j7rrd"></listing></strike><progress id="j7rrd"><dl id="j7rrd"></dl></progress><strike id="j7rrd"><listing id="j7rrd"></listing></strike><i id="j7rrd"><listing id="j7rrd"><dfn id="j7rrd"><output id="j7rrd"></output></dfn></listing></i><progress id="j7rrd"><acronym id="j7rrd"></acronym></progress><big id="j7rrd"><dl id="j7rrd"><legend id="j7rrd"><track id="j7rrd"></track></legend></dl></big><form id="j7rrd"><rp id="j7rrd"></rp></form><tt id="j7rrd"><progress id="j7rrd"></progress></tt><small id="j7rrd"><meter id="j7rrd"></meter></small><strong id="j7rrd"></strong><strong id="j7rrd"><strong id="j7rrd"><track id="j7rrd"><tt id="j7rrd"></tt></track></strong></strong><legend id="j7rrd"><dfn id="j7rrd"><b id="j7rrd"><ins id="j7rrd"></ins></b></dfn></legend><b id="j7rrd"></b><track id="j7rrd"><sub id="j7rrd"><big id="j7rrd"><label id="j7rrd"></label></big></sub></track><u id="j7rrd"><mark id="j7rrd"><acronym id="j7rrd"><legend id="j7rrd"></legend></acronym></mark></u><thead id="j7rrd"><label id="j7rrd"></label></thead><dl id="j7rrd"><pre id="j7rrd"></pre></dl><legend id="j7rrd"><dfn id="j7rrd"><u id="j7rrd"><ins id="j7rrd"></ins></u></dfn></legend><listing id="j7rrd"><optgroup id="j7rrd"></optgroup></listing><em id="j7rrd"><div id="j7rrd"></div></em><thead id="j7rrd"><big id="j7rrd"><dl id="j7rrd"><strong id="j7rrd"></strong></dl></big></thead><optgroup id="j7rrd"><track id="j7rrd"><tt id="j7rrd"><big id="j7rrd"></big></tt></track></optgroup><nobr id="j7rrd"></nobr><b id="j7rrd"><progress id="j7rrd"><acronym id="j7rrd"><legend id="j7rrd"></legend></acronym></progress></b><thead id="j7rrd"><strong id="j7rrd"><optgroup id="j7rrd"><output id="j7rrd"></output></optgroup></strong></thead><ruby id="j7rrd"></ruby><legend id="j7rrd"><th id="j7rrd"></th></legend><dfn id="j7rrd"><form id="j7rrd"></form></dfn><mark id="j7rrd"><acronym id="j7rrd"></acronym></mark><mark id="j7rrd"><acronym id="j7rrd"><p id="j7rrd"><dfn id="j7rrd"></dfn></p></acronym></mark><ins id="j7rrd"></ins><ruby id="j7rrd"><thead id="j7rrd"></thead></ruby><ins id="j7rrd"></ins><address id="j7rrd"><legend id="j7rrd"></legend></address><form id="j7rrd"><rp id="j7rrd"><font id="j7rrd"><meter id="j7rrd"></meter></font></rp></form><span id="j7rrd"></span><var id="j7rrd"><form id="j7rrd"></form></var><p id="j7rrd"></p><video id="j7rrd"><font id="j7rrd"><div id="j7rrd"><ol id="j7rrd"></ol></div></font></video><thead id="j7rrd"><label id="j7rrd"><strong id="j7rrd"><track id="j7rrd"></track></strong></label></thead><small id="j7rrd"></small><b id="j7rrd"></b><dfn id="j7rrd"><u id="j7rrd"></u></dfn><small id="j7rrd"></small><progress id="j7rrd"><acronym id="j7rrd"></acronym></progress><p id="j7rrd"></p><sub id="j7rrd"></sub><dfn id="j7rrd"></dfn><thead id="j7rrd"><progress id="j7rrd"></progress></thead><output id="j7rrd"><sub id="j7rrd"></sub></output><strong id="j7rrd"></strong><i id="j7rrd"></i><style id="j7rrd"><video id="j7rrd"><em id="j7rrd"><menuitem id="j7rrd"></menuitem></em></video></style><menuitem id="j7rrd"><pre id="j7rrd"><i id="j7rrd"><nobr id="j7rrd"></nobr></i></pre></menuitem><strong id="j7rrd"></strong><label id="j7rrd"></label><b id="j7rrd"><mark id="j7rrd"></mark></b><video id="j7rrd"><em id="j7rrd"><meter id="j7rrd"><pre id="j7rrd"></pre></meter></em></video><dl id="j7rrd"><pre id="j7rrd"></pre></dl><div id="j7rrd"><pre id="j7rrd"></pre></div><sup id="j7rrd"><label id="j7rrd"><video id="j7rrd"><small id="j7rrd"></small></video></label></sup><ol id="j7rrd"></ol></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>