XHTML基础

作者：mobiledu2402851173 | 2021-08-21 21:35
XHTML基础
原址：http://www.cnblogs.com/hellokitty1/p/3931663.html
一张客户端网页编程简介
1.企业应用计算机的演变：主机/哑终端的集中计算模式（Mainframe/Terminal）到客户机/服务器计算模式（client/sever）再到浏览器/服务器计算模式（browser/sever）。
2.B/S结构Web应用程序工作原理:采用B/S计算模式开发的应用程序，我们一般称为Web应用程序。
3.Web应用程序的组成部分1：网页 : 网页的内容网页的结构网页的表现形式网页的行为
4.Web应用程序的组成部分2：Web服务器
5.Web应用程序的组成部分3：Web浏览器
6.Web应用程序的组成部分4：HTTP协议 Web服务器和Web浏览器都讲同一种语言，叫做超文本传输协议HTTP（HyperText Transfer Protocol）。
HTTP协议是一套规则和过程，它使计算机能够通过Web交换信息。有了HTTP协议，那么不管这些计算机在哪个地方，使用的是什么操作系统，运行的是什么Web服务器软件,使用的是什么浏览器产品，它们都可以通过HTTP相互通讯。
7.网页的分类: 静态网页客户端动态网页服务器端动态网页
8.Web项目的分工：
9.客户端网页编程工具：Dreamweaver WebStorm
第二章 XHTML基础（不要忘记结束标签）
1.
-

标签对标题(heading)定义，从

至

字的大小越来越小。eg:

This is a heading

