HTML学习笔记4

&Html响应式设计:

什么是响应式 Web 设计?

  • RWD 指的是响应式 Web 设计(Responsive Web Design)
  • RWD 能够以可变尺寸传递网页
  • RWD 对于平板和移动设备是必需的

How实现响应式设计?

  1. 创建自己的响应式设计
  2. 使用Bootstrap

           使用css框架来创建响应式设计

  • Bootstrap是最流行的开发响应式web的Html,css,js框架
  • Bootstrap能开发在任何尺寸的设备的站点

*****************************重点了解搜索下!************************************

&Html框架:

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

框架通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

            每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

框架结构标签

  • 框架结构标签()定义如何将窗口分割为框架
  • 每个 frameset 定义了一系列行/
  • rows/columns 的值规定了每行或每列占据屏幕的面积

注:frameset 标签也被某些文章和书籍译为框架集。

框架标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中,我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中,而 HTML 文档 "frame_b.htm" 被置于第二个列中:

  

  

&假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 标签中加入:noresize="noresize"。

为不支持框架的浏览器添加 标签。</span></p> <p style="margin-left:0in;"><strong><span style="color:#dd0000;">重要提示:</span></strong>不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。</p> <p style="margin-left:0in;">代码示例:</p> <p style="margin-left:0in;"><span style="color:#ff8003;"><html></span></p> <p style="margin-left:0in;"><span style="color:#ff8003;"><frameset cols="25%,50%,25%"></span></p> <p style="margin-left:0in;"><span style="color:#ff8003;">  <frame src="/example/html/frame_a.html"></span></p> <p style="margin-left:0in;"><span style="color:#ff8003;">  <frame src="/example/html/frame_b.html"></span></p> <p style="margin-left:0in;"><span style="color:#ff8003;">  <frame src="/example/html/frame_c.html"></span></p> <p style="margin-left:0in;"><span style="color:#ff8003;"><noframes></span></p> <p style="margin-left:0in;"><span style="color:#ff8003;"><body>您的浏览器无法处理框架!</body></span></p> <p style="margin-left:0in;"><span style="color:#ff8003;">

&Html lframe (内联框架)

~用于在网页内显示网页~

添加 iframe 的语法

URL 指向隔离页面的位置。

  • 设置宽度和高度:height 和 width 属性用于规定 iframe 的高度和宽度。属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")。
  • 删除边框:frameborder 属性规定是否显示 iframe 周围的边框。   设置属性值为 "0" 就可以移除边框:
  • iframe作为链接目标:iframe 可用作链接的目标(target),链接的 target 属性必须引用 iframe 的 name 属性:

&Html背景(在比较新的Html中已经废弃,最好用Css来定义)

背景(属性:bgcolor,Background)

提示如果你打算使用背景图片,你需要紧记一下几点:

  • 背景图像是否增加了页面的加载时间。小贴士:图像文件不应超过 10k。
  • 背景图像是否与页面中的其他图象搭配良好。
  • 背景图像是否与页面中的文字颜色搭配良好。
  • 图像在页面中平铺后,看上去还可以吗?
  • 对文字的注意力被背景图像喧宾夺主了吗?

 

