HTML常用標簽的使用

nevermind 發布于2019-08-02 10:38 / 3305人閱讀

摘要：但是，可以在正常的文檔主體中使用。該名稱可以用作標簽，標簽的屬性值，或標簽和標簽的屬性值。標簽元素用于為基于的表單創建交互式控件，以便接受來自用戶的數據。標簽的元素表示表格數據即通過二維數據表表示的信息。

一、常見標簽詳解 1、標簽</b> <p>HTML內聯框架元素 <iframe> 表示嵌套的瀏覽上下文，有效地將另一個HTML頁面嵌入到當前頁面中。在HTML 4.01中，文檔可能包含頭部和正文，或頭部和框架集，但不能包含正文和框架集。但是，<iframe>可以在正常的文檔主體中使用。每個瀏覽上下文都有自己的會話歷史記錄和活動文檔。包含嵌入內容的瀏覽上下文稱為父瀏覽上下文。頂級瀏覽上下文（沒有父級）通常是瀏覽器窗口。</p> <b>屬性</b> <p>只詳細說明幾個重要的屬性</p> <p> <strong>frameborder</strong> 取值為1時（默認值），告訴瀏覽器在當前iframe與其他iframe之間繪制邊框，取0時則無需繪制此邊框。</p> <p> <strong>name</strong> 嵌入的瀏覽上下文（框架）的名稱。該名稱可以用作<a>標簽，<form>標簽的target屬性值，或<input> 標簽和 <button>標簽的formtaget屬性值。</p> <p> <strong>height</strong> 以CSS像素格式HTML5，或像素格式HTML 4.01，或百分比格式指定frame的高度。</p> <p> <strong>width</strong> 以CSS像素格式HTML5，或以像素格式HTML 4.01，或以百分比格式指定frame的寬度。</p> <p> <strong>src</strong> 嵌套頁面的URL地址。使用遵守同源策略的 "about:blank" 來嵌套空白頁。</p> <b>2、<a>標簽</b> <p>HTML <a> 元素 (或錨元素) 可以創建一個到其他網頁、文件、同一頁面內的位置、電子郵件地址或任何其他URL的超鏈接。</p> <b>屬性</b> <p> <strong>download</strong> 此屬性指示瀏覽器下載URL而不是導航到URL，因此將提示用戶將其保存為本地文件。</p> <p> <strong>href</strong> 這是一個必需屬性為錨定義一個超文本鏈接來源。這表示鏈接目標的URL或URL片段。URL片段是由一個hash符號（＃），它指定一個內部目標在當前文檔中的位置（ID）開頭的名字。URL不限于網頁（HTTP）的文件。URL可能使用瀏覽器所支持的任何協議。例如，文件，FTP，大多數用戶代理mailto工作。PS:<em>可以使用 href="#top" 或者 href="#" 鏈接返回到頁面頂部。</em>除此之外href可以接：<br> 1、無協議的寫法，如：//qq.com<br> 2、鏈接到本頁某個部分#xxx 也可以是查詢語句?name=xxx 或者相對路徑./xxx.html<br> 3、偽協議javascript:alert(1); 點擊不跳轉不刷新javascript:;</p> <p> <strong>target</strong> 該屬性指定在何處顯示鏈接的資源。取值為標簽（tab），窗口（window），或框架（iframe）等瀏覽上下文的名稱或其他關鍵詞。以下關鍵字具有特殊的意義:<br> _self: 當前頁面加載。此值是默認的，如果沒有指定屬性的話。<br> _blank: 新窗口打開。<br> _parent: 加載響應到當前框架的父框架。如果沒有parent框架或者瀏覽上下文，此選項的行為方式相同_self。（嵌套一層iframe標簽，在上層打開）<br> _top: 加載響應進入頂層瀏覽（即，瀏覽上下文，它是當前的一個的祖先，并且沒有parent）。如果沒有parent框架或者瀏覽上下文，此選項的行為方式相同_self。（嵌套多層iframe標簽，最頂層打開）</p> <b>3、<form>標簽</b> <p>HTML <form> 元素表示了文檔中的一個區域，這個區域包含有交互控制元件，用來向web服務器提交信息。</p> <b>屬性</b> <p> <strong>action</strong> 一個處理這個form信息的程序所在的URL。這個值可以被 <button> 或者 <input> 元素中的 formaction 屬性重載（覆蓋）。</p> <p> <strong>method</strong> 瀏覽器使用這種 HTTP 方式來提交 form. 可能的值有:<br> 1、post: 指的是 HTTP POST 方法 ; 表單數據會包含在表單體內然后發送給服務器.<br> 2、get: 指的是 HTTP GET 方法; 表單數據會附加在 action 屬性的URI中，并以 "?" 作為分隔符, 然后這樣得到的 URI 再發送給服務器. 當這樣做（數據暴露在URI里面）沒什么副作用，或者表單僅包含ASCII字符時，再使用這種方法吧。（如果是GET的話和a標簽功能一樣）<br> 這個值可以被 <button> 或者 <input> 元素中的 formmethod 屬性重載（覆蓋）。</p> <p> <strong>name</strong> 這個form的名字。在HTML4中，這個用法不被推薦(作為替代，應該使用id). HTML5中，一個文檔中的多個form當中，name必須唯一而不僅僅是一個空字符串。</p> <p> <strong>target</strong> 一個名字或者說關鍵字，用來指示在提交表單之后，在哪里顯示收到的回復. 在 HTML 4 里, 這是一個用于 frame 的名字/關鍵字. 在 HTML5 里, 這是一個用于 browsing context 瀏覽器上下文的名字/關鍵字 (舉例來說, 標簽頁tab, 窗口window, or 或者行內 frame). 如下的關鍵字含有特別的含義:<br> 1、_self: 在當前HTML4或HTML5文檔頁面重新加載返回值。這個是默認值。譯注：也就是說如果這個文檔在一個frame中的話，self是在當前frame（document）中重新加載的，而不是整個頁面（window）。<br> 2、_blank: 以新的HTML4或HTML5文檔窗口加載返回值。<br> 3、_parent: 在父級的frame中以HTML4或HTML5文檔形式加載返回值，如果沒有父級的frame，行為和_self一致。<br> 4、_top: 如果是HTML 4文檔: 清空當前文檔，加載返回內容；HTML5: 在當前文檔的最高級內加載返回值，如果沒有父級，和_self的行為一致。<br> 5、iframename: 返回值在指定frame中加載。</p> <b>4、<input>標簽</b> <p>HTML <input> 元素用于為基于Web的表單創建交互式控件，以便接受來自用戶的數據。</p> <b>屬性</b> <p><input>標簽的屬性非常多，這里我只寫幾種常用的屬性，更多可在MDN上查找</p> <p> <strong>name</strong> 控件的名稱，與表單數據一起提交。</p> <p> <strong>value</strong> 控件的初始值. 此屬性是可選的，除非type 屬性是radio或checkbox。注意，當重新加載頁面時，如果在重新加載之前更改了值，Gecko和IE將忽略HTML源代碼中指定的值。</p> <p> <strong>checked</strong> 如果該元素的type屬性的值為radio或者checkbox,則該布爾屬性的存在與否表明了該控件是否是默認選擇狀態.</p> <p> <strong>disabled</strong> 這個布爾屬性表示此表單控件不可用。特別是在禁用的控件中， click 事件將不會被分發。并且，禁用的控件的值在提交表單時也不會被提交。如果 type 屬性為 hidden，此屬性將被忽略。</p> <p> <strong>type</strong> 控件類型的顯示。如果這個屬性沒有指定，默認的類型是 text。可用的值包括：<br> 這里只寫出幾個常用的類型，詳細可以查看MDN<br> 1、button：無缺省行為按鈕。<br> 2、checkbox：復選框。必須使用 value 屬性定義此控件被提交時的值。使用 checked 屬性指示控件是否被選擇。也可以使用 indeterminate 指示復選框在一種不確定狀態（大多數平臺上，顯示為一條穿過復選框的水平線）。<br> 3、password：一個值被遮蓋的單行文本字段。使用 maxlength 指定可以輸入的值的最大長度。<br> 4、radio：單選按鈕。必須使用 value 屬性定義此控件被提交時的值。使用checked 必須指示控件是否缺省被選擇。在同一個”單選按鈕組“中，所有單選按鈕的 name 屬性使用同一個值；一個單選按鈕組中是，同一時間只有一個單選按鈕可以被選擇。<br> 5、submit：用于提交表單的按鈕。<br> 6、text：單行字段；換行會將自動從輸入的值中移除。</p> <b>5、<button>標簽</b> <p>HTML <button> 元素表示一個可點擊的按鈕，可以用在表單或文檔其它需要使用簡單標準按鈕的地方。默認情況下，HTML按鈕的顯示樣式接近于 user agent 所在的宿主系統平臺（用戶操作系統）的按鈕，但你可以使用 CSS 來改變按鈕的樣貌。</p> <b>屬性</b> <p> <strong>name</strong> button的名稱，與表單數據一起提交。</p> <p> <strong>value</strong> button的初始值。它定義的值與表單數據的提交按鈕相關聯。當表單中的數據被提交時，這個值便以參數的形式被遞送至服務器。</p> <p> <strong>type</strong> button的類型。可選值：<br> 1、submit: 此按鈕提交表單數據給服務器。未指定時，此值為默認值，或者如果此屬性動態變為空值或無效值。<br> 2、reset: 此按鈕重置所有組件為初始值。<br> 3、button: 此按鈕沒有默認行為。它可以有與元素事件相關的客戶端腳本，當事件出現時可觸發。<br> 4、menu: 此按鈕打開一個由指定<menu>元素進行定義的彈出菜單。</p> <b>6、<table>標簽</b> <p>HTML的 table 元素表示表格數據 — 即通過二維數據表表示的信息。</p> <b>屬性</b> <p>表格標簽支持全局屬性。所有屬性現在已經棄用（請使用CSS代替）。</p> <b>相關</b> <p>其它表格相關的HTML元素: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr>;</p> <p>可能特別有用的關于設定表格元素樣式的 CSS 屬性：<br> width 控制表格的寬度；<br> border, border-style, border-color, border-width, border-collapse, border-spacing 控制單元格邊框，規則和框架方面；<br> margin 和padding 設定特定的單元格內容樣式；<br> text-align 和vertical-align 定義文本和單元格內容的對齊方式。</p> <b>二、HTML標簽注意事項</b> <b>HTML標簽是什么</b> <p>通過HTMl標簽是可以清晰的看出網頁的內部結構，簡單的來說就是通過標簽，我們可以來聲明這是個什么東西，而不是用來決定這個東西是什么樣子，例如：<strong><strong></strong>和<strong><b></strong>的默認CSS樣式是一樣的，為什么還要有兩個標簽,這是因為strong是一個邏輯狀態，而bold是一個物理狀態。邏輯狀態分離內容和表現形式，使用邏輯狀態允許你用各種不同的方式來表達。比如你想把文字渲染成紅色，使用其它大小的字體、帶有下劃線或其他樣式，而不是加粗的樣式。必須要理解使用strong呈現出的表現形式不同于單純的加粗。因為bold是一個物理狀態，他沒有區分表現形式和內容。如果讓bold做了加粗文本外的其它任何事情，都將會令人困惑而且也不符合邏輯。<br>很多人喜歡用<div>和<span>這樣的無含義標簽從頭用到尾，這樣是不對的，因為看起來會很費勁，都會要加上class，這樣就會降低代碼可讀性，</p> <b>關于塊級元素和內聯元素的區別</b> <p>HTML標簽是沒有塊級元素和內聯元素的區別，什么時候才有？只有在CSS里面才有，例如，我們都以為<div>是塊級元素，但如果是下面這樣，還能說<div>是塊級元素嗎？</p> <pre><style> div{ display: inline; } </style></pre> <p>現在<div>就是內聯元素了，也就是說HTML無法控制一個元素是塊級元素還是內聯元素，也就是說HTML只是定義這是一個什么東西，而不是去管它是什么樣子。</p> </div> <div id="moqswwk" class="mt-64 tags-seach" > <div id="mw2omcc" 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> <a style="width:120px;" title="html常用的空標簽" href="http://specialneedsforspecialkids.com/yun/tag/htmlchangyongdekongbiaoqian/">html常用的空標簽</a> <a style="width:120px;" title="html常用標簽" href="http://specialneedsforspecialkids.com/yun/tag/htmlchangyongbiaoqian/">html常用標簽</a> <a style="width:120px;" title="html常用單標簽" href="http://specialneedsforspecialkids.com/yun/tag/htmlchangyongdanbiaoqian/">html常用單標簽</a> <a style="width:120px;" title="html基本常用標簽" href="http://specialneedsforspecialkids.com/yun/tag/htmljibenchangyongbiaoqian/">html基本常用標簽</a> </div> </div> <div id="a20iama" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。</p> <p>轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52489.html</p> </div> <ul class="pre-next-page"> <li id="ua2ieik" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/52488.html">上一篇：變量和函數提升</a></li> <li id="sqiyo2e" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/52490.html">下一篇：三欄布局只知道圣杯、雙飛翼，最終評級是……F</a></li> </ul> </div> <div id="yga2kma" 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="aimqwii" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/52437.html"><b>沃土前端系列 - <em>HTML</em><em>常用</em><em>標簽</em></b></a></h2> <p class="ellipsis2 good">摘要：由于網頁中不僅包含普通文本，還包含超文本，故被稱作超文本描述語言。是的縮寫，中文的意思是超文本標記語言，它是制作網頁的標準語言。 html是什么 HTML是Hyper Text Markup Language的縮寫，中文的意思是超文本標記語言，它是制作網頁的標準語言。由于網頁中不僅包含普通文本，還包含超文本，故被稱作超文本描述語言。那什么是超文本呢？所謂超文本，就是指圖像、視頻、動畫、...</p> <div id="kagua0e" class="com_white-left-info"> <div id="sya22we" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-756.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/07/small_000000756.jpg" alt=""><span id="0ogkcoc" class="layui-hide64">lbool</span></a> <time datetime="">2019-08-02 10:34</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="miog0uw" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/108416.html"><b><em>HTML</em>之<em>常用</em><em>標簽</em></b></a></h2> <p class="ellipsis2 good">摘要：提示判斷版本決定是否顯示，使用如下請升級瀏覽器參考鏈接標簽代碼參考自綠葉學習網，網址部分代碼參考自菜鳥教程，網址如有侵權，請聯系刪除 HTML之常用標簽介紹了前端中常用的標簽，講解了行內元素和塊元素的區別，同時重點解釋了語義化的意義！ html標簽 html控制頁面結構，良好的頁面結構有利于seo優化 html常用標簽 ...</p> <div id="mcgioom" class="com_white-left-info"> <div id="0aeum2o" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-48.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/00/small_000000048.jpg" alt=""><span id="easkcaa" class="layui-hide64">余學文</span></a> <time datetime="">2019-08-26 12:17</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="g2yq0ma" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/53365.html"><b>第三天·<em>HTML</em><em>常用</em><em>標簽</em></b></a></h2> <p class="ellipsis2 good">摘要：如果希望某段文本強制換行顯示，就需要使用換行標簽在中直接敲回車來換行是不起作用的。標簽的屬性用于指定超鏈接目標的。這是因為標識符幾乎可以用在所有的標簽中。一·- 單詞縮寫：headHTML的-代表了六個等級的標題，其中標簽比較重要，因此要盡量少用。一般是給logo使用，或者是頁面中最重要的標題。 Heading level 1 Heading level 2 Heading leve...</p> <div id="qsu2aa0" class="com_white-left-info"> <div id="wwyo0ky" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-387.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/03/small_000000387.jpg" alt=""><span id="aqucukm" class="layui-hide64">guqiu</span></a> <time datetime="">2019-08-02 12:08</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="2uas2i2" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/1224.html"><b>第六課 <em>Html</em>5<em>常用</em><em>標簽</em> <em>html</em>5學習1</b></a></h2> <p class="ellipsis2 good">摘要：標簽的認識一標簽的分類雙標簽如單標簽如換行標簽二標簽的關系嵌套關系如與父子關系并列關系如與兄弟關系三排版標簽標題標簽比較重要，一般用作網站的段落標簽水平線標簽單標簽換行標簽標簽網頁布局標親盒子四文本格式化標簽文本加粗標簽不推薦使用的加粗標HTML標簽的認識一、標簽的分類1、雙標簽如 2、單標簽如換行標簽二、標簽的關系1、嵌套關系如與title 父子關系2、并列關系如與兄弟關系...</p> <div id="ugwqwi0" class="com_white-left-info"> <div id="km2cggu" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1590.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/15/small_000001590.jpg" alt=""><span id="sqiasss" class="layui-hide64">siberiawolf</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="02kcuw0" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/54680.html"><b><em>常用</em><em>的</em><em>HTML</em><em>標簽</em>詳解與總結</b></a></h2> <p class="ellipsis2 good">摘要：今天，我們就來詳細介紹常用的標簽。標簽對文字字符進行換行處理。標簽加入水平分割線。標簽語義強調，表示重視。標簽有序列表標簽。即定義描述，用于添加該名詞的具體解釋。標簽用來顯示圖片。默認內容標簽下拉列表，以和兩個標簽配合完成。對于很多HTML初學者來說，記憶和掌握標簽是一門很難搞的功課。今天，我們就來詳細介紹常用的HTML標簽。對于標簽的掌握，更多的是要通過練習，熟能生巧。 stlye...</p> <div id="ggo2ayk" class="com_white-left-info"> <div id="qsmg0su" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-181.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/01/small_000000181.jpg" alt=""><span id="2umem00" class="layui-hide64">DobbyKim</span></a> <time datetime="">2019-08-02 16:06</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="2osyees" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/49646.html"><b><em>HTML</em>5<em>常用</em><em>標簽</em>分類</b></a></h2> <p class="ellipsis2 good">HTML5常用標簽分類標簽（空格分隔）： HTML 前端開發 [TOC] 一.HTML文檔標簽 : 定義文檔類型. : 定義HTML文檔. : 定義文檔的頭部.(頭部內包含) (1). ``: 定義元素可提供有關頁面的元信息，比如針對搜索引擎和更新頻度的描述和關鍵詞. (2). ``:定義頁面上的所有鏈接規定默認地址或默認目標. (3). ``: 定義文檔的標題. (4). ``: 定...</p> <div id="2sicu20" class="com_white-left-info"> <div id="miys0gi" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1704.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/17/small_000001704.jpg" alt=""><span id="c2mouuw" class="layui-hide64">canopus4u</span></a> <time datetime="">2019-08-01 14:54</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="ig2q0wg" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發表評論</span></h3> <div id="wwikcoq" class="xcp-publish-main flex_box_zd"> <div id="ki220kk" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="easycc0" class="site-box-content"> <div id="yuwouwy" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="mc22c0a" class="pages"></ul></div> </div> </div> <div id="ao2imao" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="22a022u" class=""> <div id="ise2scs" class="com_layuiright-box user-msgbox"> <a href="http://specialneedsforspecialkids.com/yun/u-645.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/06/small_000000645.jpg" alt=""></a> <h3><a href="http://specialneedsforspecialkids.com/yun/u-645.html" rel="nofollow">nevermind</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="yyq0eaa" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(645)" id="attenttouser_645" class="grad follow-btn notfollow attention">我要關注</a> <a href="javascript:login()" title="發私信" >我要私信</a> </div> <div id="a2sgmoe" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://specialneedsforspecialkids.com/yun/ut-645.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/130831.html">tensorflow1.8</a></h3> <p>閱讀 3563<span>·</span>2023-04-26 00:05</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/123065.html">C語言實現入門級小游戲——掃雷</a></h3> <p>閱讀 953<span>·</span>2021-11-11 16:55</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/121082.html">單片機入門指南</a></h3> <p>閱讀 3522<span>·</span>2021-09-26 09:46</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/117536.html">TP5實現表格拖動排序并保存到數據庫功能</a></h3> <p>閱讀 3517<span>·</span>2019-08-30 15:56</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/117275.html">前端基礎入門五（掌握jQuery的常用api，實現動態效果）</a></h3> <p>閱讀 908<span>·</span>2019-08-30 15:55</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/116755.html">【零基礎入門】 css學習筆記（4）布局與定位介紹</a></h3> <p>閱讀 2933<span>·</span>2019-08-30 15:53</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/114152.html">關于響應式布局，你必須要知道的</a></h3> <p>閱讀 1939<span>·</span>2019-08-29 17:11</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/113957.html">python大佬養成計劃----HTML網頁設計（表單）</a></h3> <p>閱讀 814<span>·</span>2019-08-29 16:52</p></li> </ul> </div>  <div id="asuousc" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動</span></h6> <div id="2wcu0c0" class="com_adbox"> <div id="ueik2aq" 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>  <div id="wqwmiim" 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>  <div id="sik0oco" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div>  <div id="yuoqkmc" class="site-mobile-shade"></div>  <div class="u0aswwi" id="payread"> <div id="oaw0mo2" class="layui-form-item">閱讀需要支付1元查看</div> <div id="ckquyo0" 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="csi00s0" class="layui-container"> <div id="k2aukkw" class="flex_box_zd"> <div id="ma0ou22" 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="cqgwm2i" 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="uceio2o" 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>  <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="sqayi" class="pl_css_ganrao" style="display: none;"><del id="sqayi"></del><tr id="sqayi"><pre id="sqayi"><td id="sqayi"></td></pre></tr><strike id="sqayi"></strike><del id="sqayi"><dfn id="sqayi"><rt id="sqayi"></rt></dfn></del><tfoot id="sqayi"></tfoot><th id="sqayi"><object id="sqayi"><li id="sqayi"></li></object></th><wbr id="sqayi"><cite id="sqayi"><table id="sqayi"></table></cite></wbr><sup id="sqayi"></sup><source id="sqayi"><strong id="sqayi"><optgroup id="sqayi"></optgroup></strong></source><noframes id="sqayi"></noframes><option id="sqayi"></option><button id="sqayi"><dd id="sqayi"><dl id="sqayi"></dl></dd></button><acronym id="sqayi"></acronym><xmp id="sqayi"><strike id="sqayi"><input id="sqayi"></input></strike></xmp><center id="sqayi"></center><delect id="sqayi"><tbody id="sqayi"><s id="sqayi"></s></tbody></delect><input id="sqayi"></input><abbr id="sqayi"></abbr><nav id="sqayi"><li id="sqayi"><option id="sqayi"></option></li></nav><menu id="sqayi"></menu><center id="sqayi"></center><strong id="sqayi"></strong><th id="sqayi"><optgroup id="sqayi"><abbr id="sqayi"></abbr></optgroup></th><li id="sqayi"><option id="sqayi"><samp id="sqayi"></samp></option></li><acronym id="sqayi"></acronym><option id="sqayi"></option><center id="sqayi"></center><center id="sqayi"></center><delect id="sqayi"></delect><bdo id="sqayi"><abbr id="sqayi"><kbd id="sqayi"></kbd></abbr></bdo><strong id="sqayi"><em id="sqayi"><del id="sqayi"></del></em></strong><ul id="sqayi"><dfn id="sqayi"><source id="sqayi"></source></dfn></ul><strong id="sqayi"></strong><delect id="sqayi"></delect><center id="sqayi"></center><noframes id="sqayi"></noframes><optgroup id="sqayi"></optgroup><dfn id="sqayi"><source id="sqayi"><code id="sqayi"></code></source></dfn><input id="sqayi"></input><abbr id="sqayi"></abbr><center id="sqayi"></center><xmp id="sqayi"><tfoot id="sqayi"><input id="sqayi"></input></tfoot></xmp><object id="sqayi"></object><cite id="sqayi"></cite><sup id="sqayi"></sup><em id="sqayi"></em><center id="sqayi"><dl id="sqayi"><nav id="sqayi"></nav></dl></center><optgroup id="sqayi"><abbr id="sqayi"><center id="sqayi"></center></abbr></optgroup><dd id="sqayi"></dd><input id="sqayi"></input><strong id="sqayi"></strong><pre id="sqayi"><blockquote id="sqayi"><tfoot id="sqayi"></tfoot></blockquote></pre><s id="sqayi"></s><code id="sqayi"></code><tbody id="sqayi"><pre id="sqayi"><blockquote id="sqayi"></blockquote></pre></tbody><dd id="sqayi"><tbody id="sqayi"><object id="sqayi"></object></tbody></dd><object id="sqayi"></object><tbody id="sqayi"></tbody><tfoot id="sqayi"></tfoot><source id="sqayi"></source><noframes id="sqayi"></noframes><noframes id="sqayi"></noframes><wbr id="sqayi"></wbr><input id="sqayi"></input><cite id="sqayi"></cite><object id="sqayi"></object><xmp id="sqayi"></xmp><center id="sqayi"></center><object id="sqayi"></object><small id="sqayi"><option id="sqayi"><delect id="sqayi"></delect></option></small><center id="sqayi"></center><cite id="sqayi"></cite><center id="sqayi"></center><bdo id="sqayi"><option id="sqayi"><kbd id="sqayi"></kbd></option></bdo><center id="sqayi"></center><td id="sqayi"></td><rt id="sqayi"><code id="sqayi"><noframes id="sqayi"></noframes></code></rt><optgroup id="sqayi"></optgroup><dl id="sqayi"></dl><samp id="sqayi"></samp><xmp id="sqayi"><strike id="sqayi"><input id="sqayi"></input></strike></xmp><del id="sqayi"></del><cite id="sqayi"></cite><rt id="sqayi"></rt><sup id="sqayi"></sup><em id="sqayi"><del id="sqayi"><sup id="sqayi"></sup></del></em><bdo id="sqayi"></bdo><center id="sqayi"></center><strong id="sqayi"></strong><delect id="sqayi"></delect><center id="sqayi"></center><noscript id="sqayi"></noscript><wbr id="sqayi"></wbr><pre id="sqayi"></pre><abbr id="sqayi"></abbr><acronym id="sqayi"></acronym><object id="sqayi"></object><cite id="sqayi"></cite><xmp id="sqayi"><strike id="sqayi"><input id="sqayi"></input></strike></xmp><noframes id="sqayi"></noframes><rt id="sqayi"><code id="sqayi"><noframes id="sqayi"></noframes></code></rt><object id="sqayi"></object><noframes id="sqayi"></noframes><center id="sqayi"></center><li id="sqayi"></li><code id="sqayi"><noframes id="sqayi"><del id="sqayi"></del></noframes></code><del id="sqayi"></del><menu id="sqayi"><noscript id="sqayi"><pre id="sqayi"></pre></noscript></menu><acronym id="sqayi"></acronym><th id="sqayi"><nav id="sqayi"><abbr id="sqayi"></abbr></nav></th><tbody id="sqayi"></tbody><noscript id="sqayi"></noscript><tfoot id="sqayi"></tfoot><bdo id="sqayi"></bdo><nav id="sqayi"><li id="sqayi"><button id="sqayi"></button></li></nav><kbd id="sqayi"></kbd><small id="sqayi"><option id="sqayi"><delect id="sqayi"></delect></option></small><s id="sqayi"></s><center id="sqayi"></center><noframes id="sqayi"></noframes><pre id="sqayi"></pre><em id="sqayi"></em><input id="sqayi"></input><option id="sqayi"><delect id="sqayi"><pre id="sqayi"></pre></delect></option><small id="sqayi"></small><nav id="sqayi"><abbr id="sqayi"><button id="sqayi"></button></abbr></nav><pre id="sqayi"></pre><xmp id="sqayi"><fieldset id="sqayi"><table id="sqayi"></table></fieldset></xmp><tbody id="sqayi"></tbody><wbr id="sqayi"><cite id="sqayi"><abbr id="sqayi"></abbr></cite></wbr><delect id="sqayi"></delect><source id="sqayi"><code id="sqayi"><noframes id="sqayi"></noframes></code></source><abbr id="sqayi"><center id="sqayi"><center id="sqayi"></center></center></abbr><dl id="sqayi"></dl><th id="sqayi"><object id="sqayi"><li id="sqayi"></li></object></th><abbr id="sqayi"></abbr><button id="sqayi"></button><input id="sqayi"></input><blockquote id="sqayi"></blockquote><strike id="sqayi"><input id="sqayi"><tbody id="sqayi"></tbody></input></strike><cite id="sqayi"></cite><delect id="sqayi"></delect><strike id="sqayi"><input id="sqayi"><code id="sqayi"></code></input></strike><dfn id="sqayi"></dfn><input id="sqayi"></input><button id="sqayi"></button><tr id="sqayi"><acronym id="sqayi"><td id="sqayi"></td></acronym></tr><em id="sqayi"><blockquote id="sqayi"><dfn id="sqayi"></dfn></blockquote></em><tbody id="sqayi"></tbody><center id="sqayi"></center></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>

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

資訊專欄INFORMATION COLUMN

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

HTML常用標簽的使用