标签对段落定义。eg:
This is a paragraph
3.标签进行链接。eg:This is a link
4.标签定义图像。eg:
5.
定义换行。
6.
定义水平线。
7.注释，是会隐藏的。
8.
用于引用文，本将段落进行缩进。
9.定义列表：a 有序列表
编写文本: 编写文本
10.
定义预格式文本，pre可以使文本完全按照源文件中的编排格式。
11.与css用于分区，分块。
12.span可以用于指定文字的字体，颜色，下划线。
13.特殊的字符。 空格，两个  相当于一个字符。<左尖括号或者小于号。>右尖括号或者大于号。©版权符号。®；已注册符号。
14.
，，
16.定义表格。
15.
定义表格标题。Monthly savings定义表格列标题。
17.colspan,合并列。rowspan,合并行。
18."#",等网页。
19.创建包含另一个文档的内联框架。<br />         <iframe.....name=.....>   name框架的名字，用来识别网页中插入其他的网页，将超级链接a标记的target属性设置为iframe的name的属性值。<br />            eg:<a href="地址"target="main">文字</a><br />               <iframe.....name="main">
20.块级元素（文本是换行的）：,
,,,-
,
,,
,,,.
21.内嵌元素（文本是不换行的）：,,,,.</p>
<p> </p>
<p> </p>
<p> 第三章        XHTML表单<br />1.<form>供用户输入的表单，<form action="#" method="post/get" id=" " name="">......</form> action:规定当提交表单时，向何处发送表单数据。method:规定如何发送表单数据。<br />    post不显示路径 get显示路径。<br />2.文本框：type="text"            <input type="text" id=" " name=" "/>id:规定元素的唯一。 name：规定表单的名称。<br />3.口令输入框：type="password"    <input type="password" id=" " ( size="" maxlength="")/><br />4.复选框：type="checkbox"        <input type="checkbox" id=" " name="" value=" "/> 每个选项的name属性使用相同的设置。<br />5.单选框：type="radio"           <input type="radio" id=" " name=" " value=""/><br />6.隐藏字段:type="hidden"         <input type="hidden" id=" " name=" "/><br />7.上传文件：type="file"          <input type="file" id=" " name=" "/>  指定<form>的enctype属性为multipart/form-data. method的属性为post.<br />8.下拉列表：  一个<select>元素来形容列表，多个<option>元素集合来识别列表选项。使用<select>元素的name属性给整个列表命名，使用每个<option>元素的value属性来给每个选项<br />   一个唯一的值。<br />                   <select id=" " name=" "><br />                        <option value=" ">   当多选时要在<select>元素中加multiple属性。 <br />9.多行文本框：<textarea>         <textarea rows=" " cols=" "  id=" "  name=" "> rows行  cols列<br />10.提交和重置按钮：type="submit"   type="reset"  <input type="submit/reset" value="提交/重置"/>  <br />                             也可以用图形来做按钮  <input type="image" src=".." value="submit/reset"/><br />11.命令按钮（普通按钮）：type="button" value=" ".<br />12.在文本框中加readonly 防止修改文本数据，disable 使输入控件不可用。<br />13.<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。<legend> 标签为 fieldset 元素定义标题。</p></p><p id="MySignature"></p>
<p class="clear">    </div>

    <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;">

    </div>

    <div class="article_recommend">
        <div class="list_top">推荐阅读</div>
        <div class="ListItems">
            <ul class="NewsList">
                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/DanHuangQiDongSh_8c0d7d64.html" target="_blank" title="弹簧启动时MultipartFile的最大限制">弹簧启动时MultipartFile的最大限制</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《弹簧启动时MultipartFile的最大限制》经验，为你挑选了3个好方法。 ...
                        <a href="https://devbox.cn/p/DanHuangQiDongSh_8c0d7d64.html" target="_blank" title="弹簧启动时MultipartFile的最大限制">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZai_gcloud_Z_a024f53b.html" target="_blank" title="如何在gcloud中省略用户交互">如何在gcloud中省略用户交互</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在gcloud中省略用户交互》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZai_gcloud_Z_a024f53b.html" target="_blank" title="如何在gcloud中省略用户交互">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiYong_mysql_Zh_1843074b.html" target="_blank" title="使用mysql中的alter table将date转换为datetime或timestamp">使用mysql中的alter table将date转换为datetime或timestamp</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用mysql中的altertable将date转换为datetime或timestamp》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYong_mysql_Zh_1843074b.html" target="_blank" title="使用mysql中的alter table将date转换为datetime或timestamp">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/WordPress-_YunXu_03eea5e2.html" target="_blank" title="WordPress  - 允许对作者页面发表评论">WordPress  - 允许对作者页面发表评论</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《WordPress-允许对作者页面发表评论》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/WordPress-_YunXu_03eea5e2.html" target="_blank" title="WordPress  - 允许对作者页面发表评论">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZai_Dev_Huan_4bb20bac.html" target="_blank" title="如何在Dev环境中提高Webpack性能？">如何在Dev环境中提高Webpack性能？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在Dev环境中提高Webpack性能？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZai_Dev_Huan_4bb20bac.html" target="_blank" title="如何在Dev环境中提高Webpack性能？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/psycopg2_XuanZe__f21a24b1.html" target="_blank" title="psycopg2选择timestamp返回包含在元组中的datetime.datetime,如何解压缩？">psycopg2选择timestamp返回包含在元组中的datetime.datetime,如何解压缩？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《psycopg2选择timestamp返回包含在元组中的datetime.datetime,如何解压缩？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/psycopg2_XuanZe__f21a24b1.html" target="_blank" title="psycopg2选择timestamp返回包含在元组中的datetime.datetime,如何解压缩？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/WeiShiMeBuKeNeng_2cf54245.html" target="_blank" title="为什么不可能/不太可能显示性能改进？">为什么不可能/不太可能显示性能改进？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《为什么不可能/不太可能显示性能改进？》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/WeiShiMeBuKeNeng_2cf54245.html" target="_blank" title="为什么不可能/不太可能显示性能改进？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/LianJieLieBiaoLi_71a71aac.html" target="_blank" title="连接列表列表">连接列表列表</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《连接列表列表》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/LianJieLieBiaoLi_71a71aac.html" target="_blank" title="连接列表列表">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/DuQuBuTongYuYanH_16e23e1b.html" target="_blank" title="读取不同语言环境中的时间戳">读取不同语言环境中的时间戳</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《读取不同语言环境中的时间戳》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/DuQuBuTongYuYanH_16e23e1b.html" target="_blank" title="读取不同语言环境中的时间戳">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/WoMenKeYiZai_SQL_4f33c9a8.html" target="_blank" title="我们可以在SQL Transaction中多次使用&#39;GO&#39;吗？">我们可以在SQL Transaction中多次使用&#39;GO&#39;吗？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《我们可以在SQLTransaction中多次使用&#39;GO&#39;吗？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/WoMenKeYiZai_SQL_4f33c9a8.html" target="_blank" title="我们可以在SQL Transaction中多次使用&#39;GO&#39;吗？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZai_kubernet_2552558e.html" target="_blank" title="如何在kubernetes上传递一个认为yaml的配置文件来创建新的复制控制器">如何在kubernetes上传递一个认为yaml的配置文件来创建新的复制控制器</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在kubernetes上传递一个认为yaml的配置文件来创建新的复制控制器》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZai_kubernet_2552558e.html" target="_blank" title="如何在kubernetes上传递一个认为yaml的配置文件来创建新的复制控制器">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/xgboost_Zhong_Ob_cc2d3f6d.html" target="_blank" title="xgboost中Objective和feval之间的差异">xgboost中Objective和feval之间的差异</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《xgboost中Objective和feval之间的差异》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/xgboost_Zhong_Ob_cc2d3f6d.html" target="_blank" title="xgboost中Objective和feval之间的差异">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Intellij_RuHeShi_300da356.html" target="_blank" title="Intellij如何使用spring boot正确配置hql.现在我得到持久性QL查询被错误检查">Intellij如何使用spring boot正确配置hql.现在我得到持久性QL查询被错误检查</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Intellij如何使用springboot正确配置hql.现在我得到持久性QL查询被错误检查》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Intellij_RuHeShi_300da356.html" target="_blank" title="Intellij如何使用spring boot正确配置hql.现在我得到持久性QL查询被错误检查">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuGuoWeiXuanZhon_5df0e9b9.html" target="_blank" title="如果未选中复选框,则阻止表单提交">如果未选中复选框,则阻止表单提交</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如果未选中复选框,则阻止表单提交》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuGuoWeiXuanZhon_5df0e9b9.html" target="_blank" title="如果未选中复选框,则阻止表单提交">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/DanHuangShuJu_mo_bcfa172f.html" target="_blank" title="弹簧数据mongodb中的2d球面索引">弹簧数据mongodb中的2d球面索引</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《弹簧数据mongodb中的2d球面索引》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/DanHuangShuJu_mo_bcfa172f.html" target="_blank" title="弹簧数据mongodb中的2d球面索引">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeXiuFu_java_Z_d70274be.html" target="_blank" title="如何修复java中的堆栈溢出错误？">如何修复java中的堆栈溢出错误？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何修复java中的堆栈溢出错误？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeXiuFu_java_Z_d70274be.html" target="_blank" title="如何修复java中的堆栈溢出错误？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZai_R_ZhongZ_1a9d0cba.html" target="_blank" title="如何在R中指定三维图表的摄像机视角？">如何在R中指定三维图表的摄像机视角？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在R中指定三维图表的摄像机视角？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZai_R_ZhongZ_1a9d0cba.html" target="_blank" title="如何在R中指定三维图表的摄像机视角？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/--_WuFaZaiWeiDin_80565924.html" target="_blank" title="&quot;无法在未定义的值上调用方法&#39;状态&#39;&quot;？">&quot;无法在未定义的值上调用方法&#39;状态&#39;&quot;？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《&quot;无法在未定义的值上调用方法&#39;状态&#39;&quot;？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/--_WuFaZaiWeiDin_80565924.html" target="_blank" title="&quot;无法在未定义的值上调用方法&#39;状态&#39;&quot;？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/GenJuZhuanChuChe_01b2adf6.html" target="_blank" title="根据转储成员函数的operator &lt;&lt;函数的通用实现">根据转储成员函数的operator &lt;&lt;函数的通用实现</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《根据转储成员函数的operator&lt;&lt;函数的通用实现》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/GenJuZhuanChuChe_01b2adf6.html" target="_blank" title="根据转储成员函数的operator &lt;&lt;函数的通用实现">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZai_ElasticB_1422db11.html" target="_blank" title="如何在Elastic Beanstalk上添加PATH">如何在Elastic Beanstalk上添加PATH</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在ElasticBeanstalk上添加PATH》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZai_ElasticB_1422db11.html" target="_blank" title="如何在Elastic Beanstalk上添加PATH">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                

            </ul>
        </div>
    </div>

    <div class="article_cmnt" style="display: none;">
        <div class="cmnt_title">吐了个 "CAO" !</div>
        <form action="" method="post">
            <div class="cmnt_text">
                <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了</textarea>
            </div>
            <div class="cmnt_cmt">
                <div class="cmnt_login_box">
                                        <a href="https://www.php1.cn/?s=user/login/index&from=">会员登录</a> | <a href="http://www.php1.cn/?s=user/reg/index">用户注册</a>
                                    </div>
                <div class="post_cmnt"><input type="button" value="吐 &nbsp;槽" onclick="post_ping();" /></div>
            </div>
        </form>

        
    </div>