&Html脚本:   JS

  1. &Html头部元素:

    HTML 元素

    元素是所有头部元素的容器。 

    以下标签都可以添加到 head 部分:、<base>、<link>、<meta>、<script> 以及 <style>。</span></p> <p style="margin-left:0in;"><span style="color:#3f3f3f;"><strong>HTML <title> 元素</strong></span></p> <p style="margin-left:0in;"><span style="color:#000000;"><strong>title 元素在所有 HTML/XHTML 文档中都是必需的。</strong></span></p> <p style="margin-left:0in;"><span style="color:#000000;">title 元素能够:</span></p> <ul style="margin-left:.375in;"> <li>定义浏览器工具栏中的标题</li> <li>提供页面被添加到收藏夹时显示的标题</li> <li>显示在搜索引擎结果中的页面标题</li> </ul> <p style="margin-left:0in;"><span style="color:#3f3f3f;"><strong>HTML <base> 元素</strong></span></p> <p style="margin-left:0in;"><strong><span style="color:#000000;"><base> 标签为页面上的所有链接规定默认地址或默认目标(target):     </span></strong>  </p> <p style="margin-left:0in;"><span style="color:#fd0404;"><base href="</span>http://www.w3school.com.cn/images/<span style="color:#fd0404;">" /></span></p> <p style="margin-left:0in;"><span style="color:#fd0404;"><base target="_blank" /></span></p> <p style="margin-left:0in;"><span style="color:#3f3f3f;"><strong>HTML <link> 元素</strong></span></p> <p style="margin-left:0in;"><span style="color:#000000;"><strong><link> 标签定义文档与外部资源之间的关系。</strong></span></p> <p style="margin-left:0in;"><span style="color:#000000;"><strong><link> 标签最常用于连接样式表:</strong></span></p> <p style="margin-left:0in;"><span style="color:#000000;">    <link rel="stylesheet" type="text/css" href="mystyle.css" /></span></p> <p style="margin-left:0in;"><span style="color:#3f3f3f;"><strong>HTML <style> 元素</strong></span></p> <p style="margin-left:0in;"><span style="color:#000000;"><strong><style> 标签用于为 HTML 文档定义样式信息。</strong></span></p> <p style="margin-left:0in;"><span style="color:#000000;"><style type="text/css"></span></p> <p style="margin-left:0in;"><span style="color:#000000;">body {background-color:yellow}</span></p> <p style="margin-left:0in;"><span style="color:#000000;">p {color:blue}</span></p> <p style="margin-left:0in;"><span style="color:#000000;"></style></span></p> <p style="margin-left:0in;"><span style="color:#ff8003;"><strong>HTML <meta> 元素</strong></span></p> <ul style="margin-left:.375in;"> <li>  <span style="color:#000000;">元数据(metadata)是关于数据的信息。<meta> 标签提供关于 HTML 文档的元数据。</span></li> </ul> <ul style="margin-left:.375in;"> <li>元数据不会显示在页面上,但是对于机器是可读的。</li> <li>元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。</li> </ul> <p><span style="color:#000000;"><strong>针对搜索引擎的关键词:</strong><strong>一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。</strong></span></p> <p style="margin-left:0in;"><span style="color:#000000;"><strong>&Html字符实体:</strong> </span></p> <p style="margin-left:0in;"><span style="color:#3f3f3f;"><strong>HTML 中的预留字符必须被替换为字符实体。</strong></span></p> <p style="margin-left:0in;"><span style="color:#09afff;"><strong>?什么是</strong><strong>预留字符</strong></span></p> <p style="margin-left:0in;"><span style="color:#09afff;"><strong>Html</strong> 中对某些字符有预定义了,若直接使用则可能产生冲突</span></p> <p style="margin-left:0in;"><span style="color:#3f3f3f;"><strong>HTML 实体</strong></span></p> <p style="margin-left:0in;"><span style="color:#fd0404;"><strong>在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。</strong></span></p> <p style="margin-left:0in;"><span style="color:#000000;">如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。</span></p> <p><span style="color:#000000;">字符实体类似这样:</span></p> <p style="margin-left:0in;"><span style="color:#000000;">&<em>entity_name</em>;</span></p> <p style="margin-left:0in;"><span style="color:#000000;">或者</span></p> <p style="margin-left:0in;"><span style="color:#000000;">&#<em>entity_number</em>;</span></p> <p><span style="color:#000000;">如需显示小于号,我们必须这样写:< 或 <</span></p> <p style="margin-left:0in;"><span style="color:#3f3f3f;"><strong>不间断空格(non-breaking space)&nbsp</strong></span></p> <p style="margin-left:0in;"><span style="color:#3f3f3f;"><strong>HTML 中有用的字符实体</strong></span></p> <p><span style="color:#000000;"><strong>注释:实体名称对大小写敏感!</strong></span></p> <table summary=""> <tbody> <tr> <td style="background-color:#3f3f3f;border-color:#a3a3a3;vertical-align:top;width:.8118in;"> <p style="margin-left:0in;"><span style="color:#FFFFFF;">显示结果</span></p> </td> <td style="background-color:#3f3f3f;border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#FFFFFF;">描述</span></p> </td> <td style="background-color:#3f3f3f;border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#FFFFFF;">实体名称</span></p> </td> <td style="background-color:#3f3f3f;border-color:#a3a3a3;vertical-align:top;width:.7284in;"> <p style="margin-left:0in;"><span style="color:#FFFFFF;">实体编号</span></p> </td> </tr> <tr> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;"> </span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">空格</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;"> </span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;"> </span></p> </td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;"><</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">小于号</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;"><</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;"><</span></p> </td> </tr> <tr> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">></span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">大于号</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">></span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">></span></p> </td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">&</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">和号</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">&</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">&</span></p> </td> </tr> <tr> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">"</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">引号</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">"</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">"</span></p> </td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">'</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">撇号 </span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.3145in;"> <p style="margin-left:0in;"><span style="color:#000000;">' (IE不支持)</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">'</span></p> </td> </tr> <tr> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">¢</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">分(cent)</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">¢</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">¢</span></p> </td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">£</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">镑(pound)</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">£</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">£</span></p> </td> </tr> <tr> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">¥</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">元(yen)</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">¥</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">¥</span></p> </td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">€</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">欧元(euro)</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">€</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:.652in;"> <p style="margin-left:0in;"><span style="color:#000000;">€</span></p> </td> </tr> <tr> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">§</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">小节</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">§</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">§</span></p> </td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">©</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.3715in;"> <p style="margin-left:0in;"><span style="color:#000000;">版权(copyright)</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">©</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">©</span></p> </td> </tr> <tr> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">®</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">注册商标</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">®</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">®</span></p> </td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">™</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">商标</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">™</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:.652in;"> <p style="margin-left:0in;"><span style="color:#000000;">™</span></p> </td> </tr> <tr> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">×</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">乘号</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">×</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">×</span></p> </td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;width:.7923in;"> <p style="margin-left:0in;"><span style="color:#000000;">÷</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.352in;"> <p style="margin-left:0in;"><span style="color:#000000;">除号</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.2951in;"> <p style="margin-left:0in;"><span style="color:#000000;">÷</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:.625in;"> <p style="margin-left:0in;"><span style="color:#000000;">÷</span></p> </td> </tr> </tbody> </table> <p style="margin-left:0in;"><strong><span style="color:#000000;">如需完整的实体符号参考,请访问我们的 </span></strong><strong>HTML 实体符号参考手册</strong><strong><span style="color:#000000;">。</span></strong></p> <p style="margin-left:0in;"><span style="color:#000000;"><strong>&HTML统一资源定位器:</strong><strong>   URL</strong></span></p> <p style="margin-left:0in;"><span style="color:#3f3f3f;"><strong>URL - Uniform Resource Locator</strong></span></p> <p style="margin-left:0in;"><span style="color:#3f3f3f;">URL格式:</span></p> <p style="margin-left:0in;">       scheme://host.domain:port/path/filename</p> <p style="margin-left:0in;"><span style="color:#000000;">解释:</span></p> <ul style="margin-left:.375in;"> <li>scheme - 定义因特网服务的类型。最常见的类型是 http</li> <li>host - 定义域主机(http 的默认主机是 www)</li> <li><span style="color:#000000;">domain - 定义因特网域名,比如 </span>w3school.com.cn</li> <li>:port - 定义主机上的端口号(http 的默认端口号是 80)</li> <li>path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。</li> <li>filename - 定义文档/资源的名称</li> </ul> <p style="margin-left:0in;"><span style="color:#3f3f3f;"><strong>URL Schemes</strong></span></p> <p style="margin-left:0in;"><span style="color:#000000;"><strong>以下是其中一些最流行的 scheme:</strong></span></p> <table summary=""> <tbody> <tr> <td style="background-color:#3f3f3f;border-color:#a3a3a3;vertical-align:top;width:.6958in;"> <p style="margin-left:0in;"><span style="color:#FFFFFF;">Scheme</span></p> </td> <td style="background-color:#3f3f3f;border-color:#a3a3a3;vertical-align:top;width:1.5215in;"> <p style="margin-left:0in;"><span style="color:#FFFFFF;">访问</span></p> </td> <td style="background-color:#3f3f3f;border-color:#a3a3a3;vertical-align:top;width:2.3583in;"> <p style="margin-left:0in;"><span style="color:#FFFFFF;">用于...</span></p> </td> </tr> <tr> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.6763in;"> <p style="margin-left:0in;"><span style="color:#000000;">http</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.5215in;"> <p style="margin-left:0in;"><span style="color:#000000;">超文本传输协议</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:2.5097in;"> <p style="margin-left:0in;"><span style="color:#000000;">以 http:// 开头的普通网页。不加密。</span></p> </td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;width:.6763in;"> <p style="margin-left:0in;"><span style="color:#000000;">https</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.5409in;"> <p style="margin-left:0in;"><span style="color:#000000;">安全超文本传输协议</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:2.4055in;"> <p style="margin-left:0in;"><span style="color:#000000;">安全网页。加密所有信息交换。</span></p> </td> </tr> <tr> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:.6763in;"> <p style="margin-left:0in;"><span style="color:#000000;">ftp</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:1.5215in;"> <p style="margin-left:0in;"><span style="color:#000000;">文件传输协议</span></p> </td> <td style="background-color:#FFFFFF;border-color:#a3a3a3;vertical-align:top;width:2.4055in;"> <p style="margin-left:0in;"><span style="color:#000000;">用于将文件下载或上传至网站。</span></p> </td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;width:.6763in;"> <p style="margin-left:0in;"><span style="color:#000000;">file</span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:1.5215in;"> <p style="margin-left:0in;"><span style="color:#000000;"> </span></p> </td> <td style="border-color:#a3a3a3;vertical-align:top;width:2.3777in;"> <p style="margin-left:0in;"><span style="color:#000000;">您计算机上的文件。</span></p> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1281975346274516992"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端Web,HTML)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1950232820773351424.htm" title="移动端城市区县二级联动选择功能实现包" target="_blank">移动端城市区县二级联动选择功能实现包</a> <span class="text-muted">good2know</span> <div>本文还有配套的精品资源,点击获取简介:本项目是一套为移动端设计的jQuery实现方案,用于简化用户在选择城市和区县时的流程。它包括所有必需文件:HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项,实现城市到区县的联动效果,支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用,并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery</div> </li> <li><a href="/article/1950225381961297920.htm" title="SpringMVC的执行流程" target="_blank">SpringMVC的执行流程</a> <span class="text-muted"></span> <div>1、什么是MVCMVC是一种设计模式。MVC的原理图如下所示M-Model模型(完成业务逻辑:有javaBean构成,service+dao+entity)V-View视图(做界面的展示jsp,html……)C-Controller控制器(接收请求—>调用模型—>根据结果派发页面2、SpringMVC是什么SpringMVC是一个MVC的开源框架,SpringMVC=Struts2+Spring,</div> </li> <li><a href="/article/1950208989954371584.htm" title="Selenium 特殊控件操作与 ActionChains 实践详解" target="_blank">Selenium 特殊控件操作与 ActionChains 实践详解</a> <span class="text-muted">小馋喵知识杂货铺</span> <a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a> <div>1.下拉框单选操作(a)使用SeleniumSelect类(标准HTML标签)Selenium提供了内置的Select类用于操作标准下拉框,这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个</div> </li> <li><a href="/article/1950207097413103616.htm" title="微信公众号回调java_处理微信公众号消息回调" target="_blank">微信公众号回调java_处理微信公众号消息回调</a> <span class="text-muted">weixin_39607620</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7%E5%9B%9E%E8%B0%83java/1.htm">微信公众号回调java</a> <div>1、背景在上一节中,咱们知道如何接入微信公众号,可是以后公众号会与咱们进行交互,那么微信公众号如何通知到咱们本身的服务器呢?咱们知道咱们接入的时候提供的url是GET/mp/entry,那么公众号以后产生的事件将会以POST/mp/entry发送到咱们本身的服务器上。html2、代码实现,此处仍是使用weixin-java-mp这个框架实现一、引入weixin-java-mpcom.github.</div> </li> <li><a href="/article/1950201094361640960.htm" title="人工智能应用研究快讯 2021-11-30" target="_blank">人工智能应用研究快讯 2021-11-30</a> <span class="text-muted">峰谷皆平</span> <div>[HTML]ArtificialIntelligenceforSkinCancerDetection:ScopingReviewATakiddin,JSchneider,YYang,AAbd-Alrazaq...JournalofMedicalInternet...,2021ABSTACT:Background:Skincanceristhemostcommoncancertypeaffectin</div> </li> <li><a href="/article/1950195876991397888.htm" title="【Jupyter】个人开发常见命令" target="_blank">【Jupyter】个人开发常见命令</a> <span class="text-muted">TIM老师</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Pycharm/1.htm">Pycharm</a><a class="tag" taget="_blank" href="/search/%26amp%3B/1.htm">&</a><a class="tag" taget="_blank" href="/search/VSCode/1.htm">VSCode</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/Jupyter/1.htm">Jupyter</a> <div>1.查看python版本importsysprint(sys.version)2.ipynb/py文件转换jupyternbconvert--topythonmy_file.ipynbipynb转换为mdjupyternbconvert--tomdmy_file.ipynbipynb转为htmljupyternbconvert--tohtmlmy_file.ipynbipython转换为pdfju</div> </li> <li><a href="/article/1950194742100815872.htm" title="用代码生成艺术字:设计个性化海报的秘密" target="_blank">用代码生成艺术字:设计个性化海报的秘密</a> <span class="text-muted"></span> <div>本文围绕“用代码生成艺术字:设计个性化海报的秘密”展开,先概述代码生成艺术字在海报设计中的独特价值,接着介绍常用的代码工具(如HTML、CSS、JavaScript等),详细阐述从构思到实现的完整流程,包括字体样式设计、动态效果添加等,还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势,为设计师提供打造个性化海报的实用指南,助力提升海报设计的独特性与吸引力,符合搜索引擎SEO标准</div> </li> <li><a href="/article/1950191165710069760.htm" title="前端面试每日 3+1 —— 第39天" target="_blank">前端面试每日 3+1 —— 第39天</a> <span class="text-muted">浪子神剑</span> <div>今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么?[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么?《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!欢迎在Iss</div> </li> <li><a href="/article/1950187223672483840.htm" title="GDP经济社会人文民生栅格数据下载网站汇总" target="_blank">GDP经济社会人文民生栅格数据下载网站汇总</a> <span class="text-muted">疯狂学习GIS</span> <div>  本文为“GIS数据获取整理”专栏(https://blog.csdn.net/zhebushibiaoshifu/category_10857546.html)中第八篇独立博客,因此本文全部标题均由“8”开头。本文对目前主要的GDP、社会与经济数据获取网站加以整理与介绍,若需其它GIS领域数据(如遥感影像数据、气象数据、土地土壤数据、农业数据等),大家可以点击上方专栏查看,也可以看这一篇汇总文</div> </li> <li><a href="/article/1950180497007112192.htm" title="【MySQL】MySQL数据库如何改名" target="_blank">【MySQL】MySQL数据库如何改名</a> <span class="text-muted">武昌库里写JAVA</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>MySQL建库授权语句https://www.jianshu.com/p/2237a9649ceeMySQL数据库改名的三种方法https://www.cnblogs.com/gomysql/p/3584881.htmlMySQL安全修改数据库名几种方法https://blog.csdn.net/haiross/article/details/51282417MySQL重命名数据库https://</div> </li> <li><a href="/article/1950130722157162496.htm" title="移动端适配rem方案" target="_blank">移动端适配rem方案</a> <span class="text-muted">简单的码农</span> <div>1.rem+动态html的font-size1.rem单位是相对于html元素的font-size来设置的,那么如果我们需要在不同的屏幕下有不同的尺寸,可以动态的修改html的font-size尺寸。2.比如如下案例:设置一个盒子的宽度是2rem;设置不同的屏幕上html的font-size不同;image这样在开发中,我们只需要考虑两个问题:问题一:针对不同的屏幕,设置html不同的font-s</div> </li> <li><a href="/article/1950130692448907264.htm" title="Vue CSR 到 Nuxt 3 SSR 迁移:技术实现与问题解决实录" target="_blank">Vue CSR 到 Nuxt 3 SSR 迁移:技术实现与问题解决实录</a> <span class="text-muted">二倍速播放</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>1.迁移动机与技术选型1.1CSR架构的局限性基于Vue3和Vite构建的客户端渲染(CSR)单页应用(SPA)提供了良好的开发体验和用户交互流畅性。但是其核心局限在于:搜索引擎优化(SEO):初始HTML响应仅包含一个根div元素,实际内容由JavaScript在浏览器端动态生成。虽然主流搜索引擎(如Google)能够执行部分JavaScript,但其抓取效率和稳定性不如直接获取完整HTML。非</div> </li> <li><a href="/article/1950127794931429376.htm" title="redis反弹shell时kali无法接收回弹的解决方法" target="_blank">redis反弹shell时kali无法接收回弹的解决方法</a> <span class="text-muted">显哥无敌</span> <a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>无法接受回谈大概率是bash命令写的不对,那个crontab中间的星号个数是有意义的,不是随便加的,下面贴一下crontab的基本用法https://www.cnblogs.com/zhoading/p/11572630.html{minute}{hour}{day-of-month}{month}{day-of-week}{full-path-to-shell-script}如果是要cronta</div> </li> <li><a href="/article/1950121289456873472.htm" title="native.js设置可缩放的webview并隐藏缩放控件" target="_blank">native.js设置可缩放的webview并隐藏缩放控件</a> <span class="text-muted">Nanayai</span> <div>需求明确:webview页面可以手指缩放,并且不要那个原生控件;实现思路:1.使用h5+封装好的方法:设置scalable属性,并在html中设置meta标签:user-scalable=yes或不设置,minimum-scale和maximum-scale需要注意不要都设为1:mui.openWindow({url:"someThing",id:"someThing",styles:{scala</div> </li> <li><a href="/article/1950117078799282176.htm" title="Redis反弹Shell" target="_blank">Redis反弹Shell</a> <span class="text-muted">波吉爱睡觉</span> <a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%23%E6%9C%AA%E6%8E%88%E6%9D%83%E8%AE%BF%E9%97%AE%E6%BC%8F%E6%B4%9E/1.htm">#未授权访问漏洞</a><a class="tag" taget="_blank" href="/search/%23SSRF/1.htm">#SSRF</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a> <div>这里我来总结几种Redis反弹Shell的方法一、利用Redis写WebShell前提条件开了web服务器,并且知道路径,还需要有文件读写增删改查的权限条件比较苛刻,但是满足条件上传就会简单一点,我们直接将文件写入www目录下,完了使用工具连接即可。语句:redis:6379>configsetdir/var/www/html/redis:6379>configsetdbfilenameshell</div> </li> <li><a href="/article/1950108839089074176.htm" title="Windows下Oracle安装图解" target="_blank">Windows下Oracle安装图解</a> <span class="text-muted">叫我老村长</span> <div>Windows下Oracle安装图解----oracle-win-64-11g详细安装步骤一、Oracle下载官方下地址http://www.oracle.com/technetwork/database/enterprise-edition/downloads/index.htmlwin32位操作系统下载地址:http://download.oracle.com/otn/nt/oracle11g</div> </li> <li><a href="/article/1950104727928762368.htm" title="震惊!DOM变化监控神器MutationObserver,前端开发必知的隐藏武器!" target="_blank">震惊!DOM变化监控神器MutationObserver,前端开发必知的隐藏武器!</a> <span class="text-muted">coding随想</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>一、什么是MutationObserver?如果你是一个前端开发者,一定会遇到这样的场景:页面动态加载内容后,某些操作失效了。比如,你写了一个监听按钮点击的代码,但按钮是通过AJAX动态加载的,你的代码根本无法触发。这个时候,你就需要一个“监控哨兵”——MutationObserver,它能实时监听DOM树的变化,帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入</div> </li> <li><a href="/article/1950100184717389824.htm" title="11. HTML 中 DOCTYPE 的作用" target="_blank">11. HTML 中 DOCTYPE 的作用</a> <span class="text-muted">yqcoder</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95-CSS/1.htm">前端面试-CSS</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容(在任何HTML标签之前),以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式:DOCTYPE声明的主要作用是让浏览器以标准模式(StandardsMode)来解析和渲染页面,而不是以兼容模式(QuirksMode)。兼容性:在没有DOCT</div> </li> <li><a href="/article/1950100058422702080.htm" title="从0到1学PHP(一):PHP 基础入门:开启后端开发之旅" target="_blank">从0到1学PHP(一):PHP 基础入门:开启后端开发之旅</a> <span class="text-muted"></span> <div>目录一、PHP简介与发展历程1.1PHP定义与特点1.2在后端开发中的地位1.3发展阶段及重要版本更新二、PHP开发环境搭建2.1Windows系统下搭建步骤2.2Mac系统下搭建方法及常用工具2.3适合初学者的集成开发环境三、第一个PHP程序3.1编写"HelloWorld"程序3.2程序基本结构和执行过程3.3PHP代码的嵌入方式(在HTML中)一、PHP简介与发展历程1.1PHP定义与特点P</div> </li> <li><a href="/article/1950076871731376128.htm" title="C# 单问号 ? 与 双问号 ??" target="_blank">C# 单问号 ? 与 双问号 ??</a> <span class="text-muted">三分明月墨</span> <a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a> <div>https://www.runoob.com/csharp/csharp-nullable.html</div> </li> <li><a href="/article/1950005884310581248.htm" title="JSP编程从入门到精通:现代Web开发与AI集成实战指南" target="_blank">JSP编程从入门到精通:现代Web开发与AI集成实战指南</a> <span class="text-muted">AI编程员</span> <a class="tag" taget="_blank" href="/search/001AI%E4%BC%A0%E7%BB%9F%EF%BC%86%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">001AI传统&编程语言</a><a class="tag" taget="_blank" href="/search/002AI%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7%E6%B1%87%E6%80%BB/1.htm">002AI编程工具汇总</a><a class="tag" taget="_blank" href="/search/003AI%E7%BC%96%E7%A8%8B%E4%BD%9C%E5%93%81%E6%B1%87%E6%80%BB/1.htm">003AI编程作品汇总</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/AI%E7%BC%96%E7%A8%8B/1.htm">AI编程</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a> <div>JSP编程从入门到精通:现代Web开发与AI集成实战指南一、JSP基础与环境搭建1.1JSP核心概念与工作原理JSP(JavaServerPages)是一种动态网页开发技术,通过在HTML中嵌入Java代码实现服务器端逻辑。其本质是Servlet的扩展,当客户端首次请求JSP页面时,服务器会将其编译为Servlet类(如index_jsp.java),再执行该类的_jspService()方法生成</div> </li> <li><a href="/article/1949991125741793280.htm" title="《博客园精华集》web标准分册第2论筛选结果文章列表" target="_blank">《博客园精华集》web标准分册第2论筛选结果文章列表</a> <span class="text-muted"></span> <div>《博客园精华集》web标准部分筛选结果(共55篇)一个喜欢网页设计的程序员作者:Awen根本不存在DIV+CSS布局这回事作者:CatChen欲练CSS,必先宫IE作者:CatChen你有强迫症吗?作者:CatChenSPAN元素和DIV元素的区别作者:ChrisLiudiv的认识作者:ChrisLiu实时检验您的页面是否符合XHTML标准——使用ValidatorModule作者:Dflying</div> </li> <li><a href="/article/1949966916076498944.htm" title="vue 使用 iFrame 嵌套带有登录的网站 登录成功 无法跳转" target="_blank">vue 使用 iFrame 嵌套带有登录的网站 登录成功 无法跳转</a> <span class="text-muted">WHY<=小氣鬼=></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>这个问题有点好玩,当时做的时候没想起来,哎不说讲一下问题1.项目在使用iFrame标签嵌套其他,网址或者自己的网址的时候如果没有登录只是浏览是没有问题的2.如个你使用Frame标签嵌套的网址是带有登录的需要注意两个网站是不是在统一域名下面如果在就可以正常登录,如果不在的话会出现登录成功但是无法跳转的问题3.在Vue项目中使用iFrame嵌套本地.html文件,本地.html文件向父页面抛出的方法或</div> </li> <li><a href="/article/1949950148306071552.htm" title="响应式电子邮件设计指南:MJML实践教程" target="_blank">响应式电子邮件设计指南:MJML实践教程</a> <span class="text-muted"></span> <div>本文还有配套的精品资源,点击获取简介:响应式设计在电子邮件领域至关重要,确保邮件内容在各种设备上均能良好显示。MJML(MailjetMarkupLanguage)是一个专门用于创建响应式电子邮件模板的开源标记语言。本示例详细介绍了如何使用MJML来设计自适应的邮件模板,涵盖安装工具、使用预定义组件、编译HTML代码等关键步骤。通过实际操作MJML的预定义组件如mj-head、mj-body、mj</div> </li> <li><a href="/article/1949949895343403008.htm" title="android开发------编写用户界面之相对布局" target="_blank">android开发------编写用户界面之相对布局</a> <span class="text-muted">cc-Cocos2D-X</span> <a class="tag" taget="_blank" href="/search/Android%E5%9F%BA%E7%A1%80/1.htm">Android基础</a> <div>元素之间总是相对于它们的同级元素或父元素进行排列布局。http://www.cnblogs.com/ai-developers/p/android_relativelayout.html</div> </li> <li><a href="/article/1949900466318012416.htm" title="初始化 K8s 主节点时 报错failed to pull image registry.aliyuncs.com/google_containers/kube-apiserver:v1.23.17" target="_blank">初始化 K8s 主节点时 报错failed to pull image registry.aliyuncs.com/google_containers/kube-apiserver:v1.23.17</a> <span class="text-muted">Ashmcracker</span> <a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a> <div>运行r如下命令初始化kubernetes的master节点2025年3月12日更新:阿里云的镜像仓库目前只给它自己云上的服务器使用了,建议更换华为云的镜像加速器https://support.huaweicloud.com/usermanual-swr/swr_01_0045.htmlkubeadminit\--kubernetes-version=v1.23.17\--image-reposit</div> </li> <li><a href="/article/1949899078280212480.htm" title="十年爬虫经验告诉你爬虫被封怎么办" target="_blank">十年爬虫经验告诉你爬虫被封怎么办</a> <span class="text-muted">congqian8750</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>十年爬虫经验告诉你爬虫被封怎么办现在很多站长都会有抓取数据的需求,因此网络爬虫在一定程度上越来越火爆,其实爬虫的基本功能很简单,就是分析大量的url的html页面,从而提取新的url,但是在实际操作中通常都会遇到各种各样的问题,比如说抓取数据的过程中需要根据实际需求来筛选url继续爬行;或者说为了能正常爬取,减少别人服务器的压力,你需要控制住爬取的速度和工作量···但是即便再小心,很多时候也会遇到</div> </li> <li><a href="/article/1949895918400630784.htm" title="前端面试题" target="_blank">前端面试题</a> <span class="text-muted">大大。</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section),多媒体支持video,audio,Canvas绘图div上下居中对齐的几种方式第一种:flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种</div> </li> <li><a href="/article/1949885827240751104.htm" title="用 Python BeautifulSoup 实现网页表格数据的提取" target="_blank">用 Python BeautifulSoup 实现网页表格数据的提取</a> <span class="text-muted"></span> <div>用PythonBeautifulSoup实现网页表格数据的提取关键词:Python、BeautifulSoup、网页表格数据提取、HTML解析、数据处理摘要:本文深入探讨了如何使用Python的BeautifulSoup库来实现网页表格数据的提取。首先介绍了相关背景知识,包括目的、预期读者等内容。接着详细阐述了BeautifulSoup的核心概念和工作原理,并给出了相应的流程图。然后讲解了核心算法</div> </li> <li><a href="/article/1949885827723096064.htm" title="Python BeautifulSoup 解析网页按钮元素" target="_blank">Python BeautifulSoup 解析网页按钮元素</a> <span class="text-muted">PythonAI编程架构实战家</span> <a class="tag" taget="_blank" href="/search/Python%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E4%B8%8E%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">Python人工智能与大数据</a><a class="tag" taget="_blank" href="/search/Python%E7%BC%96%E7%A8%8B%E4%B9%8B%E9%81%93/1.htm">Python编程之道</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/beautifulsoup/1.htm">beautifulsoup</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a> <div>PythonBeautifulSoup解析网页按钮元素:从基础原理到工程实践的深度解析关键词BeautifulSoup、HTML解析、按钮元素定位、DOM树遍历、CSS选择器、网络爬虫、前端自动化摘要本文系统解析使用PythonBeautifulSoup库定位和提取网页按钮元素的全流程技术方案。从HTML文档的底层结构出发,结合BeautifulSoup的核心解析机制,覆盖从基础概念到高级工程实践</div> </li> <li><a href="/article/13.htm" title="github中多个平台共存" target="_blank">github中多个平台共存</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a> <div>在个人电脑上,如何分别链接比如oschina,github等库呢,一般教程之列的,默认 ssh链接一个托管的而已,下面讲解如何放两个文件 1) 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "test@gmail.com"</div> </li> <li><a href="/article/140.htm" title="ip地址与整数的相互转换(javascript)" target="_blank">ip地址与整数的相互转换(javascript)</a> <span class="text-muted">alxw4616</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>//IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n</div> </li> <li><a href="/article/267.htm" title="读书笔记-jquey+数据库+css" target="_blank">读书笔记-jquey+数据库+css</a> <span class="text-muted">chengxuyuancsdn</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q</div> </li> <li><a href="/article/394.htm" title="javaSE javaEE javaME == API下载" target="_blank">javaSE javaEE javaME == API下载</a> <span class="text-muted">Array_06</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>oracle下载各种API文档: http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档: http://docs.oracle.com/javase/8/docs/api/ JavaEE文档: ht</div> </li> <li><a href="/article/521.htm" title="shiro入门学习" target="_blank">shiro入门学习</a> <span class="text-muted">cugfy</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a> <div>声明本文只适合初学者,本人也是刚接触而已,经过一段时间的研究小有收获,特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下,固定格式,记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs</div> </li> <li><a href="/article/648.htm" title="Array添加删除方法" target="_blank">Array添加删除方法</a> <span class="text-muted">357029540</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>     刚才做项目前台删除数组的固定下标值时,删除得不是很完整,所以在网上查了下,发现一个不错的方法,也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){ </div> </li> <li><a href="/article/775.htm" title="navigation bar 更改颜色" target="_blank">navigation bar 更改颜色</a> <span class="text-muted">张亚雄</span> <a class="tag" taget="_blank" href="/search/IO/1.htm">IO</a> <div>今天郁闷了一下午,就因为objective-c默认语言是英文,我写的中文全是一些乱七八糟的样子,到不是乱码,但是,前两个自字是粗体,后两个字正常体,这可郁闷死我了,问了问大牛,人家告诉我说更改一下字体就好啦,比如改成黑体,哇塞,茅塞顿开。       翻书看,发现,书上有介绍怎么更改表格中文字字体的,代码如下    </div> </li> <li><a href="/article/902.htm" title="unicode转换成中文" target="_blank">unicode转换成中文</a> <span class="text-muted">adminjun</span> <a class="tag" taget="_blank" href="/search/unicode/1.htm">unicode</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81%E8%BD%AC%E6%8D%A2/1.htm">编码转换</a> <div>  在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符,这是unicode编码,使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文 </div> </li> <li><a href="/article/1029.htm" title="一站式 Java Web 框架 firefly" target="_blank">一站式 Java Web 框架 firefly</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a> <div>Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响,并新增了自定义错误页面功能。 更新日志: 增加自定义系统错误页面功能</div> </li> <li><a href="/article/1156.htm" title="设计模式——单例模式" target="_blank">设计模式——单例模式</a> <span class="text-muted">ayaoxinchao</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>定义          Java中单例模式定义:“一个类有且仅有一个实例,并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个:一是某个类只能有一个实例;二是必须自行创建这个实例;三是必须自行向系统提供这个实例。   &nb</div> </li> <li><a href="/article/1283.htm" title="Javascript 多浏览器兼容性问题及解决方案" target="_blank">Javascript 多浏览器兼容性问题及解决方案</a> <span class="text-muted">BigBird2012</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题,毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo</div> </li> <li><a href="/article/1410.htm" title="JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误" target="_blank">JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/junit4.11/1.htm">junit4.11</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>        下载了最新的JUnit版本,是4.11,结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误,上网查了一下,一般的解决方案是,换一个低一点的版本就好了。还有人说,是缺少hamcrest的包。去官网看了一下,如下发现:    </div> </li> <li><a href="/article/1537.htm" title="[Zookeeper学习笔记之二]Zookeeper部署脚本" target="_blank">[Zookeeper学习笔记之二]Zookeeper部署脚本</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程,即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下,脚本中指定的名字是zookeeper的3.4.6版本,需要根据实际情况修改):   #!/bin/bash #!!!Change the name!!! #The zookeepe</div> </li> <li><a href="/article/1664.htm" title="【Spark八十】Spark RDD API二" target="_blank">【Spark八十】Spark RDD API二</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v</div> </li> <li><a href="/article/1791.htm" title="Linux中编译apache服务器modules文件夹缺少模块(.so)的问题" target="_blank">Linux中编译apache服务器modules文件夹缺少模块(.so)的问题</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/modules/1.htm">modules</a> <div>在modules目录中只有httpd.exp,那些so文件呢? 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块,</div> </li> <li><a href="/article/1918.htm" title="Java基础-克隆" target="_blank">Java基础-克隆</a> <span class="text-muted">BrokenDreams</span> <a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a> <div>        Java中怎么拷贝一个对象呢?可以通过调用这个对象类型的构造器构造一个新对象,然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式,这种方式称为 克隆。         Java提供了java.lang.</div> </li> <li><a href="/article/2045.htm" title="读《研磨设计模式》-代码笔记-适配器模式-Adapter" target="_blank">读《研磨设计模式》-代码笔记-适配器模式-Adapter</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是,现有的方法接口与客户要求的方法接口不一致 * 可以这样想,我们要写这样一个类(Adapter): * 1.这个类要符合客户的要求 ---> 那显然要</div> </li> <li><a href="/article/2172.htm" title="HDR图像PS教程集锦&心得" target="_blank">HDR图像PS教程集锦&心得</a> <span class="text-muted">cherishLC</span> <a class="tag" taget="_blank" href="/search/PS/1.htm">PS</a> <div>HDR是指高动态范围的图像,主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答: http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图,方法是HDR软件调一遍,再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的</div> </li> <li><a href="/article/2299.htm" title="maven-3.3.3 mvn archetype 列表" target="_blank">maven-3.3.3 mvn archetype 列表</a> <span class="text-muted">crabdave</span> <a class="tag" taget="_blank" href="/search/ArcheType/1.htm">ArcheType</a> <div>maven-3.3.3 mvn archetype 列表 可以参考最新的:http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                 </div> </li> <li><a href="/article/2426.htm" title="linux shell 中文件编码查看及转换方法" target="_blank">linux shell 中文件编码查看及转换方法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E6%96%87%E4%B9%B1%E7%A0%81/1.htm">中文乱码</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E7%BC%96%E7%A0%81/1.htm">文件编码</a> <div>一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &</div> </li> <li><a href="/article/2553.htm" title="MySQL--binlog日志恢复数据" target="_blank">MySQL--binlog日志恢复数据</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/binlog/1.htm">binlog</a> <div> 恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001,现在刷新了重新开启一个就多了一个mysql-bin.000002                  </div> </li> <li><a href="/article/2680.htm" title="数据库中数据表数据迁移方法" target="_blank">数据库中数据表数据迁移方法</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>刚开始想想好像挺麻烦的,后来找到一种方法了,就SQL中的 INSERT 语句,不过内容是现从另外的表中查出来的,其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法:MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c,现在需要从表b</div> </li> <li><a href="/article/2807.htm" title="Java反转字符串" target="_blank">Java反转字符串</a> <span class="text-muted">dyy_gusi</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8F%8D%E8%BD%AC%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">反转字符串</a> <div>       前几天看见一篇文章,说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串,就是将一个字符串到过来啦,比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法,对不起,这样是不行的,因为Stri</div> </li> <li><a href="/article/2934.htm" title="UI设计中我们为什么需要设计动效" target="_blank">UI设计中我们为什么需要设计动效</a> <span class="text-muted">gcq511120594</span> <a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的UI设计师们也开始投身动效设计领域。 但是说到底,我们到底为什么需要动效设计?或者说我们到底需要什么样的动效?做动效设计也有段时间了,于是尝试用一些案例,从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯,就是让用户更加爽更加爽的用</div> </li> <li><a href="/article/3061.htm" title="JBOSS服务部署端口冲突问题" target="_blank">JBOSS服务部署端口冲突问题</a> <span class="text-muted">HogwartsRow</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/jboss/1.htm">jboss</a><a class="tag" taget="_blank" href="/search/server/1.htm">server</a><a class="tag" taget="_blank" href="/search/EJB3/1.htm">EJB3</a> <div>服务端口冲突问题的解决方法,一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.</div> </li> <li><a href="/article/3188.htm" title="第三章 Redis/SSDB+Twemproxy安装与使用" target="_blank">第三章 Redis/SSDB+Twemproxy安装与使用</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/ssdb/1.htm">ssdb</a><a class="tag" taget="_blank" href="/search/reids/1.htm">reids</a><a class="tag" taget="_blank" href="/search/twemproxy/1.htm">twemproxy</a> <div>目前对于互联网公司不使用Redis的很少,Redis不仅仅可以作为key-value缓存,而且提供了丰富的数据结果如set、list、map等,可以实现很多复杂的功能;但是Redis本身主要用作内存缓存,不适合做持久化存储,因此目前有如SSDB、ARDB等,还有如京东的JIMDB,它们都支持Redis协议,可以支持Redis客户端直接访问;而这些持久化存储大多数使用了如LevelDB、RocksD</div> </li> <li><a href="/article/3315.htm" title="ZooKeeper原理及使用 " target="_blank">ZooKeeper原理及使用 </a> <span class="text-muted">liyonghui160com</span> <div>           ZooKeeper是Hadoop Ecosystem中非常重要的组件,它的主要功能是为分布式系统提供一致性协调(Coordination)服务,与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper,第一部分介绍ZooKeeper的基本原理,第二部分介绍ZooKeeper</div> </li> <li><a href="/article/3442.htm" title="程序员解决问题的60个策略" target="_blank">程序员解决问题的60个策略</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日</div> </li> <li><a href="/article/3569.htm" title="Create the Google Play Account" target="_blank">Create the Google Play Account</a> <span class="text-muted">sillycat</span> <a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a> <div>Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p</div> </li> <li><a href="/article/3696.htm" title="JSP三大指令" target="_blank">JSP三大指令</a> <span class="text-muted">vikingwei</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div>JSP三大指令   一个jsp页面中,可以有0~N个指令的定义! 1. page --> 最复杂:<%@page language="java" info="xxx"...%>   * pageEncoding和contentType:     > pageEncoding:它</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>