|
写在前面：这是一篇HTML知识点整理笔记！
HTML㈠HTML入门HTML 是用来描述网页的一种语言。 - HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
HTML 编辑器㈡ HTML文档结构HTML文档基本结构DTD(Document Type Definition) -------------- 文档定义类型 -------------- 文本描述网页 -------------- 文档头部标记：含脚本，样式表等等。 -------------- 定义文档字符集、使用语言、作者等基本信息 标题 -------------- 定义文档的标题 -------------- 网页主体,是可见的页面内容 Hello world -----------标题
- 与 之间的文本描述网页
- 与 之间的文本是可见的页面内容
- 与头部元素的容器：
- 定义关于文档的信息。
定义文档标题。<br><base> 定义页面上所有链接的默认地址或默认目标。<br><meta> 定义关于 HTML 文档的元数据。<br></code></div><h2>10. 块: div span</h2><p>HTML 元素被定义为块级元素或内联元素。</p><ul><li>块级元素：以新行来显示。</li><li>内联元素：不会以新行来显示。</li></ul><div><code>//div和span标签<div> 元素是块级元素，常用于组合其他 HTML 元素的容器，进行文档布局。---<span> 元素是内联元素，常用作文本的容器。块级元素：<body></body><div></div> //常用的布局元素<h2></h2>...<h6></h6><ol></ol><ul></ul><li></li><p></p><table></table><tr></tr><td></td>内联元素：<a href=''></a><i></i><u></u><b></b><span></span> //文本标签<font></font></code></div> <div> <p> 著作权归作者所有</p> </div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<table>
<!--防止文章内容有不完整标签-->
<tbody>
<tr>
<td>
<ul></ul>
</td>
</tr>
</tbody>
</table>
<div></div>
<span></span>
<a></a>
<p style="margin: 0; padding: 0;"></p>
<p class="clearboth"></p>
<div id="oranuserinfo" style="display: none; border: 0; padding: 0; margin: 0; overflow: visible;" class="yc_user zcomdiv new_yc_user">
</div>
<div id="divtort"><div style="color:#999;text-align:left;line-height:22px;background:#f7f7f7;padding: 10px 20px;margin-bottom: -7px;margin-top:10px;">本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击<span style = "color:#155d9a;cursor:pointer;white-space: nowrap;" onclick="reportLayer.isLogin();artStatistics('20-18');">一键举报。</span></div></div>
<div class="bottombtn2" id="bottombtn2">
<span class="newbtn_forward" onclick="SaveArt();artStatistics('20-3-2');" id="bt_resave"><i></i><b>转藏</b></span>
<span class="newbtn_share">
<i></i><b>分享</b>
<a href="javascript:void(0);" onclick="artStatistics('20-8-3');shareclickfun(this)"></a>
<div class="sharelist_new bdsharebuttonbox" id="fenxiangLayer2">
<a class="slbg1" href="javascript:void(0);" data-cmd="qzone" onclick="artStatistics('20-8-6');shareStatic.addStatic('qzone');">QQ空间</a>
<a class="slbg2" href="javascript:void(0);" data-cmd="sqq" onclick="artStatistics('20-8-7');shareStatic.addStatic('qq');">QQ好友</a>
<a class="slbg3" href="javascript:void(0);" data-cmd="tsina" onclick="artStatistics('20-8-8');shareStatic.addStatic('sina');">新浪微博</a>
<a class="slbg0" href="javascript:void(0);" onclick="shareWeixin()" id="bottom_weixin">微信</a>
<iframe width="95" height="95" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" allowtransparency="true" class="qr" rel="614495524" style="display: none;"></iframe>
</div>
</span>
<span id="flowimg3" class="newbtn_hua" onclick="Showflowerlayer('sendedLayer1');"><i></i><b>献花（<span id="articleflowernum">0</span>）
<span id="flowernumadd" style="display: none;">+1</span></b></span>
</div>
<div class="bottom_controler">
<p class="bottom_cleft wordnobreak_">
来自：
<span class="a_username" style="width: auto;">
<a href="http://www.360doc.com/userhome/38698392" id="savernickname2" target="_blank" onclick="artStatistics('20-7-2');">稍样淳华</a>
</span>
>
<span id="cname" class="a_from"><a href='http://www.360doc.com/userhome.aspx?userid=38698392&cid=2' target='_blank' onclick='artStatistics("20-6");'>《文件夹1》</a></span>
</p>
<div class="bottom_cright">
<span>
<a href="javascript:void(0);" class="a2 a3" onclick="reportLayer.isLogin();artStatistics('20-18');">举报/认领</a>
</span>
</div>
</div>
<div class="zcomdiv">
<div class="prev_next">
<div class="p1" id="lastart" style="display: none;">
<span>上一篇：</span>
<div></div>
</div>
<div class="p2" id="nextart" style="display: none;">
<span>下一篇：</span>
<div></div>
</div>
</div>
</div>
</div>
<p class="clearboth"></p>
<div style="height: auto; overflow: hidden;">
<a href="javascript:void(0)" id="topref" style="height: 0px;"></a>
<div id="divyoulikeadtitle" class="mod__" style="display: none;">
<div class="str_border" style="border: none; position: relative; z-index: 2;">
<strong>猜你喜欢</strong>
</div>
<ul class="youlike" style="margin-top: -18px; position: relative; z-index: 1; display: none;" id="divyoulikeadbody">
<div style="width: 676px; height: 280px; border: 0;" id="divyoulikead">
</div>
</ul>
</div>
<div class="clearboth"></div>
<div class="mod__">
<div class="new_plbox zcomdiv">
<p id="refNumDIV" class="p1 f_left"><span id="refNumSpan">0</span>条评论</p>
<div class="new_huifubt f_left">
<textarea name="SendRefTB" id="SendRefTB" value="写评论...">写评论...</textarea>
<p>
<a id="ImgSendPL" href="javascript:void(0);" onclick="SubmitReflection();">发表</a>
</p>
</div>
</div>
<p id="plgyDIV" style="margin: 0; text-align: right; padding: 7px 19px 0 0; color: #999;">请遵守用户 <a href="http://www.360doc.com/pages/agreement.html" target="_blank">评论公约</a></p>
<ul class="replylist" id="reflectionListUL">
</ul>
<div class="reply_pager" id="pageBarDIV">
</div>
<a href="javascript:void(0)" class="reply_more" onclick="setSpread()" style="display: none;">查看更多评论<img src="http://pubimage.360doc.com/NewArticle/reply_btn.gif" /></a>
</div>
<div class="mod__">
<div class="str_border" style="border: none;">
<strong>类似文章</strong>
</div>
<ul class="ul-similar">
<li id="artid_1151105415"><span class="similar-pic f_left"><a href="http://www.360doc.com/content/25/0412/17/31024613_1151105415.shtml" target='_blank' onclick='artStatistics("20-9-7");'><img src="http://thumbnail1.360doc.com/DownloadImg/2025/04/1205/i109/1151105415_1.jpg"></a></span> <div class="similar-info f_left"><p class="similar-title"><a target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/25/0412/17/31024613_1151105415.shtml">脑梗“绝方”，有效率 98%，只发一次！</a></p><p class="similar-text"><a onclick="artStatistics('20-9-7');" target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/25/0412/17/31024613_1151105415.shtml">经过对上千例脑梗患者的临床治疗与观察发现，中医辨证施治理论所研制的 “通栓汤”在破解脑梗方面，有效率高达 98%！其组方配伍如下：黄...</a></p></div></li><li id="artid_1105855182"><span class="similar-pic f_left"><a href="http://www.360doc.com/content/23/1130/19/22349371_1105855182.shtml" target='_blank' onclick='artStatistics("20-9-7");'><img src="http://thumbnail1.360doc.com/DownloadImg/2023/11/3007/i109/1105855182_1.jpg"></a></span> <div class="similar-info f_left"><p class="similar-title"><a target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/23/1130/19/22349371_1105855182.shtml">国家空域管理条例——空域分级分类和管理机构体系</a></p><p class="similar-text"><a onclick="artStatistics('20-9-7');" target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/23/1130/19/22349371_1105855182.shtml">国家空域管理条例——空域分级分类和管理机构体系近期，国家空管办发布了《中华人民共和国空域管理条例（征求意见稿）》，并面向社会公...</a></p></div></li><li id="artid_1146224140"><div style='width:100%;margin:0;' class="similar-info f_left"><p class="similar-title"><a target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/25/0207/14/34333446_1146224140.shtml">从当前社会各阶层的由来，揭秘普通人逆袭的路径</a></p><p class="similar-text"><a onclick="artStatistics('20-9-7');" target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/25/0207/14/34333446_1146224140.shtml">从当前社会各阶层的由来，揭秘普通人逆袭的路径。中国曾有过七次给普通人的阶层跃迁机会，弄清楚这七个历史性的阶层跃迁机会，你就能弄清楚，今天的社会阶层都是怎么来的。回顾过去七次阶层跃迁机会，...</a></p></div></li><li name="liadfeed" style="display:none;"></li><li id="artid_1141540621"><span class="similar-pic f_left"><a href="http://www.360doc.com/content/24/1209/13/2355900_1141540621.shtml" target='_blank' onclick='artStatistics("20-9-7");'><img src="http://thumbnail1.360doc.com/DownloadImg/2024/12/0901/i109/1141540621_1.jpg"></a></span> <div class="similar-info f_left"><p class="similar-title"><a target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1209/13/2355900_1141540621.shtml">学历不是唯一的出路，不要太过逼孩子了</a></p><p class="similar-text"><a onclick="artStatistics('20-9-7');" target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1209/13/2355900_1141540621.shtml">学历不是唯一的出路，不要太过逼孩子了。家长与其累死累活“鸡”出一个身心都不健康的孩子，倒不如多发掘孩子身上的特长，尊重他的兴趣...</a></p></div></li><li id="artid_1139580369"><span class="similar-pic f_left"><a href="http://www.360doc.com/content/24/1117/14/8146786_1139580369.shtml" target='_blank' onclick='artStatistics("20-9-7");'><img src="http://thumbnail1.360doc.com/DownloadImg/2024/11/1703/U8/1139580369_1.jpg"></a></span> <div class="similar-info f_left"><p class="similar-title"><a target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1117/14/8146786_1139580369.shtml">“中国第一”常识汇总</a></p><p class="similar-text"><a onclick="artStatistics('20-9-7');" target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1117/14/8146786_1139580369.shtml">“中国第一”常识汇总。</a></p></div></li><li id="artid_1142858888"><span class="similar-pic f_left"><a href="http://www.360doc.com/content/24/1225/17/67742488_1142858888.shtml" target='_blank' onclick='artStatistics("20-9-7");'><img src="http://thumbnail1.360doc.com/DownloadImg/2024/12/2505/i109/1142858888_1.jpg"></a></span> <div class="similar-info f_left"><p class="similar-title"><a target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1225/17/67742488_1142858888.shtml">肥羊 Allinone：免费超高清 IPTV 解决方案</a></p><p class="similar-text"><a onclick="artStatistics('20-9-7');" target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1225/17/67742488_1142858888.shtml">肥羊 Allinone：免费超高清 IPTV 解决方案。部署命令：docker run -d --restart unless-stopped --privileged=true -p 35455:35455 --na...</a></p></div></li><li name="liadfeed" style="display:none;"></li><li id="artid_1141373152"><div style='width:100%;margin:0;' class="similar-info f_left"><p class="similar-title"><a target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1207/11/67460496_1141373152.shtml">强者思维：富人日常只做五件事：赚钱、健身、学习、复盘、社交</a></p><p class="similar-text"><a onclick="artStatistics('20-9-7');" target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1207/11/67460496_1141373152.shtml">强者思维：富人日常只做五件事：赚钱、健身、学习、复盘、社交。- 在投资决策上，富人更注重价值投资。- **健康与工作效率**：一项针对富人的调查显示，定期锻炼的富人中有92%的人表示健身让他们在工作...</a></p></div></li><li id="artid_1141774411"><span class="similar-pic f_left"><a href="http://www.360doc.com/content/24/1212/08/5426525_1141774411.shtml" target='_blank' onclick='artStatistics("20-9-7");'><img src="http://thumbnail1.360doc.com/DownloadImg/2024/12/1208/U8/1141774411_1.jpg"></a></span> <div class="similar-info f_left"><p class="similar-title"><a target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1212/08/5426525_1141774411.shtml">摄影：2024初冬之景（3）</a></p><p class="similar-text"><a onclick="artStatistics('20-9-7');" target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1212/08/5426525_1141774411.shtml">作者：中国摄像师，当代作家潘长宏（文学之都居士）潘长宏（雅号：文学之都居士、笔名：长宏、纪风清、溱湖之恋），1956年10月出生，江...</a></p></div></li><li id="artid_1143234909"><span class="similar-pic f_left"><a href="http://www.360doc.com/content/24/1229/05/85545015_1143234909.shtml" target='_blank' onclick='artStatistics("20-9-7");'><img src="http://thumbnail1.360doc.com/DownloadImg/2024/12/2905/U8/1143234909_1.jpg"></a></span> <div class="similar-info f_left"><p class="similar-title"><a target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1229/05/85545015_1143234909.shtml">成家不易，且行且珍惜</a></p><p class="similar-text"><a onclick="artStatistics('20-9-7');" target='_blank' onclick="artStatistics('20-9-7');" href="http://www.360doc.com/content/24/1229/05/85545015_1143234909.shtml">成家不易，且行且珍惜。两个人谈恋爱成为爱人，这相对容易。可真要组建家庭，那可就难了。光靠爱情，没法守一辈子。要想白头偕老，需要...</a></p></div></li><li name="liadfeed" style="display:none;"></li>
</ul>
</div>
</div>
</div>
<div class="a_right">
<div id="rightfixed" style="width: 300px;">
<div class="vipact" style="display:none"><a href="http://www.360doc.com/member/index.html?type=0&imgcode=46-8" target="_blank">个图VIP年卡，限时优惠价108元>></a><span>x</span></div>
<div class="user_info">
<div class="user_photo_new f_left">
<a href="http://www.360doc.com/userhome/38698392" id="userphotourl" target="_blank" onclick="artStatistics('20-7-4');">
<img src="http://pubimage.360doc.com/head/weibo/100.jpg" id="userphoto" />
</a>
</div>
<div class="user_data f_right">
<div class="user_data_name">
<a href="http://www.360doc.com/userhome/38698392" id="nickname" target="_blank" onclick="artStatistics('20-7-3');">稍样淳华</a><i id="VerificationTips" style="display: none" class="aut" title="已通过个人认证"><a href="https://pay.360doc.com/pages/myaccount.aspx?app=23" target="_blank" onclick="artStatistics('25-13-3-27');"></a></i>
</div>
<p id="userdegree"><img src='http://pubimage.360doc.com/NewArticle/userstar2.gif' /><img src='http://pubimage.360doc.com/NewArticle/userstar3.gif' /><img src='http://pubimage.360doc.com/NewArticle/userstar3.gif' /><img src='http://pubimage.360doc.com/NewArticle/userstar3.gif' /><img src='http://pubimage.360doc.com/NewArticle/userstar3.gif' /></p>
<div class="user_data_num" id="follow_talk">
<a class="user_data_gz" href="javascript:void(0);" id="spanfollowstatusnew">关注</a>
<a class="user_data_dh" href="javascript:void(0);" onclick="this.blur();docTalk();artStatistics('20-15');">对话</a>
</div>
</div>
</div>
<div class="his_her"><ul class='his_her_type'><li class='f_left curone'><a href="http://www.360doc.com/userhome/38698392" style="color:#000;" target="_blank" onclick="artStatistics('20-9-10');">TA的最新馆藏</a></li></ul><div class='his_her_div' style="height:190px;"><ul class='his_her_list'><li><div><span></span><a title="jQuery之超详尽的DOM操作" href=http://www.360doc.com/content/16/1214/01/38698392_614495631.shtml target=_blank onclick="artStatistics('20-9-11');">jQuery之超详尽的DOM操作</a></div><div><span></span><a title="HTML知识点整理" href=http://www.360doc.com/content/16/1214/01/38698392_614495524.shtml target=_blank onclick="artStatistics('20-9-11');">HTML知识点整理</a></div><div><span></span><a title="UI的发展史和UI设计师的界面" href=http://www.360doc.com/content/16/1214/01/38698392_614495321.shtml target=_blank onclick="artStatistics('20-9-11');">UI的发展史和UI设计师的界面</a></div><div><span></span><a title="理性来于感性|麦金托什|格拉斯哥艺术学院 （1898）" href=http://www.360doc.com/content/16/1214/01/38698392_614493642.shtml target=_blank onclick="artStatistics('20-9-11');">理性来于感性|麦金托什|格拉斯哥艺术学院 （1898）</a></div><div><span></span><a title="《简约至上——交互式设计四策略》读书笔记" href=http://www.360doc.com/content/16/1214/01/38698392_614493519.shtml target=_blank onclick="artStatistics('20-9-11');">《简约至上——交互式设计四策略》读书笔记</a></div><div><span style="color:#b0b0b0;">[转] </span><a title="前端必须掌握30个CSS3选择器" href=http://www.360doc.com/content/13/0812/09/13476817_306545820.shtml target=_blank onclick="artStatistics('20-9-11');">前端必须掌握30个CSS3选择器</a></div></li></ul></div></div>
<div class="clear360doc" id="outerdivifartad1">
</div>
<div class="his_her" id="recommendArt">
<div class="hhtitle_">
<span class="s1">喜欢该文的人也喜欢</span>
<a onclick="artStatistics('20-28-4');" href="http://www.360doc.com/readroom.html" target="_blank">更多</a>
</div>
<div class='hhlist_new' id="recommendArtLists">
</div>
</div>
<div class="his_her" id="recommendArtHot">
<div class="hhtitle_">
<span class="s1"><i class="atnavicons"></i>热门阅读</span>
<a onclick="reSetHotArt();artStatistics('20-55-1-0');" href="javascript:void(0)">换一换</a>
</div>
<div class='hhlist_new' id="recommendArtHotLists">
</div>
</div>
<div class="clear360doc" style="padding-top: 10px;" id="divifartad2">
</div>
<div class="clear360doc" id="divad5" style="zoom: 1; width: 300px; display: none;">
<div id="divad4" style="display: none;">
<div id="divifartad">
</div>
<div class="ggwz">
</div>
<div style="height: 13px;">
</div>
</div>
<div style="clear: both; display: none;" id="divad6">
<div id="adfloatbaidu">
</div>
<div class="ggwz">
</div>
<div style="height: 13px;">
</div>
</div>
<div style="height: 75px;">
</div>
</div>
</div>
</div>
</div>
<p class="clearboth"></p>
<input type="hidden" id="artid" value="614495524" />
<input type="hidden" id="docarttitle" value="HTML%e7%9f%a5%e8%af%86%e7%82%b9%e6%95%b4%e7%90%86" />
<input type="hidden" id="firstartid" value="614495524" />
<input type="hidden" id="firstuid" value="38698392" />
<input type="hidden" id="myuid" value="-1" />
<input type="hidden" id="firstarturl" value="http://www.360doc.com/content/16/1214/01/38698392_614495524.shtml" />
<input type="hidden" id="oranfirstarturl" value="" />
<input type="hidden" id="subclassid" value="0" />
<input type="hidden" id="recommendart1" value="5201150" />
<input type="hidden" id="recommendart2" value="-1" />
<input type="hidden" id="isowner" value="False" />
<input type="hidden" id="isowner2" value="0" />
<input type="hidden" id="original" value="0" />
<input type="hidden" id="showrewardlist" value="0" />
<input type="hidden" id="saveruserid" value="38698392" />
<input type="hidden" id="sourceurl" value="" />
<input type="hidden" id="deschidden" value="" />
<input type="hidden" id="firstkeywords" value="" />
<input type="hidden" id="firsttagwords" value="" />
<input type="hidden" id="firstsubclassid" value="0" />
<input type="hidden" id="hidisneweditor" value="0" />
<input type="hidden" id="hidreadroomclassid" value="0" />
<input type="hidden" id="hidsubclassid" value="-1" />
<input type="hidden" id="hidisshowminiapp" value="1" />
<input type="hidden" id="articleTime" value="2016-12-14T01:31:51" />
<input name="acinfo" type="hidden" id="acinfo" />
<input type="hidden" id="activityimg" value="http://ebookimage.360doc.com/banner/banner_1590142105143.jpeg" />
<input type="hidden" id="activityurl" value="http://www.360doc.com/member/index.html" />
<input type="hidden" id="isblackartid" value="2" />
<input type="hidden" id="isIllegalArt" value="2" />
<input type="hidden" id="hidappid" value="" />
<input type="hidden" id="userstatus" value="1" />
<input type="hidden" id="isshowimg" value="1" />
<input type="hidden" id="showarttype" value="0" />
<input type="hidden" id="hidden_permission" value="0" />
<input type="hidden" id="AuthorizerAppid" value="" />
<input type="hidden" id="source" value="" />
<input type="hidden" id="hidIsReflecion" value="1" />
<input type="hidden" id="artreadroomid" value="0" />
<div class="contextmenu" id="contextmenudiv" style="display: none;">
<ul>
<li><a href="javascript:void(0)" onclick="document.execCommand('Copy');addStatisticsNew('20-29-1-2');">复制</a></li>
<li><a href="javascript:void(0)" onclick="PrintObj.init();addStatisticsNew('20-31-1-72');">打印文章</a> </li>
<li class="sendtophone"><a href="javascript:void(0)" onclick="addStatisticsNew('20-41-1-147');">发送到手机</a>
<div class="qr" id="mobileQr">
<p>微信扫码，在手机上查看选中内容</p>
<div id="sendtophone_qr"></div>
</div>
</li>
<li><a href="javascript:void(0)" onclick="FullScreenObj.init();addStatisticsNew('20-30-1-118');">全屏阅读</a> </li>
<li id="ArticleReadingLiBtn1" style="display: none;"><a id="ArticleReadingBtn1" href="javascript:void(0)" onclick="ArticleReadingClick(2);">朗读全文<b></b></a></li>
<li id="share_li">
<a href="javascript:void(0)" class="tri">分享文章</a>
<div class="sharelist_new ctxshare bdsharebuttonbox" id="ctxshare">
<a class="slbg1" href="javascript:void(0);" data-cmd="qzone" onclick="artStatistics('20-8-6');shareStatic.addStatic('qzone');">QQ空间</a>
<a class="slbg2" href="javascript:void(0);" data-cmd="sqq" onclick="shareStatic.addStatic('qq');artStatistics('20-8-7');">QQ好友</a>
<a class="slbg3" href="javascript:void(0);" data-cmd="tsina" onclick="shareStatic.addStatic('sina');artStatistics('20-8-8');">新浪微博</a>
<a class="slbg0" href="javascript:void(0);" onclick="shareWeixin()" id="ctx_weixin">微信</a>
<iframe width="95" height="95" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" allowtransparency="true" class="qr" rel="614495524" style="display: none;"></iframe>
</div>
</li>
</ul>
</div>
<div class="contextmenu unlogin" id="contextmenudivmouseup" style="display: none;">
<ul>
<li><a class="a1" href="javascript:void(0)" onclick="document.execCommand('Copy');$('#contextmenudivmouseup').hide();addStatisticsNew('20-29-1-2');">复制</a></li>
<li id="print_li_mouseup"><a href="javascript:void(0)" onclick="PrintObj.init();$('#contextmenudivmouseup').hide();addStatisticsNew('20-31-1-71');">打印文章</a> </li>
<li class="sendtophone" style="display: none"><a href="javascript:void(0)" onclick="addStatisticsNew('20-41-1-146');">发送到手机</a>
<div class="qr">
<p>微信扫码，在手机上查看选中内容</p>
<div></div>
</div>
</li>
<li><a href="javascript:void(0)" onclick="FullScreenObj.init();$('#contextmenudivmouseup').hide();addStatisticsNew('20-30-1-117');">全屏阅读</a> </li>
<li id="ArticleReadingLiBtn2" style="display: none;"><a id="ArticleReadingBtn2" href="javascript:void(0)" onclick="ArticleReadingClick(3);$('#contextmenudivmouseup').hide();">朗读全文</a> </li>
</ul>
</div>
<script src="/js/360query18.js?t=2020091001" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function setDragEnd() { };
function NewHighlight() { };
function delAllDiv() { };
if (window.location.toString().indexOf("shtml?") > 0) {
self.location = window.location.toString().replace(window.location.search.toString(), "");
}
function doccheckart(json) {
if (json[0].result == "1") {
if ( 614495524 != 614495524) {
if (getCookie("360doc1") != null) {
$.ajax({
url: "http://www.360doc.com/ajax/getuserid.ashx",
async: false,
cache: false,
dataType: "json",
success: function (result) {
if (38698392 != result.userid) {
self.location = "http://www.360doc.com/noarticle.aspx";
}
},
error:function(){
self.location = "http://www.360doc.com/noarticle.aspx";
}
});
}
else {
self.location = "http://www.360doc.com/noarticle.aspx";
}
}
else {
self.location = "http://www.360doc.com/noarticle.aspx";
}
}
}
</script>
<script src="/js/Statistics/addStatistics.js?t=2023010401" type="text/javascript"></script>
<script type="text/javascript">
function getCookie(name) //获取cookie值
{
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null)
return unescape(arr[2]);
return null;
}
var patt1 = new RegExp("[0-9]*_[0-9]*");
var url = patt1.exec(location.href);
if (navigator.userAgent.toLowerCase().indexOf("micromessenger") > -1) {
window.location.href = "http://www.360doc6.net/wxarticlenew/" + url.toString().split("_")[1] + ".html";
}
else if (navigator.userAgent.indexOf("iPhone") > 0 || navigator.userAgent.indexOf("Android") > 0 || navigator.userAgent.indexOf("iPod") > 0) { //手机端跳转
if (url != "") {
self.location = "https://www.360doc.cn/article/" + url + ".html";
}
}
if ( 614495524 != 614495524) {
if (getCookie("360doc1") != null) {
$.ajax({
url: "http://www.360doc.com/ajax/getuserid.ashx",
async: false,
cache: false,
dataType: "json",
success: function (result) {
if (38698392 != result.userid) {
self.location = "http://www.360doc.com/content/16/1214/01/38698392_614495524.shtml";
}
}
});
}
else {
self.location = "http://www.360doc.com/content/16/1214/01/38698392_614495524.shtml";
}
}
if ( 0 != 614495524&&"0" != "" &&"0" != "0" &&"0" != 1) {
$.ajax({
url: "http://www.360doc.com/ajax/getuserid.ashx",
cache: false,
dataType: "json",
success: function (result) {
if (result.userid != 38698392) {
location = "";
}
}
});
}
</script>
<script src="/js/showarticlefollow20160329.js?t=2024070902" type="text/javascript" charset="utf-8"></script>
<script src="/js/jQuery.md5.min.js?t=2016041501" type="text/javascript" charset="utf-8"></script>
<script src="/js/common/docgjio.js?t=2018012801" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?d86954201130d615136257dde062a503";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script src="/js/article/report.js?t=2023120501" type="text/javascript" charset="utf-8"></script>
<script src="/js/Statistics/sha1.js?t=2017092101" type="text/javascript"></script>
<script type="text/javascript" src="/js/index7/newheader2022.js?t=2023120501"></script>
<script src="/js/showarticle.js?t=2024120901" type="text/javascript" charset="utf-8"></script>
<script>GerLookingUserInfo(1,38698392,1,0,'','',10,0);OutputLastNextArt('理性来于感性|麦金托什|格拉斯哥艺术学院 （1898）','http://www.360doc.com/content/16/1214/01/38698392_614493642.shtml',0);OutputLastNextArt('jQuery之超详尽的DOM操作','http://www.360doc.com/content/16/1214/01/38698392_614495631.shtml',1);</script>
<script src="//blockart.360doc.com/ajax/getstatusv2.ashx?aid=614495524" type="text/javascript" charset="utf-8" async="async"></script>
<script type="text/javascript">
var baiduImagePlus = {
noLogo: true,
unionId: 'u2617463',
maxMiniAdCount: 0,
formList: [{ formId: 10 }]
};
//imgLogPcPage(1, 'code=69-2');
</script>
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/i.js" async="async"></script>
<script type="application/ld+json">
{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "http://www.360doc.com/content/16/1214/01/38698392_614495524.shtml",
"title": "HTML知识点整理",
"pubDate": "2016-12-14T01:31:51"
}
</script>
</body>
</html>
|