</div>

<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushScala.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shThemeLiuQing.css"/>
<style>
    .syntaxhighlighter{
        width: 740px;
        padding-top:40px;padding-bottom:20px;
        border: 1px solid #333;
        background: url("/style/SyntaxHighlighter/top_bg.svg");
        background-size: 43px;
        background-repeat: no-repeat;
        margin-bottom: -7px;
        border-radius: 15px;
        background-position: 16px 12px;
        padding-left: 10px;
    }
    .gutter{
        display: none;
    }
</style>
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>    <div class="article_right">

    <div class="profile">
        <div class="author">
            <!-- 未登录 -->
            <div class="author-avatar">
                <a href="/u/mobiledu2402851173">
                    <img src="https://img.devbox.cn/3cdc5/64c2/cd5/f53c066002fa970f.png" class="lazy-img" data-url="" alt="devbox">
                </a>
            </div>

            <div class="author-name">
                mobiledu2402851173            </div>

            <div class="author-intro">
                这个屌丝很懒，什么也没留下！            </div>
            
            <div class="author-bt">

                                <a href="javascript:;" id="follow_bt" onclick="follow();" class="skins-btn" title="关注作者">
                    <svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg>
                    关注作者</a>
                            </div>

        </div>
    </div>


    <div class="tools">
        <div class="tools_top">Tags | 热门标签</div>
        <div class="tools_box">
            <ul>
                                <li>
                    <a href="/tag/ajax" target="_blank" title="ajax">ajax</a>
                </li>
                                <li>
                    <a href="/tag/bootstrap" target="_blank" title="bootstrap">bootstrap</a>
                </li>
                                <li>
                    <a href="/tag/chart" target="_blank" title="chart">chart</a>
                </li>
                                <li>
                    <a href="/tag/chrome" target="_blank" title="chrome">chrome</a>
                </li>
                                <li>
                    <a href="/tag/css" target="_blank" title="css">css</a>
                </li>
                                <li>
                    <a href="/tag/css3" target="_blank" title="css3">css3</a>
                </li>
                                <li>
                    <a href="/tag/firebug" target="_blank" title="firebug">firebug</a>
                </li>
                                <li>
                    <a href="/tag/firefox" target="_blank" title="firefox">firefox</a>
                </li>
                                <li>
                    <a href="/tag/html" target="_blank" title="html">html</a>
                </li>
                                <li>
                    <a href="/tag/html5" target="_blank" title="html5">html5</a>
                </li>
                                <li>
                    <a href="/tag/javascript" target="_blank" title="javascript">javascript</a>
                </li>
                                <li>
                    <a href="/tag/jquery" target="_blank" title="jquery">jquery</a>
                </li>
                                <li>
                    <a href="/tag/json" target="_blank" title="json">json</a>
                </li>
                                <li>
                    <a href="/tag/node.js" target="_blank" title="node.js">node.js</a>
                </li>
                                <li>
                    <a href="/tag/npm" target="_blank" title="npm">npm</a>
                </li>
                                <li>
                    <a href="/tag/postman" target="_blank" title="postman">postman</a>
                </li>
                                <li>
                    <a href="/tag/vue.js" target="_blank" title="vue.js">vue.js</a>
                </li>
                                <li>
                    <a href="/tag/webkit" target="_blank" title="webkit">webkit</a>
                </li>
                                <div style="clear: both"></div>
            </ul>
        </div>
    </div>


    <div class="rank">
        <div class="rank_top">RankList | 热门文章</div>
        <div class="rank_box">
            <ul>
                                <li>
                    <b >1</b><a href="https://devbox.cn/p/ChaKan_VSTF_GouJ_268b476e.html" title="查看VSTF构建中的git-lfs文件" target="_blank">查看VSTF构建中的git-lfs文件</a>
                </li>
                                <li>
                    <b >2</b><a href="https://devbox.cn/p/RewriteRule_WuFa_8b0f0c7a.html" title="RewriteRule无法在生产服务器上运行" target="_blank">RewriteRule无法在生产服务器上运行</a>
                </li>
                                <li>
                    <b >3</b><a href="https://devbox.cn/p/ZaiYiDongSheBeiD_4a1ac4de.html" title="在移动设备的HTML电子邮件中使用vw(视口宽度)的字体大小是否可以" target="_blank">在移动设备的HTML电子邮件中使用vw(视口宽度)的字体大小是否可以</a>
                </li>
                                <li>
                    <b >4</b><a href="https://devbox.cn/p/RuHeCong_VisualS_71bb0b00.html" title="如何从Visual Studio 2015 C++项目导出Makefile" target="_blank">如何从Visual Studio 2015 C++项目导出Makefile</a>
                </li>
                                <li>
                    <b >5</b><a href="https://devbox.cn/p/PHP7LaravelMcryp_4d260ebf.html" title="PHP7 Laravel Mcrypt问题" target="_blank">PHP7 Laravel Mcrypt问题</a>
                </li>
                                <li>
                    <b class="black">6</b><a href="https://devbox.cn/p/QianTao_Scrollvi_927c329a.html" title="嵌套Scrollview + Recycler View" target="_blank">嵌套Scrollview + Recycler View</a>
                </li>
                                <li>
                    <b class="black">7</b><a href="https://devbox.cn/p/PHP_ShuZuYuanSuZ_819fc3cb.html" title="PHP数组元素总和" target="_blank">PHP数组元素总和</a>
                </li>
                                <li>
                    <b class="black">8</b><a href="https://devbox.cn/p/BiaoZhunKuZhongS_b8cd1de7.html" title="标准库中是否定义了标准输入,输出和错误描述符常量？" target="_blank">标准库中是否定义了标准输入,输出和错误描述符常量？</a>
                </li>
                                <li>
                    <b class="black">9</b><a href="https://devbox.cn/p/RuHeJiangDanCiCh_ee3bbe42.html" title="如何将单词拆分为双字节,包括重复单词？" target="_blank">如何将单词拆分为双字节,包括重复单词？</a>
                </li>
                                <li>
                    <b class="black">10</b><a href="https://devbox.cn/p/WeiShiMe_Complet_50f02ae0.html" title="为什么CompletableFuture.allOf声明为CompletableFuture &lt;Void&gt;？" target="_blank">为什么CompletableFuture.allOf声明为CompletableFuture &lt;Void&gt;？</a>
                </li>
                                <li>
                    <b class="black">11</b><a href="https://devbox.cn/p/RuHeZai_matlab_Z_60f30e5d.html" title="如何在matlab中合并两个不同维度的矩阵" target="_blank">如何在matlab中合并两个不同维度的矩阵</a>
                </li>
                                <li>
                    <b class="black">12</b><a href="https://devbox.cn/p/RuHeZaiBuPoHuai__da4e21ef.html" title="如何在不破坏localStorage类型的情况下存储和获取对象？" target="_blank">如何在不破坏localStorage类型的情况下存储和获取对象？</a>
                </li>
                                <li>
                    <b class="black">13</b><a href="https://devbox.cn/p/Jiang_Fody-Prope_f8150f9e.html" title="将Fody.PropertyChanged与MVVMCross一起使用是否安全？是否降低了应用程序的性能？" target="_blank">将Fody.PropertyChanged与MVVMCross一起使用是否安全？是否降低了应用程序的性能？</a>
                </li>
                                <li>
                    <b class="black">14</b><a href="https://devbox.cn/p/CongYiXiLieJiaoX_37ba5371.html" title="从一系列较小的实例中推断出一般的类型类实例？" target="_blank">从一系列较小的实例中推断出一般的类型类实例？</a>
                </li>
                                <li>
                    <b class="black">15</b><a href="https://devbox.cn/p/Jiang_Transactio_06a8589a.html" title="将TransactionScope与实体框架6一起使用" target="_blank">将TransactionScope与实体框架6一起使用</a>
                </li>
                                <li>
                    <b class="black">16</b><a href="https://devbox.cn/p/Flask_ZhongDe_WT_3217c951.html" title="Flask中的WTForms:UndefinedError:&#39;form&#39;未定义" target="_blank">Flask中的WTForms:UndefinedError:&#39;form&#39;未定义</a>
                </li>
                                <li>
                    <b class="black">17</b><a href="https://devbox.cn/p/Mysql_ChaXunZu_C_9caae8d9.html" title="Mysql查询组Concat在单个查询中限制子表的多个记录" target="_blank">Mysql查询组Concat在单个查询中限制子表的多个记录</a>
                </li>
                                <li>
                    <b class="black">18</b><a href="https://devbox.cn/p/xDB_BuCunChuRenH_60343f70.html" title="xDB不存储任何交互" target="_blank">xDB不存储任何交互</a>
                </li>
                                <li>
                    <b class="black">19</b><a href="https://devbox.cn/p/android-animatio_8829655f.html" title="android.animation和android.transition包之间的主要区别是什么？" target="_blank">android.animation和android.transition包之间的主要区别是什么？</a>
                </li>
                                <li>
                    <b class="black">20</b><a href="https://devbox.cn/p/Zai_perl_ZhongWe_22ef4daa.html" title="在perl中为两个元素使用&quot;map()&quot;有什么意义？" target="_blank">在perl中为两个元素使用&quot;map()&quot;有什么意义？</a>
                </li>
                            </ul>
        </div>
    </div>


