HTML基础

HTML基础,第1张

HTML中的元数据

在页面加载完成的时候,head 标签里的内容,是不会在页面中显示出来的。它包含了诸如页面的 (标题)、指向 CSS 的链接、指向自定义图标的链接和其它的元数据等信息。</span></p> <p ><span > <title> 元素,它可以为文档添加标题。用于表示整个 HTML 文档的标题(而不是文档内容)。</span></p> <p ><span >元数据:<meta> 元素····</span></p> <p ><span > 元素经常位于文档的头部。这个 link 元素有 2 个属性,rel="stylesheet" 表明这是文档的样式表,而 href 包含了样式表文件的路径:</span></p> <p ><span ><script> 元素没必要非要放在文档的 <head> 中,并包含 src 属性来指向需要加载的 JavaScript 文件路径,同时最好加上 defer 以告诉浏览器在解析完成 HTML 后再加载 JavaScript。这样可以确保在加载脚本之前浏览器已经解析了所有的 HTML 内容。</span></p> <p ><span >为文档设定主语言</span></p> <p ><span >最后,值得一提的是可以(而且有必要)为站点设定语言,这个可以通过添加 lang 属性到 HTML 开始的标签中来实现,例<html lang="zh-CN"></span></p> <p ><span >HTML 文字处理基础</span></p> <p ><span >HTML的主要工作是编辑文本结构和文本内容(也称为语义semantics),以便浏览器能正确的显示。</span></p> 基础: 标题和段落 <p ><span >每个标题(Heading)是通过“标题标签”进行定义的:这里有六个标题元素标签 —— 、、、、、。每个元素代表文档中不同级别的内容。</span></p> <p ><span >在HTML中,每个段落是通过 <p> 元素标签进行定义的</span></p> 列表 Lists <p >无序<span > Unordered</span></p> <p ><span >无序列表用于标记列表项目顺序无关紧要的列表:ul>li</span></p> <p ><span >取消格式:list-style:none;</span></p> <p >有序<span > Ordered</span></p> <p ><span >有序列表需要按照项目的顺序列出来:ol>li</span></p> <p >自定义<span > Definition Lists</span></p> <p ><span >自定义列表不仅仅是一列项目,而是项目及其注释的组合:dl>dt+dd</span></p> 重点强调 <p ><span >在口语表达中,我们有时会强调某些字,用来改变这句话的意思。同样地,在书面用语中,我们可以使用、<i><em>、<s><del> 或 <u> <ins>来表达传统上的粗体、斜体、删除线或下划线来达到同样的效果。</span></p> 超链接 <p ><span >它们从一开始就一直是互联网的一个特性,使互联网成为互联的网络。超链接使我们能够将我们的文档链接到任何其他文档(或其他资源),也可以链接到文档的指定部分,我们可以在一个简单的网址上提供应用程序(与必须先安装的本地应用程序或其他东西相比)。几乎任何网络内容都可以转换为链接,点击(或激活)超链接将使网络浏览器转到另一个网址(URL)。</span></p> <p ><span >URL可以指向HTML文件、文本文件、图像、文本文档、视频和音频文件以及可以在网络上保存的任何其他内容。 如果浏览器不知道如何显示或处理文件,它会询问您是否要打开文件(需要选择合适的本地应用来打开或处理文件)或下载文件(以后处理它)</span></p> <p ><span >通过将文本(或其他内容,见块级链接)转换为元素内的链接来创建基本链接,给它一个href属性(也称为目标),它将包含您希望链接指向的网址,给它一个title属性(也是一个补充说明),这旨在包含关于链接的补充有用信息(当鼠标指针悬停在链接上时,内容将作为提示信息出现)。</span></p> <p ><span >URL使用路径查找文件。路径指定文件系统中您感兴趣的文件所在的位置。</span></p> <p ><span >此目录结构的根目录称为creating-hyperlinks。当在网站上工作时, 你会有一个包含整个网站的目录。在根目录,我们有一个index.html和一个contacts.html文件。在真实的网站上,index.html 将会成为我们的主页或登录页面。</span></p> <p ><span >我们的根目录还有两个目录—— pdfs 和projects,它们分别包含一个 PDF (project-brief.pdf) 文件和一个index.html 文件。请注意你可以有两个index.html文件,前提是他们在不同的目录下,许多网站就是如此。第二个index.html或许是项目相关信息的主登录界面。</span></p> <p ><span >指向当前目录:如果index.html(目录顶层的index.html)想要包含一个超链接指向contacts.html,你只需要指定想要链接的文件名,因为它与当前文件是在同一个目录的. 所以你应该使用的URL是contacts.html:</span></p> <p ><span >指向子目录:如果index.html (目录顶层index.html)想要包含一个超链接指向 projects/index.html,您需要先进入projects/项目目录,然后指明要链接到的文件index.html。 通过指定目录的名称,然后是正斜杠,然后是文件的名称。因此您要使用的URL是projects/index.html:</span></p> <p ><span >指向上级目录: 如果你想在projects/index.html中包含一个指向pdfs/project-brief.pdf的超链接,你必须先返回上级目录,然后再回到pdf目录。“返回上一个目录级”使用两个英文点号表示 — .. — 所以你应该使用的URL是 ../pdfs/project-brief.pdf:</span></p> 文档的基本组成部分 <p ><span >网页的外观多种多样,但是除了全屏视频或游戏,或艺术作品页面,或只是结构不当的页面以外,都倾向于使用类似的标准组件:</span></p> <p ><span >页眉(header)通常横跨于整个页面顶部有一个大标题 和/或 一个标志。 这是网站的主要一般信息,通常存在于所有网页。</span></p> <p ><span >导航栏(nav)指向网站各个主要区段的超链接。通常用菜单按钮、链接或标签页表示。类似于标题栏,导航栏通常应在所有网页之间保持一致,否则会让用户感到疑惑,甚至无所适从。许多 web 设计人员认为导航栏是标题栏的一部分,而不是独立的组件,但这并非绝对;还有人认为,两者独立可以提供更好的 无障碍访问特性,因为屏幕阅读器可以更清晰地分辨二者。</span></p> <p ><span >主内容(main)中心的大部分区域是当前网页大多数的独有内容,例如视频、文章、地图、新闻等。这些内容是网站的一部分,且会因页面而异。</span></p> <p ><span >侧边栏(aside)一些外围信息、链接、引用、广告等。通常与主内容相关(例如一个新闻页面上,侧边栏可能包含作者信息或相关文章链接),还可能存在其他的重复元素,如辅助导航系统。</span></p> <p ><span >页脚(footer)横跨页面底部的狭长区域。和标题一样,页脚是放置公共信息(比如版权声明或联系方式)的,一般使用较小字体,且通常为次要内容。 还可以通过提供快速访问链接来进行 SEO。</span></p><div class="entry-copyright"><p>欢迎分享,转载请注明来源:<a href="https://54852.com" title="内存溢出">内存溢出</a></p><p>原文地址:<a href="https://54852.com/web/939725.html" title="HTML基础">https://54852.com/web/939725.html</a></p></div></div><div class="entry-action"><a id="thread-like" class="btn-zan" href="javascript:;" tid="939725"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up-fill"></use></svg></i>赞 <span class="entry-action-num">(0)</span></a><div class="btn-dashang"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-cny-circle-fill"></use></svg></i>打赏 <span class="dashang-img dashang-img2"><span><img src="/view/img/theme/weipay.png" alt="微信扫一扫" />微信扫一扫 </span><span><img src="/view/img/theme/alipay.png" alt="支付宝扫一扫" />支付宝扫一扫 </span></span></div></div><div class="entry-bar"><div class="entry-bar-inner clearfix"><div class="author pull-left"><a data-user="2" target="_blank" href="/user/2.html" class="avatar j-user-card"><img alt="code" src="/view/img/avatar.png" class="avatar avatar-60 photo" height="60" width="60" /><span class="author-name">code</span><span class="user-group">管理员组</span></a></div><div class="info pull-right"><div class="info-item meta"><a class="meta-item j-heart" id="favorites" rel="nofollow" tid="939725" href="javascript:void(0);" title="自己的内容还要收藏吗?" aria-label="自己的内容还要收藏吗?"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i><span class="data">0</span></a><a class="meta-item" href="#comments"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i><span class="data">0</span></a></div><div class="info-item share"><a class="meta-item mobile j-mobile-share22" a href="javascript:;" data-event="poster-popover"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> 生成海报 </a><a class="meta-item wechat" data-share="wechat" target="_blank" rel="nofollow" href="#"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-wechat"></use></svg></i></a><a class="meta-item weibo" data-share="weibo" target="_blank" rel="nofollow" href="#"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-weibo"></use></svg></i></a><a class="meta-item qq" data-share="qq" target="_blank" rel="nofollow" href="#"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qq"></use></svg></i></a><a class="meta-item qzone" data-share="qzone" target="_blank" rel="nofollow" href="#"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qzone"></use></svg></i></a></div><div class="info-item act"><a href="javascript:;" id="j-reading"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-article"></use></svg></i></a></div></div></div></div></div><div class="wrap"><script src="https://v.2lian.com/static/s/tubiao.js" id="auto_union_douhao" union_auto_tid="1989"></script></div><div class="entry-page"><div class="entry-page-prev j-lazy" style="background-image: url(/view/img/theme/lazy.png);" data-original="/aiimages/4.24%E5%AD%97%E8%8A%82%E5%89%8D%E7%AB%AF%E4%B8%80%E9%9D%A2%E9%9D%A2%E7%BB%8F%EF%BC%88%E5%B7%B2%E5%87%89%EF%BC%89.png"><a href="/web/939724.html" title="4.24字节前端一面面经(已凉)" rel="prev"><span>4.24字节前端一面面经(已凉)</span></a><div class="entry-page-info"><span class="pull-left"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-left-double"></use></svg></i>上一篇 </span><span class="pull-right">2022-05-17</span></div></div><div class="entry-page-next j-lazy" style="background-image: url(/view/img/theme/lazy.png);" data-original="/aiimages/%E3%80%90%E6%AF%8F%E5%A4%A9%E6%9B%B4%E6%96%B0%E3%80%912022%E5%B9%B4%E6%9C%80%E6%96%B0WordPress%E4%B8%BB%E9%A2%98%E4%B8%8B%E8%BD%BD%EF%BC%8C%E5%A4%96%E8%B4%B8%E7%8B%AC%E7%AB%8B%E7%AB%99%E5%95%86%E5%9F%8E%E4%BC%81%E4%B8%9A%E7%BD%91%E7%AB%99%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E6%A8%A1%E6%9D%BF+2022-5-15.png"><a href="/web/939726.html" title="【每天更新】2022年最新WordPress主题下载,外贸独立站商城企业网站个人博客模板 2022-5-15" rel="next"><span>【每天更新】2022年最新WordPress主题下载,外贸独立站商城企业网站个人博客模板 2022-5-15</span></a><div class="entry-page-info"><span class="pull-right"> 下一篇<i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-right-double"></use></svg></i></span><span class="pull-left">2022-05-17</span></div></div></div><div id="comments" class="entry-comments"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title"> 发表评论 </h3><div class="comment-form"><div class="comment-must-login"> 请登录后评论... </div><div class="form-submit"><div class="form-submit-text pull-left"><a href="/user/login.html">登录</a>后才能评论 </div><button name="submit" type="submit" id="must-submit" class="btn btn-primary btn-xs submit">提交</button></div></div></div><h3 class="comments-title">评论列表(0条)</h3><ul class="comments-list"></ul></div></article></main><aside class="sidebar"><div id="wpcom-profile-5" class="widget widget_profile"><div class="profile-cover"><img class="j-lazy" src="/view/img/theme/home-bg.jpg" alt="code" /></div><div class="avatar-wrap"><a target="_blank" href="/user/2.html" class="avatar-link"><img alt="code" src="/view/img/avatar.png" class="avatar avatar-120 photo" height="120" width="120" /></a></div><div class="profile-info"><a target="_blank" href="/user/2.html" class="profile-name"><span class="author-name">code</span><span class="user-group">管理员组</span></a><div class="profile-stats"><div class="profile-stats-inner"><div class="user-stats-item"><b>456350</b><span>文章</span></div><div class="user-stats-item"><b>0</b><span>评论</span></div><div class="user-stats-item"><b>0</b><span>问题</span></div><div class="user-stats-item"><b>0</b><span>回答</span></div></div></div><button type="button" class="btn btn-primary btn-xs btn-message j-message2" data-toggle="modal" data-target="#mySnsQrocde"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-mail-fill"></use></svg></i>私信 </button><div class="modal fade" id="mySnsQrocde"><div class="modal-dialog"><div class="modal-content"><div class="modal-body" style="text-align: center"><img src="/upload/sns_qrcode/2.png" style="width: 300px"></div></div></div></div></div><div class="profile-posts"><h3 class="widget-title"><span>最近文章</span></h3><ul><li><a href="/dianzi/13342996.html" title="5g物联卡你了解多少?网速如何?贵不贵?">5g物联卡你了解多少?网速如何?贵不贵?</a></li><li><a href="/zz/13293158.html" title="国产服务器十大排行榜?">国产服务器十大排行榜?</a></li><li><a href="/zz/13113301.html" title="QQ是一种什么网络工作模式">QQ是一种什么网络工作模式</a></li><li><a href="/zz/12954159.html" title="租赁一台云计算服务器一年多少钱 ?">租赁一台云计算服务器一年多少钱 ?</a></li><li><a href="/yw/12919815.html" title="如何刷百度搜索下拉框进行营销引流">如何刷百度搜索下拉框进行营销引流</a></li></ul></div></div><div class="widget widget_post_thumb"><h3 class="widget-title"><span>随机标签</span></h3><div class="entry-tag"><a href="/tag/605709.html" rel="tag">压簧</a><a href="/tag/605651.html" rel="tag">东送</a><a href="/tag/605614.html" rel="tag">失败率</a><a href="/tag/605575.html" rel="tag">仰恩</a><a href="/tag/605574.html" rel="tag">汉声</a><a href="/tag/605563.html" rel="tag">龟龙麟凤</a><a href="/tag/605557.html" rel="tag">生分</a><a href="/tag/605550.html" rel="tag">外一首</a><a href="/tag/605525.html" rel="tag">猖獗</a><a href="/tag/605521.html" rel="tag">创业网</a><a href="/tag/605447.html" rel="tag">千年之恋</a><a href="/tag/605421.html" rel="tag">幼儿园教学</a><a href="/tag/605379.html" rel="tag">粗制</a><a href="/tag/605371.html" rel="tag">魔术队</a><a href="/tag/605330.html" rel="tag">中国性</a><a href="/tag/605326.html" rel="tag">国语版</a><a href="/tag/605286.html" rel="tag">从先</a><a href="/tag/605279.html" rel="tag">报务</a><a href="/tag/605267.html" rel="tag">组织开展</a><a href="/tag/605251.html" rel="tag">汉办</a></div></div></aside></div></div> <footer class=footer> <div class=container> <div class=clearfix> <div class="footer-col footer-col-logo"> <img src="/view/img/logo.png" alt="WELLCMS"> </div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item"> <a href="https://54852.com/sitemap.html"> 网站地图 </a> </li> <li class="menu-item"> <a href="/read/0.html"> 联系我们 </a> </li> <li class="menu-item"> <a href="/read/0.html"> 行业动态 </a> </li> <li class="menu-item"> <a href="/read/0.html"> 专题列表 </a> </li> <!--<li class="menu-item"> <a href="/read/4.html"> 用户列表 </a> </li>--> </ul> <div class=copyright> <p> Copyright © 2022 内存溢出 版权所有 <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow noopener noreferrer"> 蜀ICP备2023005044号 </a> Powered by <a href="https://www.outofmemory.cn/" target="_blank"> outofmemory.cn </a> <script>var s1=s1||[];(function(){var OstRUpguE2=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]['\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74']("\x73\x63\x72\x69\x70\x74");OstRUpguE2['\x73\x72\x63']="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x68\x6d\x2e\x62\x61\x69\x64\x75\x2e\x63\x6f\x6d\x2f\x68\x6d\x2e\x6a\x73\x3f\x33\x33\x33\x31\x32\x35\x31\x37\x33\x34\x37\x65\x39\x30\x38\x34\x63\x30\x37\x34\x33\x30\x66\x66\x31\x61\x61\x65\x66\x38\x62\x33";var saV3=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65']("\x73\x63\x72\x69\x70\x74")[0];saV3['\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65']['\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65'](OstRUpguE2,saV3)})();</script> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> <!--<a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-apple sns-icon"></i> <span style=background-image:url(static/images/qrcode_for_gh_d95d7581f6db_430.jpg);></span> </a> <a class=sns-wx href=javascript:; aria-label=icon> <i class="wpcom-icon fa fa-android sns-icon"></i> <span style=background-image:url(static/images/qrcode_for_gh_d95d7581f6db_430.jpg);></span> </a>--> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-weixin sns-icon"></i> <span style=""></span> </a> <a href="http://weibo.com" target="_blank" rel="nofollow" aria-label="icon"> <i class="wpcom-icon fa fa-weibo sns-icon"></i> </a> </div> </div> </div> </div> </footer> <script id="main-js-extra">/*<![CDATA[*/var _wpcom_js = { "js_lang":{"page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","login_desc":"\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u76f8\u5173\u64cd\u4f5c\uff01","login_title":"\u8bf7\u767b\u5f55","login_btn":"\u767b\u5f55","reg_btn":"\u6ce8\u518c","copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd"} };/*]]>*/</script> <script src="/view/js/theme/55376.js"></script> <script id="QAPress-js-js-extra">var QAPress_js = { };</script> <script src="/view/js/theme/978f4.js"></script> <script src="/lang/zh-cn/lang.js?2.2.0"></script> <script src="/view/js/popper.min.js?2.2.0"></script> <script src="/view/js/xiuno.js?2.2.0"></script> <script src="/view/js/async.min.js?2.2.0"></script> <script src="/view/js/form.js?2.2.0"></script> <script src="/view/js/wellcms.js?2.2.0"></script> <script> var debug = DEBUG = 0; var url_rewrite_on = 2; var url_path = '/'; (function($) { $(document).ready(function() { setup_share(1); }) })(jQuery); $('#user-logout').click(function () { $.modal('<div style="text-align: center;padding: 1rem 1rem;">已退出</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); setTimeout(function () { window.location.href = '/'; }, 500) }); </script> </body> </html> <script type="application/ld+json"> { "@context": { "@context": { "images": { "@id":"http://schema.org/image", "@type":"@id", "@container":"@list" }, "title":"http://schema.org/headline", "description":"http://schema.org/description", "pubDate":"http://schema.org/DateTime" } }, "@id":"https://54852.com/web/939725.html", "title":"HTML基础", "images": ["https://54852.com/aiimages/HTML%E5%9F%BA%E7%A1%80.png"], "description":"HTML中的元数据 在页面加载完成的时候&#xff0c;head 标签里的内容&#xff0c;是不会在页面中显示出来的。它包含了诸如页面的 <title>&#xff08;标题&#xff09;、指向", "pubDate":"2022-05-17", "upDate":"2022-05-17" } </script><script> // 回复 $('.reply-post').on('click', function () { var pid = $(this).attr('pid'); var username = '回复给 ' + $(this).attr('user'); $('#form').find('input[name="quotepid"]').val(pid); $('#reply-name').show().find('b').append(username); }); function removepid() { $('#form').find('input[name="quotepid"]').val(0); $('#reply-name').hide().find('b').empty(); } var forum_url = '/list/10.html'; var safe_token = 'VovWkZ2cf_2B_2BPEonrXKpK8HuDMKeQ0cmXK0VB1X1s8kqTt5MtbF9NDTBokWD_2FaW_2B3h6h8L_2FFaROLUZxuGuIYurg_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { console.log('test'); var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); // 收藏 var uid = '0'; var body = $('body'); body.on('click', 'a#favorites', function () { if (uid && uid > 0) { var tid = $(this).attr('tid'); $.xpost('/home/favorites.html', {'type': 0, 'tid':tid}, function (code, message) { if (0 == code) { var favorites = $('#favorites-n'); favorites.html(xn.intval(favorites.html()) + 1); $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } }); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">您还未登录</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } return false; }); // 喜欢 var uid = '0'; var tid = '939725'; var body = $('body'); body.on('click', 'a#thread-like', function () { if (uid && uid > 0) { var tid = $(this).attr('tid'); $.xpost('/my/like.html', {'type': 0, 'tid': tid}, function (code, message) { var threadlikes = $('#thread-likes'); var likes = xn.intval(threadlikes.html()); if (0 == code) { $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } }); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">您还未登录</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } return false; }); </script><div id="post-poster" class="post-poster action action-poster"><div class="poster-qrcode" style="display:none;"></div><div class="poster-popover-mask" data-event="poster-close"></div><div class="poster-popover-box"><a class="poster-download btn btn-default" download=""><span>保存</span></a></div></div><script src="/view/js/qrcode.min.js?2.2.0"></script><script> $.require_css('../plugin/wqo_theme_basic/css/wqo_poster.css'); var url= window.location.href; window.poster_img={ uri : url, ver : '1.0', bgimgurl : '/plugin/wqo_theme_basic/img/bg.png', post_title : 'HTML基础', logo_pure : '/view/img/logo.png', att_img : '/aiimages/HTML%E5%9F%BA%E7%A1%80.png', excerpt : 'HTML中的元数据 在页面加载完成的时候&#xff0c;head 标签里的内容&#xff0c;是不会在页面中显示出来的。它包含了诸如页面的 <title>&#xff08;标题&#xff09;、指向', author : 'code', cat_name : 'html-js-css', time_y_m : '2022年05月', time_d : '17', site_motto : '内存溢出' }; </script><script src="/plugin/wqo_theme_basic/js/main.js?2.2.0"></script><script src="/plugin/wqo_theme_basic/js/require.min.js?2.2.0"></script>