HTML第一章-2


着重来说明一下标准元数据

  1. Keywords (关键字)
    说明:告诉搜索引擎你网页的关键字是什么。
    用法:

  2. Description (网页描述)
    说明:Description用来告诉搜索引擎你的网页主要内容。
    用法:

  3. Robots (机器人向导)
    说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
    用法:
    all:文件将被检索,且页面上的链接可以被查询;
    none:文件将不被检索,且页面上的链接不可以被查询;(和 “noindex, no follow” 起相同作用)
    index:文件将被检索;(让robot/spider登录)
    follow:页面上的链接可以被查询;
    noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)
    nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

  4. Author (作者)
    说明:标注网页的作者或制作组
      用法:
      注意:Content可以是:你或你的制作组的名字,或Email

  5. Copyright (版权)
    说明:标注版权
      用法:

  6. Generator (编辑器)
    说明:编辑器的说明
      用法:
      注意:Content=”你所用编辑器”

  7. revisit-after (重访)

  8. HTML规范中定义的标准名称application-name 网页中所运行的应用名称。(注意不同于标签)<br> author: 文档作者的名字<br> description:对页面内容的描述,一些浏览器将其作为书签的默认描述。<br> generator: 生成此页面的软件的标识符<br> keywords: 与页面内容相关的关键词,使用逗号分割。<br> referrer: 控制由当前文档发出的请求的HTTP Referer请求头<br> referrer的可选值<br> no-referrer: 不发送HTTP Referer请求头<br> origin: 只发送当前文档的origin<br> no-referrer-when-downgrade:<br> 如果请求目标比当前页面一样安全或更加安全,则发送完整URL<br> 如果目标页面比当前页面更加不安全,则不发送referrer【这是默认行为】<br> origin-when-cross-origin:对同源请求发送完整URL(不含参数),其他情况只发送origin<br> same-origin: 对同源请求发送完整URL(不含参数),其他情况,不发送referrer请求头<br> strict-origin:<br> 如果请求目标与当前页面一样或更加安全,发送 origin<br> 如果请求目标不如当前页面安全,不发送referrer<br> strict-origin-when-cross-origin:对同源请求发送完整URL(不含参数)<br> 其他情况<br> 如果请求目标与当前页面一样或更加安全,发送origin<br> 如果请求目标不如当前页面安全,则不发送referrer<br> unsafe-URL:对同源请求和跨源请求发送完整URL(不含参数)</p> </li> <li><p>CSS颜色调整规范中定义的标准名称<br> color-scheme : 指定与当前文档兼容的配色方案,它的可选值有:<br> normal:未指定配色方案,应当仅使用默认配色方案进行渲染<br> [light | dark]+:文档支持的一种或多种配色方案,优先第一种。<br> only light:仅支持浅色模式(浅色背景,深色前景)</p> </li> <li><p>CSS设备适配规范定义的标准名称<br>viewport<br>viewport:为视口的初始大小提供指示,目前仅用于移动设备,其可选的值有:<br>width:定义视口的宽度,可能的值:<br>一个正整数。(此时单位为像素)<br>一个字符串。(带单位的CSS宽度值)<br>device-width 表示与设备宽度一致<br>height: 定义viewport的高度,未被任浏览器使用,不介绍值了<br>initial-scale:定义设备宽度(与横竖屏相关)与视口大小之间的比例<br>是一个0.0-10.0之间的【正数】;<br>maximum-scale: 定义缩放的最大值,必须大于等于minimum-scale<br>是一个0.0-10.0之间的【正数】;<br>minimum-scale:定义缩放的最小值,必须小于等于maximum-scale<br>是一个0.0-10.0之间的【正数】;<br>user-scalable:用户是否可以缩放当前页面<br>yes 或 no ,默认为yes<br>viewport-fit : 视口是否根据设备自适应,可能的值<br>auto:不会影响“初始布局”视口,整个网页都是可查看的<br>caontain:视口被缩放以适合显示中内接的最大矩形<br>cover: 缩放视口以填充设备显示。<br>将 user-scalable 设置为 no 会阻止一切意义上的缩放,视力不好的人可能会因此无法阅读和理解页面内容</p> </li> <li><p>其它元数据名称<br>creator:当前文档的创建者,例如某个组织或者机构。如果有不止一个创建者,则应当使用多个名称为 creator 的 <meta> 元素<br>googolbot:robots 的替代名称,只被 Googlebot(Google 的网页爬虫/索引搜寻器)使用<br>publisher:当前文档的发布者/出版者<br>robots:爬虫应当遵守的规则。是一个使用逗号分隔的、由下列值构成的列表:<br>index:允许爬虫索引此页面(所有爬虫)<br>noindex:要求爬虫不索引此页面(所有爬虫)<br>follow :允许爬虫跟踪页面上链接所指向的页面(所有爬虫)<br>onfollow:要求爬虫不跟踪页面上的链接(所有爬虫)<br>all:与index,follow 等价(只针对谷歌爬虫)<br>none:与noindex, nofollow等价(只针对谷歌爬虫)<br>noarchive:要求搜索引擎不缓存页面内容(针对谷歌、雅虎、必应搜索)<br>nosnippet:要求搜索引擎不要在搜索结果页显示本页面的描述。(针对谷歌、必应搜索)<br>noimageindex:要求本页面不会成为搜索结果页中索引图像的引用页。(只针对谷歌搜索)<br>nocache:noarchive的替代名称。(只针对必应)</p> </li> </ol> <h5 id="3-http-equiv属性,content属性"><a href="#3-http-equiv属性,content属性" class="headerlink" title="3.http-equiv属性,content属性"></a>3.http-equiv属性,content属性</h5><p>http-equiv 属性用来覆盖 HTTP 回应的头信息字段,content 属性是该字段的内容。</p> <pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Security-Policy<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>default-src 'self'<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre> <p>上面代码可以覆盖 HTTP 回应的 Content-Security-Policy 字段。</p> <h4 id="lt-title-gt-标签"><a href="#lt-title-gt-标签" class="headerlink" title="<title> 标签"></a><code><title></code> 标签</h4><p>此标签用于指定页面的标题,会显示在浏览器窗口的标题栏</p> <pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>网页标题<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span></span></code></pre> <p>搜索引擎根据它排序</p> <p>这个标签的内部不能放置其他标签,只能放置无格式的纯文本</p> <h4 id="lt-body-gt-标签"><a href="#lt-body-gt-标签" class="headerlink" title="<body> 标签"></a><code><body></code> 标签</h4><p><code><body></code> 标签是一个容器标签,用于放置网页的主体内容。浏览器显示的页面内容,都是放置在它的内部。它是<code><html></code> 的第二个子元素,紧跟在<code><head></code> 后面</p> <h2 id="1-4空格和换行"><a href="#1-4空格和换行" class="headerlink" title="1.4空格和换行"></a>1.4空格和换行</h2><p>heml里的多个空格和换行最后只会被合并为一个</p> <h2 id="1-5注释"><a href="#1-5注释" class="headerlink" title="1.5注释"></a>1.5注释</h2><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token comment"><!-- 这是一个注释 --></span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre> <p>或者是</p> <pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token comment"><!-- <p>HelloWorld!</p> --></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span></span></code></pre> <h1 id=""><a href="#" class="headerlink" title=""></a></h1> </div> <hr/> <div class="reprint" id="reprint-statement"> <div class="reprint__author"> <span class="reprint-meta" style="font-weight: bold;"> <i class="fas fa-user"> 文章作者: </i> </span> <span class="reprint-info"> <a href="/about" rel="external nofollow noreferrer">韵华</a> </span> </div> <div class="reprint__type"> <span class="reprint-meta" style="font-weight: bold;"> <i class="fas fa-link"> 文章链接: </i> </span> <span class="reprint-info"> <a href="http://yunhuaCN.github.io/2023/04/14/html-di-yi-zhang-2/">http://yunhuaCN.github.io/2023/04/14/html-di-yi-zhang-2/</a> </span> </div> <div class="reprint__notice"> <span class="reprint-meta" style="font-weight: bold;"> <i class="fas fa-copyright"> 版权声明: </i> </span> <span class="reprint-info"> 本博客所有文章除特別声明外,均采用 <a href="https://creativecommons.org/licenses/by/4.0/deed.zh" rel="external nofollow noreferrer" target="_blank">CC BY 4.0</a> 许可协议。转载请注明来源 <a href="/about" target="_blank">韵华</a> ! </span> </div> </div> <script async defer> document.addEventListener("copy", function (e) { let toastHTML = '<span>复制成功,请遵循本文的转载规则</span><button class="btn-flat toast-action" onclick="navToReprintStatement()" style="font-size: smaller">查看</a>'; M.toast({html: toastHTML}) }); function navToReprintStatement() { $("html, body").animate({scrollTop: $("#reprint-statement").offset().top - 80}, 800); } </script> <div class="tag_share" style="display: block;"> <div class="post-meta__tag-list" style="display: inline-block;"> <div class="article-tag"> <a href="/tags/HTML/"> <span class="chip bg-color">HTML</span> </a> <a href="/tags/Web/"> <span class="chip bg-color">Web</span> </a> </div> </div> <div class="post_share" style="zoom: 80%; width: fit-content; display: inline-block; float: right; margin: -0.15rem 0;"> <link rel="stylesheet" type="text/css" href="/libs/share/css/share.min.css"> <div id="article-share"> <div class="social-share" data-sites="twitter,facebook,google,qq,qzone,wechat,weibo,douban,linkedin" data-wechat-qrcode-helper="<p>微信扫一扫即可分享!</p>"></div> <script src="/libs/share/js/social-share.min.js"></script> </div> </div> </div> <div id="reward"> <a href="#rewardModal" class="reward-link modal-trigger btn-floating btn-medium waves-effect waves-light red">赏</a> <!-- Modal Structure --> <div id="rewardModal" class="modal"> <div class="modal-content"> <a class="close modal-close"><i class="fas fa-times"></i></a> <h4 class="reward-title">你的赏识是我前进的动力</h4> <div class="reward-content"> <div class="reward-tabs"> <ul class="tabs row"> <li class="tab col s6 alipay-tab waves-effect waves-light"><a href="#alipay">支付宝</a></li> <li class="tab col s6 wechat-tab waves-effect waves-light"><a href="#wechat">微 信</a></li> </ul> <div id="alipay"> <img src="/medias/reward/alipay.jpg" class="reward-img" alt="支付宝打赏二维码"> </div> <div id="wechat"> <img src="/medias/reward/wechat.png" class="reward-img" alt="微信打赏二维码"> </div> </div> </div> </div> </div> </div> <script> $(function () { $('.tabs').tabs(); }); </script> </div> </div> <article id="prenext-posts" class="prev-next articles"> <div class="row article-row"> <div class="article col s12 m6" data-aos="fade-up"> <div class="article-badge left-badge text-color"> <i class="fas fa-chevron-left"></i> 上一篇</div> <div class="card"> <a href="/2023/04/16/cha-zhao-suan-fa-gai-shu/"> <div class="card-image"> <img src="/medias/featureimages/4.jpg" class="responsive-img" alt="查找算法-概述"> <span class="card-title">查找算法-概述</span> </div> </a> <div class="card-content article-content"> <div class="summary block-with-text"> </div> <div class="publish-info"> <span class="publish-date"> <i class="far fa-clock fa-fw icon-date"></i>2023-04-16 </span> <span class="publish-author"> <i class="fas fa-bookmark fa-fw icon-category"></i> <a href="/categories/%E6%9F%A5%E6%89%BE%E7%AE%97%E6%B3%95/" class="post-category"> 查找算法 </a> </span> </div> </div> <div class="card-action article-tags"> <a href="/tags/%E7%AE%97%E6%B3%95/"> <span class="chip bg-color">算法</span> </a> <a href="/tags/%E6%9F%A5%E6%89%BE%E7%AE%97%E6%B3%95/"> <span class="chip bg-color">查找算法</span> </a> </div> </div> </div> <div class="article col s12 m6" data-aos="fade-up"> <div class="article-badge right-badge text-color"> 下一篇 <i class="fas fa-chevron-right"></i> </div> <div class="card"> <a href="/2023/04/14/html-di-yi-zhang-1/"> <div class="card-image"> <img src="/medias/featureimages/13.jpg" class="responsive-img" alt="HTML第一章-1"> <span class="card-title">HTML第一章-1</span> </div> </a> <div class="card-content article-content"> <div class="summary block-with-text"> </div> <div class="publish-info"> <span class="publish-date"> <i class="far fa-clock fa-fw icon-date"></i>2023-04-14 </span> <span class="publish-author"> <i class="fas fa-bookmark fa-fw icon-category"></i> <a href="/categories/Web/" class="post-category"> Web </a> </span> </div> </div> <div class="card-action article-tags"> <a href="/tags/HTML/"> <span class="chip bg-color">HTML</span> </a> <a href="/tags/Web/"> <span class="chip bg-color">Web</span> </a> </div> </div> </div> </div> </article> </div> <script> $('#articleContent').on('copy', function (e) { // IE8 or earlier browser is 'undefined' if (typeof window.getSelection === 'undefined') return; var selection = window.getSelection(); // if the selection is short let's not annoy our users. if (('' + selection).length < Number.parseInt('50')) { return; } // create a div outside of the visible area and fill it with the selected text. var bodyElement = document.getElementsByTagName('body')[0]; var newdiv = document.createElement('div'); newdiv.style.position = 'absolute'; newdiv.style.left = '-99999px'; bodyElement.appendChild(newdiv); newdiv.appendChild(selection.getRangeAt(0).cloneContents()); // we need a <pre> tag workaround. // otherwise the text inside "pre" loses all the line breaks! if (selection.getRangeAt(0).commonAncestorContainer.nodeName === 'PRE' || selection.getRangeAt(0).commonAncestorContainer.nodeName === 'CODE') { newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>"; } var url = document.location.href; newdiv.innerHTML += '<br />' + '来源: yunhua<br />' + '文章作者: 韵华<br />' + '文章链接: <a href="' + url + '">' + url + '</a><br />' + '本文章著作权归作者所有,任何形式的转载都请注明出处。'; selection.selectAllChildren(newdiv); window.setTimeout(function () {bodyElement.removeChild(newdiv);}, 200); }); </script> <!-- 代码块功能依赖 --> <script type="text/javascript" src="/libs/codeBlock/codeBlockFuction.js"></script> <!-- 是否加载使用自带的 prismjs. --> <script type="text/javascript" src="/libs/prism/prism.min.js"></script> <!-- 代码语言 --> <script type="text/javascript" src="/libs/codeBlock/codeLang.js"></script> <!-- 代码块复制 --> <script type="text/javascript" src="/libs/codeBlock/codeCopy.js"></script> <!-- 代码块收缩 --> <script type="text/javascript" src="/libs/codeBlock/codeShrink.js"></script> </div> <div id="toc-aside" class="expanded col l3 hide-on-med-and-down"> <div class="toc-widget card" style="background-color: white;"> <div class="toc-title"><i class="far fa-list-alt"></i>  目录</div> <div id="toc-content"></div> </div> </div> </div> <!-- TOC 悬浮按钮. --> <div id="floating-toc-btn" class="hide-on-med-and-down"> <a class="btn-floating btn-large bg-color"> <i class="fas fa-list-ul"></i> </a> </div> <script src="/libs/tocbot/tocbot.min.js"></script> <script> $(function () { tocbot.init({ tocSelector: '#toc-content', contentSelector: '#articleContent', headingsOffset: -($(window).height() * 0.4 - 45), collapseDepth: Number('0'), headingSelector: 'h2, h3, h4' }); // Set scroll toc fixed. let tocHeight = parseInt($(window).height() * 0.4 - 64); let $tocWidget = $('.toc-widget'); $(window).scroll(function () { let scroll = $(window).scrollTop(); /* add post toc fixed. */ if (scroll > tocHeight) { $tocWidget.addClass('toc-fixed'); } else { $tocWidget.removeClass('toc-fixed'); } }); /* 修复文章卡片 div 的宽度. */ let fixPostCardWidth = function (srcId, targetId) { let srcDiv = $('#' + srcId); if (srcDiv.length === 0) { return; } let w = srcDiv.width(); if (w >= 450) { w = w + 21; } else if (w >= 350 && w < 450) { w = w + 18; } else if (w >= 300 && w < 350) { w = w + 16; } else { w = w + 14; } $('#' + targetId).width(w); }; // 切换TOC目录展开收缩的相关操作. const expandedClass = 'expanded'; let $tocAside = $('#toc-aside'); let $mainContent = $('#main-content'); $('#floating-toc-btn .btn-floating').click(function () { if ($tocAside.hasClass(expandedClass)) { $tocAside.removeClass(expandedClass).hide(); $mainContent.removeClass('l9'); } else { $tocAside.addClass(expandedClass).show(); $mainContent.addClass('l9'); } fixPostCardWidth('artDetail', 'prenext-posts'); }); }); </script> </main> <footer class="page-footer bg-color"> <div class="container row center-align" style="margin-bottom: 15px !important;"> <div class="col s12 m8 l8 copy-right"> Copyright © <span id="year">2023-2024</span> <a href="/about" target="_blank">韵华</a> <!-- | Powered by <a href="https://hexo.io/" target="_blank">Hexo</a> --> <!-- | Theme <a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">Matery</a> --> <br>  <i class="fas fa-chart-area"></i> 站点总字数: <span class="white-color">9.7k</span> <span id="busuanzi_container_site_pv">  | <i class="far fa-eye"></i> 总访问量:  <span id="busuanzi_value_site_pv" class="white-color"></span> </span> <span id="busuanzi_container_site_uv">  | <i class="fas fa-users"></i> 总访问人数:  <span id="busuanzi_value_site_uv" class="white-color"></span> </span> <br> <!-- 运行天数提醒. --> <span id="sitetime"> Loading ...</span> <script> var calcSiteTime = function () { var seconds = 1000; var minutes = seconds * 60; var hours = minutes * 60; var days = hours * 24; var years = days * 365; var today = new Date(); var startYear = "2023"; var startMonth = "4"; var startDate = "10"; var startHour = "22"; var startMinute = "0"; var startSecond = "0"; var todayYear = today.getFullYear(); var todayMonth = today.getMonth() + 1; var todayDate = today.getDate(); var todayHour = today.getHours(); var todayMinute = today.getMinutes(); var todaySecond = today.getSeconds(); var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond); var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond); var diff = t2 - t1; var diffYears = Math.floor(diff / years); var diffDays = Math.floor((diff / days) - diffYears * 365); // 区分是否有年份. var language = 'zh-CN'; if (startYear === String(todayYear)) { document.getElementById("year").innerHTML = todayYear; var daysTip = 'This site has been running for ' + diffDays + ' days'; if (language === 'zh-CN') { daysTip = '本站已运行 ' + diffDays + ' 天'; } else if (language === 'zh-HK') { daysTip = '本站已運行 ' + diffDays + ' 天'; } document.getElementById("sitetime").innerHTML = daysTip; } else { document.getElementById("year").innerHTML = startYear + " - " + todayYear; var yearsAndDaysTip = 'This site has been running for ' + diffYears + ' years and ' + diffDays + ' days'; if (language === 'zh-CN') { yearsAndDaysTip = '本站已运行 ' + diffYears + ' 年 ' + diffDays + ' 天'; } else if (language === 'zh-HK') { yearsAndDaysTip = '本站已運行 ' + diffYears + ' 年 ' + diffDays + ' 天'; } document.getElementById("sitetime").innerHTML = yearsAndDaysTip; } } calcSiteTime(); </script> <br> </div> <div class="col s12 m4 l4 social-link social-statis"> <a href="https://github.com/yunhuaCN" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50"> <i class="fab fa-github"></i> </a> <a href="mailto:z1521590789@163.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50"> <i class="fas fa-envelope-open"></i> </a> <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=1521590789" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 1521590789" data-position="top" data-delay="50"> <i class="fab fa-qq"></i> </a> <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50"> <i class="fas fa-rss"></i> </a> </div> </div> </footer> <div class="progress-bar"></div> <!-- 搜索遮罩框 --> <div id="searchModal" class="modal"> <div class="modal-content"> <div class="search-header"> <span class="title"><i class="fas fa-search"></i>  搜索</span> <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字" class="search-input"> </div> <div id="searchResult"></div> </div> </div> <script type="text/javascript"> $(function () { var searchFunc = function (path, search_id, content_id) { 'use strict'; $.ajax({ url: path, dataType: "xml", success: function (xmlResponse) { // get the contents from search data var datas = $("entry", xmlResponse).map(function () { return { title: $("title", this).text(), content: $("content", this).text(), url: $("url", this).text() }; }).get(); var $input = document.getElementById(search_id); var $resultContent = document.getElementById(content_id); $input.addEventListener('input', function () { var str = '<ul class=\"search-result-list\">'; var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/); $resultContent.innerHTML = ""; if (this.value.trim().length <= 0) { return; } // perform local searching datas.forEach(function (data) { var isMatch = true; var data_title = data.title.trim().toLowerCase(); var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase(); var data_url = data.url; data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url; var index_title = -1; var index_content = -1; var first_occur = -1; // only match artiles with not empty titles and contents if (data_title !== '' && data_content !== '') { keywords.forEach(function (keyword, i) { index_title = data_title.indexOf(keyword); index_content = data_content.indexOf(keyword); if (index_title < 0 && index_content < 0) { isMatch = false; } else { if (index_content < 0) { index_content = 0; } if (i === 0) { first_occur = index_content; } } }); } // show search results if (isMatch) { str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>"; var content = data.content.trim().replace(/<[^>]+>/g, ""); if (first_occur >= 0) { // cut out 100 characters var start = first_occur - 20; var end = first_occur + 80; if (start < 0) { start = 0; } if (start === 0) { end = 100; } if (end > content.length) { end = content.length; } var match_content = content.substr(start, end); // highlight all keywords keywords.forEach(function (keyword) { var regS = new RegExp(keyword, "gi"); match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>"); }); str += "<p class=\"search-result\">" + match_content + "...</p>" } str += "</li>"; } }); str += "</ul>"; $resultContent.innerHTML = str; }); } }); }; searchFunc('/search.xml', 'searchInput', 'searchResult'); }); </script> <!-- 白天和黑夜主题 --> <div class="stars-con"> <div id="stars"></div> <div id="stars2"></div> <div id="stars3"></div> </div> <script> function switchNightMode() { $('<div class="Cuteen_DarkSky"><div class="Cuteen_DarkPlanet"></div></div>').appendTo($('body')), setTimeout(function () { $('body').hasClass('DarkMode') ? ($('body').removeClass('DarkMode'), localStorage.setItem('isDark', '0'), $('#sum-moon-icon').removeClass("fa-sun").addClass('fa-moon')) : ($('body').addClass('DarkMode'), localStorage.setItem('isDark', '1'), $('#sum-moon-icon').addClass("fa-sun").removeClass('fa-moon')), setTimeout(function () { $('.Cuteen_DarkSky').fadeOut(1e3, function () { $(this).remove() }) }, 2e3) }) } </script> <!-- 回到顶部按钮 --> <div id="backTop" class="top-scroll"> <a class="btn-floating btn-large waves-effect waves-light" href="#!"> <i class="fas fa-arrow-up"></i> </a> </div> <script src="/libs/materialize/materialize.min.js"></script> <script src="/libs/masonry/masonry.pkgd.min.js"></script> <script src="/libs/aos/aos.js"></script> <script src="/libs/scrollprogress/scrollProgress.min.js"></script> <script src="/libs/lightGallery/js/lightgallery-all.min.js"></script> <script src="/js/matery.js"></script> <!-- 雪花特效 --> <!-- 鼠标星星特效 --> <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script> <script src="/libs/others/TencentCaptcha.js"></script> <button id="TencentCaptcha" data-appid="xxxxxxxxxx" data-cbfn="callback" type="button" hidden></button> <!-- Baidu Analytics --> <!-- Baidu Push --> <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> <script src="/libs/others/clicklove.js" async="async"></script> <script async src="/libs/others/busuanzi.pure.mini.js"></script> <!--腾讯兔小巢--> <script src="/libs/instantpage/instantpage.js" type="module"></script> <script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/miku.model.json"},"display":{"position":"right","width":250,"height":500},"mobile":{"show":true},"log":false});</script></body> </html>