</div>    <div style="clear: both;"></div>
</div>

<script type="application/javascript">

    function follow(uid) {

        var myDate = new Date();
        $.get("/user/follow/post?uid="+uid+"&stime="+myDate.getMilliseconds(),null,function(response){
            if(response=="1"){
                tips('关注成功！')
                $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1912"><path d="M984.554971 729.818319L757.2752 1001.934666c-23.431608 29.784785-63.349596 27.462118-91.084969 0l-148.309102-117.727323a34.156864 34.156864 0 0 1 34.156863-59.159688L711.732715 956.392181l224.524451-274.871667a34.156864 34.156864 0 1 1 48.297805 48.297805zM506.791534 592.052303c-6.284863 6.968-12.569726 0-22.771243 0-171.103115 0-386.928951 164.066802-386.928951 358.396584 0 18.740733-15.347817 33.951922-34.316262 33.951922a34.156864 34.156864 0 0 1-34.361805-33.951922c0-160.582801 134.122618-342.616113 323.283329-400.181814C261.271998 499.783228 210.765382 406.011252 210.765382 296.026151 210.765382 133.530566 342.428706 0 506.791534 0s296.026151 133.530566 296.026151 296.026151c0 161.630279-132.892971 294.614334-296.026151 296.026152z m0-523.738576c-126.243768 0-227.712424 102.903244-227.712424 227.712424s101.468656 227.712424 227.712424 227.712424 227.712424-102.903244 227.712424-227.712424S633.035302 68.313727 506.791534 68.313727z" p-id="1913"></path></svg>\n'
                    +"已关注")
            }else if(response=="0"){
                tips('已取消关注！')
                $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg>\n' +
                    "关注作者")
            }else if(response=="-2"){
                tips("请先登录！")
            }else{
                tips("关注失败！")
            }
        });
        
    }

    function like(sid) {

        var myDate = new Date();
        $.get("/blog/article/like?sid="+sid+"&stime="+myDate.getMilliseconds(),null,function(response){
            if(response!="-1"){
                $("#like_num").html(response+"赞")
            }else{
                tips("关注失败！")
            }
        });

    }

</script>


<div class="bottom-bar">
    DevBox开发工具箱 | 专业的在线开发工具网站 &nbsp;&nbsp; <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802040832" style="color:#444;"><img src="https://img.json1.cn/3cd4a/21981/c5a/4df0b47476da9030.png"/>京公网安备 11010802040832号</a> &nbsp;|&nbsp; <a href="https://beian.miit.gov.cn/" target="_blank" >京ICP备19059560号-6</a> <BR />
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved  devBox.cn 开发工具箱  版权所有 <BR />
</div></body>
</html>