（備註：H5表示HTML5新增）
根元素
代表 HTML 或 XHTML 文件的根。其他所有元素必須是這個元素的子節點。
文件元資料
代表關於文件元資料的一個集合，包括指令碼或樣式表的連結或內容。
</p><p>定義文件的標題，將顯示在瀏覽器的標題欄或標籤頁上。該元素只能包含文字，包 含的標籤不會被解釋。</p><p><base></p><p>定義頁面上相對 URL 的基準 URL。</p><div class="base-box"></div><p>例子：<head></p><p><base href=“http：//www。w3school。com。cn/i/” /></p><p><base target=“_blank” /></p><p></head></p><p><body></p><p><img alt="HTML標籤（包括空元素、可替換元素）" data-isLoading="0" src="/static/img/blank.gif" data-src=“eg_smile。gif”> /*我們已經為影象規定了一個相對地址。由於我們已經在 head 部分規定了一個基準 URL，瀏覽器將在如下地址尋找圖片：“http：//www。w3school。com。cn/i/eg_smile。gif”*/</p><p><a href=“http：//www。baidu。com”>這是一個連結</a>/*請注意，連結會在新視窗中開啟，即使連結中沒有 target=“_blank” 屬性。這是因為 base 元素的 target 屬性已經被設定為 “_blank” 了*/</p><div class="base-box"></div><p></body></p><p><link></p><p>用於連結外部的 CSS 到該文件。</p><p><meta></p><p>定義其他 HTML 元素無法描述的元資料。</p><p><style></p><p>用於內聯 CSS。</p><p><strong> 指令碼</strong></p><p><script></p><p>定義一個內聯指令碼或連結到外部指令碼。指令碼語言是 JavaScript。</p><p><noscript></p><p>定義當瀏覽器不支援指令碼時顯示的替代文字。</p><p><template></p><p>（</p><p><strong>H5</strong></p><p>））透過 JavaScript 在執行時例項化內容的容器。</p><p>它是一種用於儲存客戶端內容的機制，該內容在頁面載入時不被渲染，但可以在執行時使用JavaScript進行</p><div class="base-box"></div><p>例項化。</p><p>可以將一個模板視為正在被儲存以供隨後在文件中使用的一個內容片段。</p><p>雖然， 在載入頁面的同時，解析器確實處理 <template>元素的內容，這樣做只是確保這些內容是有效的； 然而，</p><p>元素的內容不會被渲染。</p><p><strong>章節</strong></p><p><body></p><p>代表 HTML 文件的內容。在文件中只能有一個</p><p><body></p><p>元素。</p><p><section>（HTML5新增）</p><p>定義文件中的一個章節。</p><p><nav></p><p>（</p><p><strong>H5</strong></p><p>）定義只包含導航連結的章節。</p><div class="base-box"></div><p><article></p><p>（</p><p><strong>H5</strong></p><p>）） 定義可以獨立於內容其餘部分的完整獨立內容塊。</p><p><aside></p><p>（</p><p><strong>H5</strong></p><p>））定義和頁面內容關聯度較低的內容——如果被刪除，剩下的內容仍然很合理。</p><p><h1>，<h2>，<h3>，<h4>，<h5>，<h6></p><p>標題元素實現了六層文件標題，</p><p><h1></p><p>是最大的標題，</p><p><h6></p><p>是最小的標題。標題元素簡要地描述章節的主題。</p><p><header></p><p>（</p><p><strong>H5</strong></p><p>））定義頁面或章節的頭部。它經常包含 logo、頁面標題和導航性的目錄。</p><div class="base-box"></div><p><footer></p><p>（</p><p><strong>H5</strong></p><p>）定義頁面或章節的尾部。它經常包含版權資訊、法律資訊連結和反饋建議用的地址。</p><p><address></p><p>定義包含聯絡資訊的一個章節。</p><p><main></p><p>（</p><p><strong>H5</strong></p><p>） 定義文件中主要或重要的內容。</p><p><strong>組織內容</strong></p><p><p>定義一個段落。</p><p><hr></p><p>代表章節、文章或其他長內容中段落之間的分隔符。</p><p><pre></p><p>代表其內容已經預先排版過，格式應當保留 。</p><p><blockquote></p><p>代表引用自其他來源的內容。</p><p><ol></p><p>定義一個有序列表。</p><div class="base-box"></div><p><ul></p><p>定義一個無序列表。</p><p><li></p><p>定義列表中的一個列表項。</p><p><dl></p><p>定義一個定義列表（一系列術語和其定義）。</p><p><dt></p><p>代表一個由下一個</p><p><dd></p><p>定義的術語。</p><p><dd></p><p>代表出現在它之前術語的定義。</p><p><figure></p><p>（</p><p><strong>H5</strong></p><p>）代表一個和文件有關的圖例。</p><p><figcaption></p><p>（</p><p><strong>H5</strong></p><p>）代表一個圖例的說明。</p><p><div></p><p>代表一個通用的容器，沒有特殊含義。</p><p><strong>文字形式</strong></p><p><a></p><p>代表一個連結到其他資源的超連結。</p><p><em></p><p>代表強調文字。</p><p><strong></p><p>代表特別重要文字。</p><div class="base-box"></div><p><small></p><p>代表註釋，如免責宣告、版權宣告等，對理解文件不重要。</p><p><s></p><p>代表不準確或不相關的內容。</p><p><cite></p><p>代表作品標題。</p><p><q></p><p>代表內聯的引用。</p><p><dfn></p><p>代表一個術語包含在其最近祖先內容中的定義。</p><p><abbr></p><p>代表省略或縮寫，其完整內容在</p><p>title</p><p>屬性中。</p><p><data></p><p>（</p><p><strong>H5</strong></p><p>） 關聯一個內容的機器可讀的等價形式（該元素只在 WHATWG 版本的 HTML 標準中，不在 W3C 版本的 HTML5 標準中）。</p><div class="base-box"></div><p><time></p><p>（</p><p><strong>H5</strong></p><p>）代表日期和時間值；機器可讀的等價形式透過</p><p>datetime</p><p>屬性指定。</p><p><code></p><p>代表計算機程式碼。</p><p><var></p><p>代表程式碼中的變數。</p><p><samp></p><p>代表程式或電腦的輸出。</p><p><kbd></p><p>代表使用者輸入，一般從鍵盤輸出，但也可以代表其他輸入，如語音輸入。</p><p><sub></p><p>，</p><p><sup></p><p>分別代表下標和上標。</p><p><i></p><p>代表一段不同性質的文字，如技術術語、外文短語等。</p><p><b></p><p>代表一段需要被關注的文字。</p><p><u></p><p>代表一段需要下劃線呈現的文字註釋，如標記出拼寫錯誤的文字等。</p><div class="base-box"></div><p><mark></p><p>（</p><p><strong>H5</strong></p><p>） 代表一段需要被高亮的引用文字。</p><p><ruby></p><p>（</p><p><strong>H5</strong></p><p>） 代表被ruby 註釋標記的文字，如中文漢字和它的拼音。</p><p><rt></p><p>（</p><p><strong>H5</strong></p><p>） 代表ruby 註釋，如中文拼音。</p><p><rp></p><p>（</p><p><strong>H5</strong></p><p>） 代表 ruby 註釋兩邊的額外插入文字，用於在不支援 ruby 註釋顯示的瀏覽器中提供友好的註釋顯示。</p><p><bdi></p><p>（</p><p><strong>H5</strong></p><p>） 代表需要脫離父元素文字方向的一段文字。它允許嵌入一段不同或未知文字方向格式的文字。</p><div class="base-box"></div><p><bdo></p><p>指定子元素的文字方向，顯式地覆蓋預設的文字方向。</p><p><span></p><p>代表一段沒有特殊含義的文字，當其他語義元素都不適合文字時候可以使用該元素。</p><p><br></p><p>代表換行。</p><p><wbr></p><p>（</p><p><strong>H5</strong></p><p>）代表建議換行 （Word Break Opportunity），當文字太長需要換行時將會在此處新增換行符。</p><p><strong>編輯</strong></p><p><ins></p><p>定義增加到文件的內容。</p><p><del></p><p>定義從文件移除的內容。</p><p><strong>嵌入內容</strong></p><div class="base-box"></div><p><img></p><p>代表一張圖片。</p><p><iframe></p><p>代表一個內聯的框架。</p><p><embed></p><p>（</p><p><strong>H5</strong></p><p>） 代表一個嵌入的外部資源，如應用程式或互動內容。</p><div class="base-box"></div><p><object></p><p>代表一個外部資源，如圖片、HTML 子文件、外掛等。</p><p><param></p><p>代表</p><p><object></p><p>元素所指定的外掛的引數。</p><p><video></p><p>（</p><p><strong>H5</strong></p><p>）代表一段影片及其影片檔案和字幕，並提供了播放影片的使用者介面。</p><p><audio></p><p>（</p><p><strong>H5</strong></p><p>） 代表一段聲音，或音訊流。</p><p><source></p><p>（</p><p><strong>H5</strong></p><p>） 為</p><p><video></p><p>或</p><p><audio></p><p>這類媒體元素指定媒體源。</p><p><track></p><p>（</p><p><strong>H5</strong></p><p>） 為</p><p><video></p><p>或</p><p><audio></p><p>這類媒體元素指定文字軌道（字幕）。</p><p><canvas></p><p>（</p><p><strong>H5</strong></p><p>） 代表點陣圖區域，可以透過指令碼在它上面實時呈現圖形，如圖表、遊戲繪圖等。</p><div class="base-box"></div><p><map></p><p>與</p><p><area></p><p>元素共同定義影象對映區域。</p><p><area></p><p>與</p><p><map></p><p>元素共同定義影象對映區域。</p><p><svg></p><p>（</p><p><strong>H5</strong></p><p>） 定義一個嵌入式向量圖。</p><p><math></p><p>（</p><p><strong>H5</strong></p><p>） 定義一段數學公式。</p><p><strong>表格</strong></p><p><table></p><p>定義多維資料。</p><p><caption></p><p>代表表格的標題。</p><p><colgroup></p><p>代表表格中一組單列或多列。</p><p><col></p><p>代表表格中的列。</p><p><tbody></p><p>代表表格中一塊具體資料（表格主體）。</p><p><thead></p><p>代表表格中一塊列標籤（表頭）。</p><p><tfoot></p><p>代表表格中一塊列摘要（表尾）。</p><p><tr></p><p>代表表格中的行。</p><div class="base-box"></div><p><td></p><p>代表表格中的單元格。</p><p><th></p><p>代表表格中的頭部單元格。</p><p><strong>表單</strong></p><p><form></p><p>代表一個表單，由控制元件組成。</p><p><fieldset></p><p>代表控制元件組。</p><p><legend></p><p>代表</p><p><fieldset></p><p>控制元件組的標題。</p><p><label></p><p>代表表單控制元件的標題。</p><p><input></p><p>代表允許使用者編輯資料的資料區（文字框、單選框、複選框等）。</p><p><button></p><p>代表按鈕。</p><p><select></p><p>代表下拉框。</p><p><datalist></p><p>（</p><p><strong>H5</strong></p><p>） 代表提供給其他控制元件的一組預定義選項。</p><p><optgroup></p><p>代表一個選項分組。</p><p><option></p><p>代表一個</p><p><select></p><p>元素或</p><div class="base-box"></div><p><datalist></p><p>元素中的一個選項</p><p><textarea></p><p>代表多行文字框。</p><p><keygen></p><p>（</p><p><strong>H5</strong></p><p>） 代表一個金鑰對生成器控制元件。</p><p><output></p><p>（</p><p><strong>H5</strong></p><p>） 代表計算值。</p><p><progress></p><p>（</p><p><strong>H5</strong></p><p>） 代表進度條。</p><p><meter></p><p>（</p><p><strong>H5</strong></p><p>） 代表滑動條。</p><p><strong>互動元素</strong></p><p><details></p><p>（</p><p><strong>H5</strong></p><p>） 代表一個使用者可以（點選）獲取額外資訊或控制元件的小部件。</p><p><summary></p><p>（</p><p><strong>H5</strong></p><p>）代表</p><p><details></p><p>元素的綜述或標題。</p><p><menuitem></p><p>（</p><p><strong>H5</strong></p><p>） 代表一個使用者可以點選的選單項。</p><p><menu></p><p>（</p><p><strong>H5</strong></p><p>）代表選單。</p><div class="base-box"></div><p><strong>空元素</strong></p><p>一個</p><p><strong>空元素（empty element）</strong></p><p>可能是 HTML，SVG，或者 MathML 裡的一個不可能存在子節點（例如內嵌的元素或者元素內的文字）的element。</p><p>在 HTML 中，通常在一個空元素上使用一個閉標籤是無效的。例如，</p><p><input type=“text”></input></p><p>的閉標籤是無效的 HTML。</p><p>在 HTML 中有以下這些空元素</p><p><area></p><p><base></p><p><br></p><p><col></p><p><colgroup></p><p>when the</p><div class="base-box"></div><p>span</p><p>is present</p><p><command></p><p><embed></p><p><hr></p><p><img></p><p><input></p><p><keygen></p><p><link></p><p><meta></p><p><param></p><p><source></p><p><track></p><p><wbr></p><p><strong>Note</strong></p><p>： 在極少數情況下，空元素被錯誤地稱為“無效元素”（void elements）。</p><div class="base-box"></div><p><strong>可替換元素</strong></p><p>CSS 裡，</p><p><strong>可替換元素（replaced element）</strong></p><p>的展現不是由CSS來控制的。這些元素是一類 外觀渲染獨立於CSS的 外部物件。</p><p><strong>（自己的理解就是這些可替換元素的標籤的樣式是由標籤本身決定的，不是由自己寫的css來控制的。想改變樣式的話設定該標籤的寬高屬性可以更改）</strong></p><p>典型的可替換元素有</p><div class="base-box"></div><p><img></p><p>、</p><p><object></p><p>、</p><p><video></p><p>和 表單元素，如</p><p><textarea></p><p>、</p><p><input></p><p>。 某些元素只在一些特殊情況下表現為可替換元素，例如</p><div class="base-box"></div><p><audio></p><p>和</p><p><canvas></p><p>。 透過 CSS</p><p>content</p><p>屬性來插入的物件 被稱作</p><p><strong>匿名可替換元素（</strong></p><p>anonymous replaced elements</p><p><strong>）</strong></p><p>CSS在某些情況下會對可替換元素做特殊處理，比如計算外邊距和一些auto值。</p><p>需要注意的是，一部分（並非全部）可替換元素，本身具有尺寸和基線（baseline），會被像</p><p>vertical-align</p><div class="base-box"></div><p>之類的一些 CSS 屬性用到。</p></div><div class="article-bottom-base"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="6062099406" data-ad-format="fluid" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><div class="tags">標簽：
<a href="/tag/33022.html" title="strong">strong</a>
<a href="/tag/29977.html" title="H5">H5</a>
<a href="/tag/5893.html" title="代表">代表</a>
<a href="/tag/3724.html" title="元素">元素</a>
<a href="/tag/6761.html" title="定義">定義</a>
</div><div class="info-pre-next"><p>上一篇:<a href="/photograph/1585767.html" title="【最全接單渠道】新手插畫師去哪裡接單？">【最全接單渠道】新手插畫師去哪裡接單？</a></p><p>下一篇：<a href="/photograph/1585781.html" title="滑膜炎用什麼膏藥效果好？權威專家曝光特效藥，簡單方便又有效！">滑膜炎用什麼膏藥效果好？權威專家曝光特效藥，簡單方便又有效！</a></p></div></article><div class="wz_love"><h2 class="h_title">猜你喜歡</h2><ul><li><a href="/poetry/1565436.html" title="園林景觀的對結構瞭解不深，請問這張圖紙配筋是什麼意思？樓梯板的結構圖。?" target="_blank"><h2>園林景觀的對結構瞭解不深，請問這張圖紙配筋是什麼意思？樓梯板的結構圖。?</h2><span style="position: static;">2021-03-31</span></a></li><li><a href="/sports/1562308.html" title="SQL-Server(六)索引和資料完整性" target="_blank"><h2>SQL-Server(六)索引和資料完整性</h2><span style="position: static;">2020-01-06</span></a></li><li><a href="/painting/1482835.html" title="不同型別的化學元素週期表" target="_blank"><h2>不同型別的化學元素週期表</h2><span style="position: static;">2022-04-28</span></a></li><li><a href="/dance/1431234.html" title="女生的杏羔潮到底有多高？什麼是杏糕巢？" target="_blank"><i><img src="https://img.heatask.com/upload/thumbnail/9MR01F87MYs-MV=WNp=3pr1vrOPumjtiFz03Gjs_Oy=GBMjNa0BFnfkzAPxHLhpfFtM4OayQmCfU9ksZNH=+on=RY.jpeg" alt="女生的杏羔潮到底有多高？什麼是杏糕巢？"></i><h2>女生的杏羔潮到底有多高？什麼是杏糕巢？</h2><span>2022-05-27</span></a></li><li><a href="/game/453984.html" title="LAMMPS入門教程（2）——從in檔案建立講分子動力學模擬流程" target="_blank"><h2>LAMMPS入門教程（2）——從in檔案建立講分子動力學模擬流程</h2><span style="position: static;">2021-01-03</span></a></li></ul></div><div class="like-base"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="6062099406" data-ad-format="fluid" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></div><aside class="rbox"><div class="search-page"><div class="search_box"><form name="formsearch" method="get" target="_blank" action="/operate/search.html"><input type="text" class="input_text" name="q" placeholder="找不到想看的？搜尋看看！"/><button type="submit" class="input_submit">搜索</button></form></div></div><div class="isgood_news"><h2 class="h_title">推薦閱讀</h2><ul><li><a href="/dance/1599180.html" title="有哪些讓你產生改變的句子？" target="_blank"><em style="top: 6px">1</em><p style="text-indent:2em">有哪些讓你產生改變的句子？</p><span class="star5" style="position: static;"></span></a></li><li><a href="/pet/1599114.html" title="赤麂和國家二級保護動物毛冠鹿現身蒼山，你對這兩種動物的瞭解都有多少？" target="_blank"><i><img src="https://img.heatask.com/upload/thumbnail/c17uMy25EfC7mby9yoA8+8vsH3ZR1TNzGONsFfuPF+pYXvb61QbTi6eP0NKiGgyhGR3aF7eOr+e7XbMkcWNv2+zgH3EpHgObd5LjrhXEFq8OC3MzcXyFc.jpeg" alt="赤麂和國家二級保護動物毛冠鹿現身蒼山，你對這兩種動物的瞭解都有多少？"></i><em>2</em><p>赤麂和國家二級保護動物毛冠鹿現身蒼山，你對這兩種動物的瞭解都有多少？</p><span class="star5"></span></a></li><li><a href="/sports/1599106.html" title="各位網友大家好！男生減肥有什麼好的方法推薦一下，還有如何快速減肥？運動我也在做。?" target="_blank"><em style="top: 6px">3</em><p style="text-indent:2em">各位網友大家好！男生減肥有什麼好的方法推薦一下，還有如何快速減肥？運動我也在做。?</p><span class="star5" style="position: static;"></span></a></li><li><a href="/collect/1598961.html" title="石塑地板，最適合家用的塑膠地板" target="_blank"><i><img src="https://img.heatask.com/upload/thumbnail/UpPZYYpeUM6sw-ULVjdfwSbSqkvdUzJY7BqeVuCBw2V==qlLB04FU4p3r03Isg3at3AHFuSGp75dU5TPVkd_U_66F.jpeg" alt="石塑地板，最適合家用的塑膠地板"></i><em>4</em><p>石塑地板，最適合家用的塑膠地板</p><span class="star5"></span></a></li><li><a href="/agriculture/1598788.html" title="《1984》中溫斯頓的母親和妹妹是怎麼死的？為什麼是“為他而死”？" target="_blank"><em style="top: 6px">5</em><p style="text-indent:2em">《1984》中溫斯頓的母親和妹妹是怎麼死的？為什麼是“為他而死”？</p><span class="star5" style="position: static;"></span></a></li></ul></div><div class="isgood_news" id="side-fixed"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="6062099406" data-ad-format="fluid" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></aside></div><footer><div class="box"><ul class="footer_nav"><li><a href="/ent.html" title="娛樂">娛樂</a></li><li><a href="/history.html" title="歷史">歷史</a></li><li><a href="/culture.html" title="文化">文化</a></li><li><a href="/game.html" title="遊戲">遊戲</a></li><li><a href="/sports.html" title="體育">體育</a></li><li><a href="/collect.html" title="收藏">收藏</a></li><li><a href="/comic.html" title="動漫">動漫</a></li><li><a href="/pet.html" title="寵物">寵物</a></li><li><a href="/travel.html" title="旅遊">旅遊</a></li><li><a href="/food.html" title="美食">美食</a></li><li><a href="/poetry.html" title="詩詞">詩詞</a></li><li><a href="/quyi.html" title="曲藝">曲藝</a></li><li><a href="/painting.html" title="繪畫">繪畫</a></li><li><a href="/calligraphy.html" title="書法">書法</a></li><li><a href="/photograph.html" title="攝影">攝影</a></li><li><a href="/dance.html" title="舞蹈">舞蹈</a></li><li><a href="/agriculture.html" title="農業">農業</a></li></ul><div class="copyright"><p>Copyright © 2022熱知網</p></div></div></footer><span id="gotoup" title="返回顶部" class="icon-top"></span><script type="text/javascript">function myReady(fn){if(document.addEventListener){document.addEventListener("DOMContentLoaded",fn,false)}else{IEContentLoaded(fn)}function IEContentLoaded(fn){var d=window.document;var done=false;var init=function(){if(!done){done=true;fn()}};(function(){try{d.documentElement.doScroll('left')}catch(e){setTimeout(arguments.callee,50);return}init()})();d.onreadystatechange=function(){if(d.readyState=='complete'){d.onreadystatechange=null;init()}}}};function addEvent(obj,type,fn){if(obj.attachEvent){obj.attachEvent("on"+type,function(){fn.call(obj)})}else{obj.addEventListener(type,fn,false)}};var clickbtn=document.getElementById("mnavh");var navbar=document.getElementById("starlist");var isopen=false;clickbtn.addEventListener("click",function(){isopen=!isopen;if(isopen){navbar.style.display="block"}else{navbar.style.display="none"}});var oBtn=document.getElementById("gotoup");var timer;addEvent(window,'scroll',function(){var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;if(scrollTop>500){oBtn.style.display="block"}else{oBtn.style.display="none"}});oBtn.onclick=function(){clearInterval(timer);var start=document.documentElement.scrollTop||document.body.scrollTop;var dis=0-start;var count=Math.floor(1000/30);var n=0;timer=setInterval(function(){n++;var a=1-n/count;var cur=start+(1-Math.pow(a,3))*dis;document.documentElement.scrollTop=document.body.scrollTop=cur;if(n==count){clearInterval(timer)}},30)};function menuFixed(id){var obj=document.getElementById(id);if(obj){var _getHeight=obj.offsetTop;addEvent(window,'scroll',function(){changePos(id,_getHeight);});}};function changePos(id,height){var obj=document.getElementById(id);var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;if(scrollTop<height){obj.style.position="relative"}else{obj.style.position="fixed"}};if(document.body.offsetWidth>941&&!/Mobile|Android|webOS|iPhone|iPad|iPod|BlackBerry|SymbianOS|Windows Phone|IEMobile|Opera Mini/i.test(navigator.userAgent)){myReady(function(){menuFixed("side-fixed")});};</script><script type="text/javascript">var node_list=[].slice.apply(document.getElementsByClassName('base-box'));var availHeight=window.screen.availHeight;function getGinfo(){let new_div_dom=document.createElement("ins");new_div_dom.setAttribute("class","adsbygoogle");new_div_dom.setAttribute("style","display:block");new_div_dom.setAttribute("data-ad-client","ca-pub-8094663645581922");new_div_dom.setAttribute("data-ad-slot","6062099406");new_div_dom.setAttribute("data-ad-format","fluid");new_div_dom.setAttribute("data-full-width-responsive",true);return new_div_dom}function getGscript(){let new_script=document.createElement('script');new_script.setAttribute("src","https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8094663645581922");new_script.setAttribute("crossorigin","anonymous");return new_script}function touchend_func(event){let scrollTop=document.documentElement.scrollTop;let min_height=scrollTop+availHeight+300;for(let i=0;i<node_list.length;i++){if(!node_list[i]){continue}if(node_list[i].offsetTop<min_height){node_list[i].appendChild(getGscript());node_list[i].appendChild(getGinfo());(adsbygoogle=window.adsbygoogle||[]).push({});delete node_list[i]}else{break}}};myReady(function(){start();let clock;window.onscroll=function(){touchend_func(event);if(clock){clearTimeout(clock)}clock=setTimeout(function(){start()},200)};function start(){let imgs=document.getElementById('content').querySelectorAll('[data-isLoading="0"]');for(let i=0;i<imgs.length;i++){if(isShow(imgs[i])){loadImg(imgs[i])}}};function isShow($node){let docBody=document.documentElement||document.body;return $node.offsetTop<=docBody.clientHeight+docBody.scrollTop+200};function loadImg($img){$img.setAttribute('src',$img.getAttribute('data-src'));$img.setAttribute('data-isLoading',1)}});if(/Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent)){}else{var el_top_hids=document.getElementsByClassName('top_hid');for(var i=0;i<el_top_hids.length;i++){el_top_hids[i].style.display="none";}}</script></body></html>
