html里的标签都有哪些_HTML/CSS

1条回答

2楼 · 2020-04-02 11:57

这个太多了，比如什么
定义关于文档的信息。

定义 section 或 page 的页眉。
定义有关文档中的 section 的信息。

定义水平线。
定义 html 文档。
定义斜体文本。
定义行内的子窗口（框架）。</span><br><span style="color: rgb(51, 51, 51); font-family: "><img> 定义图像。</></>< style><input> 定义输入域。</span><br><span style="color: rgb(51, 51, 51); font-family: "><ins> 定义插入文本。</span><br><span style="color: rgb(51, 51, 51); font-family: "><keygen> 定义生成密钥。</span><br><span style="color: rgb(51, 51, 51); font-family: "><isindex> HTML 5 中不支持。定义单行的输入域。</span><br><span style="color: rgb(51, 51, 51); font-family: "><kbd> 定义键盘文本。</span><br><span style="color: rgb(51, 51, 51); font-family: "><label> 定义表单控件的标注。</span><br><span style="color: rgb(51, 51, 51); font-family: "><legend> 定义 fieldset 中的标题。</span><br><span style="color: rgb(51, 51, 51); font-family: "><li> 定义列表的项目。</span><br><span style="color: rgb(51, 51, 51); font-family: "><link> 定义资源引用。</span><br><span style="color: rgb(51, 51, 51); font-family: "><map> 定义图像映射。</span><br><span style="color: rgb(51, 51, 51); font-family: "><mark> 定义有记号的文本。</span><br><span style="color: rgb(51, 51, 51); font-family: "><menu> 定义菜单列表。</span><br><span style="color: rgb(51, 51, 51); font-family: "><meta> 定义元信息。</span><br><span style="color: rgb(51, 51, 51); font-family: "><meter> 定义预定义范围内的度量。</span><br><span style="color: rgb(51, 51, 51); font-family: "><nav> 定义导航链接。</span><br><span style="color: rgb(51, 51, 51); font-family: "><noframes> HTML 5 中不支持。定义 noframe 部分。</span><br><span style="color: rgb(51, 51, 51); font-family: "><noscript> 定义 noscript 部分。</span><br><span style="color: rgb(51, 51, 51); font-family: "><object> 定义嵌入对象。</span><br><span style="color: rgb(51, 51, 51); font-family: "><ol> 定义有序列表。</span><br><span style="color: rgb(51, 51, 51); font-family: "><optgroup> 定义选项组。</span><br><span style="color: rgb(51, 51, 51); font-family: "><option> 定义下拉列表中的选项。</span><br><span style="color: rgb(51, 51, 51); font-family: "><output> 定义输出的一些类型。</span><br><span style="color: rgb(51, 51, 51); font-family: "><p> 定义段落等</span></p> <div class="appendcontent"> </div> </div>  <div class="tool-group">  <div class="cdn_question_answer2801"></div> <script type="text/javascript"> getquestioncaozuo(5,3076,2801); </script> </div> </div> </div> <div class="comments-mod " style="display: none; float: none; padding-top: 10px;" id="comment_2801"> <div class="areabox clearfix"> <div class="input-group"> <input type="text" placeholder="请输入评论内容，不少于5个字" AUTOCOMPLETE="off" class="comment-input form-control" name="content" /> <input type='hidden' value='0' name='replyauthor' /> <span class="input-group-btn"><input type="button" value="评论" class="btn btn-green" name="submit" onclick="addcomment(2801);" /> </span> </div> </div> <ul class="my-comments-list nav"> <li class="loading text-left"><img src='http://www.shouhuola.com/static/css/default/loading.gif' align='absmiddle' /> 加载中...</li> </ul> </div> </div> <div class="pages"></div> </div> </div> <div></div> </div>  <div class="cdn_question_invate"></div> <script type="text/javascript"> getquestioncaozuo(7,3076); </script>  <div class="new_xgwt"> <h3>相关问题推荐</h3>  <ul><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-28313.html" target="_blank">大前端是什么？和前端有区别吗？</a><i>2020-08-28 14:51</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>11</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。简单地说，能够从 App 屏幕和浏览器上看到的东西都属于前端。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30651.html" target="_blank">【Web前端基础】HTML文本框大小怎么设置</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <a href="http://www.shouhuola.com/tags/question/htmlyufa.html" target="_blank"><em>HTML语法</em></a> <i>2020-10-27 15:18</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>9</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">　　inputname=type=textstyle=width:200px;height:20px;</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-14902.html" target="_blank">web前端培训要多久时间？</a><i>2020-05-27 09:57</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>18</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">一般在4.5个月左右。</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30236.html" target="_blank">女生学Web是不是有些难度，零基础！</a><i>2020-10-11 16:09</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>15</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">女生零基础学web前端是不难的。这是比较注重实际动手操作的学科，只要你肯用心学，并且有专业老师的指导，女生零基础学web前端，只需要4个月左右的时间</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-16519.html" target="_blank">前端适合女生学吗？</a><i>2020-06-02 17:42</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>14</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">很适合女生学习，主要是看自己在这方面有没有兴趣</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-29840.html" target="_blank">css选择器的作用是什么</a><a href="http://www.shouhuola.com/tags/question/cssxuanzeqi.html" target="_blank"><em>CSS选择器</em></a> <i>2020-09-24 11:52</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>9</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">CSS主要的作用就是给网页中的dom元素设置样式，选择器则是用来匹配dom元素的。CSS中的选择器有三种，分别是标签选择器(根据元素标签名称)，类选择器(根据元素class属性)，id选择器(根据元素id属性)，并且三种选择器可以相互结合使用例如：body{background-col...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-29756.html" target="_blank">web前端课程内容都学什么？</a><i>2020-09-22 21:10</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>17</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">html、css、js、框架、小程序等</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-9368.html" target="_blank">想通过培训学习后进入IT行业，什么方向更好呢？</a><i>2020-04-29 13:58</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>11</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">根据自己的兴趣和实际情况来选择编程：Java、大前端、Python人工智能、大数据、Linux云计算、软件测试、PHP、网络安全设计：UI设计、产品经理、三维可视化设计、影视动画、室内设计、VR/AR运营：互联网营销、新媒体运营、短视频运营、电商运营每个人都是不同...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-36792.html" target="_blank">input框里如何插入一个文本框？</a><i>2021-07-31 09:32</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>7</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">HTML123倒计时JS//验证码var counts = 60;function settime(val) { if(counts == 0) { val.removeAttribute(disabled); val.value = 获取验证码; counts = 60; return...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-36624.html" target="_blank">CSS样式中div中的元素怎么让他们水平和垂直居中</a><i>2021-06-27 20:22</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>5</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">HTML中有个class为box的div元素，通过修改css样式让box元素在页面水平垂直居中显示 </p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-33676.html" target="_blank">零基础新手学习Web前端应该掌握哪些知识</a><i>2021-02-03 09:28</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>11</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">HTML,CSSJavaScriptjQueryvue,React微信小程序，公众号</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31806.html" target="_blank">是否能熟练运用CSS, HTML?</a><i>2020-12-15 08:43</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>7</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">对于前端初学者来说，html+css是入门前端最基础的内容，要学好并熟练运用html+css可从以下几点出发： 1.结合html+css+Photoshop，学会如何切割页面。所谓切图是指将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面。 2.打开有关浏览器网页，参...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30649.html" target="_blank">【Web前端基础】html文本居中怎么设置</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <a href="http://www.shouhuola.com/tags/question/htmlyufa.html" target="_blank"><em>HTML语法</em></a> <i>2020-10-27 15:09</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>7</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">html如何让文字居中显示通过设置左右margin值为auto来实现居中的。我们来看个例子就是专设置属div这个块状元素水平居中：html代码：div{border:1pxsolidred;/*为了显示居中效果明显为div设置了边框*/width:200px;margin:20pxauto;/*margin-left与margin-right...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-29955.html" target="_blank">内联块元素的对齐方式问题</a><i>2020-09-26 11:50</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>3</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">有关块与内联元素的心得(内联元素右对齐)未改代码:目的:将日期右对齐,但下面的代码,把含日期内联元素转为块元素,再让其向右浮动,但结果显得为错位显示.未能达到预期目的. New Document #css01{width:360px;height:300px;text-align : left; float:left;margin...</p> </div> </li></ul> <div class="notSolve">没有解决我的问题，<a href="http://www.shouhuola.com/question/add.html">去提问</a></div> </div> </div> </div> </div> </div> <div class="col-md-7 aside "> <div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">等你来答</h3> <ul><li class="no-video"> <a href="http://www.shouhuola.com/q-28313.html" title="大前端是什么？和前端有区别吗？"> 大前端是什么？和前端有区别吗？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-28313.html" class="anum">11 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-30651.html" title="【Web前端基础】HTML文本框大小怎么设置"> 【Web前端基础】HTML文本框大小怎么设置 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-30651.html" class="anum">9 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-14902.html" title="web前端培训要多久时间？"> web前端培训要多久时间？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-14902.html" class="anum">18 个回答</a> </div> </li></ul> </div> </div> <div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">热门问答</h3> <ul><li class="no-video"> <a href="http://www.shouhuola.com/q-28257.html" title="女生适合学的技术都有哪些？"> 女生适合学的技术都有哪些？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-28257.html" class="anum">11 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-33676.html" title="零基础新手学习Web前端应该掌握哪些知识"> 零基础新手学习Web前端应该掌握哪些知识 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-33676.html" class="anum">11 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-3781.html" title="前端如何让多个盒子在同一排展示？"> 前端如何让多个盒子在同一排展示？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-3781.html" class="anum">6 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-7366.html" title="学前端必须学习HTML和js吗？"> 学前端必须学习HTML和js吗？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-7366.html" class="anum">9 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-398.html" title="Web前端的http和https有什么区别？"> Web前端的http和https有什么区别？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-398.html" class="anum">13 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-27401.html" title="html中内边距和外边距之间的区别是什么？"> html中内边距和外边距之间的区别是什么？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-27401.html" class="anum">5 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-28569.html" title="html里的block属性是什么意思"> html里的block属性是什么意思 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-28569.html" class="anum">3 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-2690.html" title="HTML/CSS学了之后有什么用？"> HTML/CSS学了之后有什么用？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-2690.html" class="anum">8 个回答</a> </div> </li></ul> </div> </div><div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">相关文章</h3> <ul><li class="no-video"><a href="http://www.shouhuola.com/article-53403.html" title="normalize库"> normalize库</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53403.html" title="normalize库" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53335.html" title="Django 多线程问题是怎么回事？"> Django 多线程问题是怎么回事？</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53335.html" title="Django 多线程问题是怎么回事？" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53294.html" title="前端学习者应该知道的前端学习方向"> 前端学习者应该知道的前端学习方向</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53294.html" title="前端学习者应该知道的前端学习方向" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53166.html" title="CSS 基础框盒模型介绍"> CSS 基础框盒模型介绍</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53166.html" title="CSS 基础框盒模型介绍" class="anum"> 1个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53145.html" title="常见的浏览器兼容问题"> 常见的浏览器兼容问题</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53145.html" title="常见的浏览器兼容问题" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53047.html" title="响应式布局"> 响应式布局</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53047.html" title="响应式布局" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53042.html" title="清除浮动的方法"> 清除浮动的方法</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53042.html" title="清除浮动的方法" class="anum"> 2个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53029.html" title="html是什么"> html是什么</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53029.html" title="html是什么" class="anum"> 0个评论</a> </div></li> </ul> </div> </div></div> </div> </div> <div class="modal fade" id="dialogadopt"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">采纳回答</h4> </div> <div class="modal-body"> <form class="form-horizontal" name="editanswerForm" method="post"> <input type="hidden" value="3076" id="adopt_qid" name="qid" /> <input type="hidden" id="adopt_answer" value="0" name="aid" /> <table class="table "> <tr valign="top"> <td>向帮助了您的网友说句感谢的话吧!</td> </tr> <tr> <td> <div class="inputbox mt15"> <textarea class="form-control" id="adopt_txtcontent" name="content">非常感谢!</textarea> </div> </td> </tr> <tr> <td><button type="button" id="adoptbtn" class="btn btn-success">确 认</button></td> </tr> </table> </form> </div> </div> </div> </div> <script> if(typeof($(".work-show-box").find("img").attr("data-original"))!="undefined"){ var imgurl=$(".work-show-box").find("img").attr("data-original"); $(".work-show-box").find("img").attr("src",imgurl); } $(".work-show-box,.answercontent").find("img").attr("data-toggle","lightbox").attr("data-lightbox-group",Date.parse( new Date() ).toString()); $("#adoptbtn").click(function(){ var data={ content:$("#adopt_txtcontent").val(), qid:$("#adopt_qid").val(), aid:$("#adopt_answer").val() } $.ajax({ //提交数据的类型 POST GET type:"POST", //提交的网址 url:"http://www.shouhuola.com/question/ajaxadopt.html", //提交的数据 data:data, //返回数据的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在请求之前调用的函数 beforeSend:function(){}, //成功返回之后调用的函数 success:function(data){ var data=eval("("+data+")"); if(data.message=='ok'){ new $.zui.Messager('采纳成功!', { type: 'success', close: true, placement: 'center' // 定义显示位置 }).show(); setTimeout(function(){ window.location.reload(); },1500); }else{ new $.zui.Messager(data.message, { close: true, placement: 'center' // 定义显示位置 }).show(); } } , //调用执行后调用的函数 complete: function(XMLHttpRequest, textStatus){ }, //调用出错执行的函数 error: function(){ //请求出错处理 } }); }) </script> </div>  <div class="modal fade" id="dialog_tag"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">编辑标签</h4> </div> <div class="modal-body"> <form onsubmit=" return checktagsubmit()" class="form-horizontal" name="edittagForm" action="http://www.shouhuola.com/question/edittag.html" method="post"> <input type="hidden" value="3076" name="qid" /> <p>最多设置5个标签!</p> <div class="inputbox mar-t-1"> <div class=" dongtai "> <div class="tags"></div> <input type="text" autocomplete="off" data-toggle="tooltip" data-placement="bottom" title="" placeholder="检索标签，最多添加5个,添加标签更容易被回答" data-original-title="检索标签，最多添加5个" name="topic_tagset" value="" class="txt_taginput"> <i class="fa fa-search"></i> <div class="tagsearch"></div> </div> <input type="hidden" class="form-control" id="qtags" name="qtags" value="" /> </div> <div class="mar-t-1"> <button type="submit" class="btn btn-success">保存</button> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> </div> </form> </div> </div> </div> </div> <div class="modal fade panel-report" id="dialog_inform"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">举报内容</h4> </div> <div class="modal-body"> <form id="rp_form" class="rp_form" action="http://www.shouhuola.com/inform/add.html" method="post"> <input value="" type="hidden" name="qid" id="myqid"> <input value="" type="hidden" name="aid" id="myaid"> <input value="" type="hidden" name="qtitle" id="myqtitle"> <div class="js-group-type group group-2"> <h4>检举类型</h4> <ul> <li class="js-report-con"><label><input type="radio" name="group-type" value="1"><span>检举内容</span></label></li> <li class="js-report-user"><label><input type="radio" name="group-type" value="2"><span>检举用户</span></label></li> </ul> </div> <div class="group group-2"> <h4>检举原因</h4> <div class="list"> <ul> <li><label class="reason-btn"><input type="radio" name="type" value="4"><span>广告推广</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="5"><span>恶意灌水</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="6"><span>回答内容与提问无关</span> </label></li> <li><label class="copy-ans-btn"><input type="radio" name="type" value="7"><span>抄袭答案</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="8"><span>其他</span></label></li> </ul> </div> </div> <div class="group group-3"> <h4>检举说明(必填)</h4> <div class="textarea"> <ul class="anslist" style="display: none; line-height: 20px; overflow: auto; height: 171px;"> </ul> <textarea name="content" maxlength="200" placeholder="请输入描述200个字以内"> </textarea> </div> </div> <div class="mar-t-1"> <button type="submit" id="btninform" class="btn btn-success">提交</button> <button type="button" class="btn btn-default mar-ly-1" data-dismiss="modal">关闭</button> </div> </form> </div> </div> </div> </div>  <div class="modal share-wechat animated" style="display: none;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> </div> <div class="modal-body"> <h5>打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮</h5> <div data-url="http://www.shouhuola.com/q-3076.html" class="qrcode" title="http://www.shouhuola.com/q-3076.html"> <canvas width="170" height="170" style="display: none;"></canvas> <div id="qr_wxcode"></div> </div> </div> <div class="modal-footer"></div> </div> </div> </div>  <div class="modal pay-money animated" style="display: none;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> </div> <div class="modal-body"> <h5>付费偷看金额在0.1-10元之间</h5> <div class="mar-t-1"> <input type="number" value="0" id="chakanjine" class="form-control" /> </div> <button id="comfirm_pay" class="btn btn-success mar-t-1">确定</button> </div> <div class="modal-footer"></div> </div> </div> </div>  <div class="modal fade" id="dialog_invate"> <div class="modal-dialog" style="width: 700px; top: 10px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title"></h4> <div class="m_invateinfo"> <span class="m_i_text""> 您已邀请<span class="m_i_persionnum">15</span>人回答 </span> <span data-toggle="popover" data-tip-class="popover-info" data-html="ture" data-placement="bottom" data-content="" title="我的邀请列表" class="m_i_view">查看邀请</span> <div class="m_i_warrper"> <input data-qid="3076" type="text" id="m_i_searchusertxt" class="m_i_search" placeholder="搜索你想邀请的人"> <i class="fa fa-search"></i> </div> </div> </div> <div class="modal-body">  <ul class="trigger-menu m_invate_tab" data-pjax-container="#list-container"> <li class="active" data-qid="3076" data-item="1"><a href="javascript:">擅长该话题的人</a></li> <li class="" data-qid="3076" data-item="2"><a href="javascript:"> 回答过该话题的人</a></li> <li class="" data-qid="3076" data-item="3"><a href="javascript:">我关注的人</a></li> </ul>  <div class="m_invatelist"></div> </div> </div> </div> </div> <script> getquestioncaozuo(1,3076); getquestioncaozuo(2,3076); getquestioncaozuo(3,3076); getquestioncaozuo(4,3076); getquestioncaozuo(8,3076); $(".btnshowall").click(function(){ $(".shortquestioncontent").toggle(); $(".hidequestioncontent").toggle(); }); $("#normal-comment-list .answercontent").each(function(){ if($(this).height()>150){ $(this).parent().find(".readmore").show(); }else{ $(this).parent().find(".readmore").hide(); } }); // $(".readmore").click(function(){ // if($.trim($(this).html())=="查看更多"){ // $(this).parent().find(".answercontent").css("max-height","100000px").css("overflow","visible"); // $(this).html("收起"); // }else{ // $(this).parent().find(".answercontent").css("max-height","200px").css("overflow","hidden"); // $(this).html("查看更多"); // } // }); var needcode=0; var g_id = 6; var qid = 3076; function listertext(){ var _content=$("#anscontent").val(); if(_content.length>0&&g_id!=1){ $(".code_hint").show(); }else{ $(".code_hint").hide(); } } var mobile_localyuyin=1; // var userAgent = window.navigator.userAgent.toLowerCase(); // $.browser.msie8 = $.browser.msie && /msie 8\.0/i.test(userAgent); // if($.browser.msie8==true){ // var mobile_localyuyin=0; // } var targetplay=null; function checktagsubmit(){ if(gettagsnum()<=0){ alert("请设置标签"); return false; } if(gettagsnum()>5){ alert("最多添加5个标签"); return false; } var _tagstr=gettaglist(); $("#qtags").val(_tagstr); } $(".txt_taginput").on(" input propertychange",function(){ var _txtval=$(this).val(); if(_txtval.length>1){ //检索标签信息 var _data={tagname:_txtval}; var _url="http://www.shouhuola.com/tags/ajaxsearch.html"; function success(result){ console.log(result) if(result.code==200){ console.log(_txtval) $(".tagsearch").html(""); for(var i=0;i<result.taglist.length;i++){ var _msg=result.taglist[i].tagname $(".tagsearch").append('<div class="tagitem" tagid="'+result.taglist[i].id+'">'+_msg+'</div>'); } $(".tagsearch").show(); $(".tagsearch .tagitem").click(function(){ var _tagname=$.trim($(this).html()); var _tagid=$.trim($(this).attr("tagid")); if(gettagsnum()>=5){ alert("标签最多添加5个"); return false; } if(checktag(_tagname)){ alert("标签已存在"); return false; } $(".dongtai .tags").append('<div class="tag"><span tagid="'+_tagid+'">'+_tagname+"</span><i class='fa fa-close'></i></div>"); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".tagsearch").html(""); $(".tagsearch").hide(); $(".txt_taginput").val(""); }); } } ajaxpost(_url,_data,success); }else{ $(".tagsearch").html(""); $(".tagsearch").hide(); } }) function checktag(_tagname){ var tagrepeat=false; $(".dongtai .tags .tag span").each(function(index,item){ var _tagnametmp=$.trim($(this).html()); if(_tagnametmp==_tagname){ tagrepeat=true; } }) return tagrepeat; } function gettaglist(){ var taglist=''; $(".dongtai .tags .tag span").each(function(index,item){ var _tagnametmp=$.trim($(this).attr("tagid")); taglist=taglist+_tagnametmp+","; }) taglist=taglist.substring(0,taglist.length-1); return taglist; } function gettagsnum(){ return $(".dongtai .tags .tag").length; } $(".tagsearch .tagitem").click(function(){ var _tagname=$.trim($(this).html()); if(gettagsnum()>=5){ alert("标签最多添加5个"); return false; } if(checktag(_tagname)){ alert("标签已存在"); return false; } $(".dongtai .tags").append('<div class="tag"><span>'+_tagname+"</span><i class='fa fa-close'></i></div>"); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".tagsearch").html(""); $(".tagsearch").hide(); $(".txt_taginput").val(""); }); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".yuyinplay").click(function(){ targetplay=$(this); var _serverid=targetplay.attr("id"); if(_serverid == '') { alert('语音文件丢失'); return; } $(".wtip").html("免费偷听"); targetplay.find(".wtip").html("播放中.."); if(mobile_localyuyin==1){ $(".htmlview").removeClass("hide"); $(".ieview").addClass("hide"); var myAudio =targetplay.find("#voiceaudio")[0]; // myAudio.pause(); //myAudio.play(); if(myAudio.paused){ targetplay.find(".wtip").html("播放中.."); myAudio.play(); }else{ targetplay.find(".wtip").html("暂停.."); myAudio.pause(); } function endfun(){ targetplay.find(".wtip").html("播放结束");alert("播放结束!")} var is_playFinish = setInterval(function(){ if( myAudio.ended){ endfun(); window.clearInterval(is_playFinish); } }, 10); }else{ $(".ieview").removeClass("hide"); $(".htmlview").addClass("hide"); } }) function deleteanswer(current_aid){ if(confirm("是否删除此回答?")){ window.location.href=g_site_url + "index.php" + query + "question/deleteanswer/"+current_aid+"/3076"; } } function adoptanswer(aid) { $("#adopt_answer").val(aid); $('#dialogadopt').modal('show'); } //编辑标签 function edittag() { $('#dialog_tag').modal('show'); } if(typeof($(".show-content").find("img").attr("data-original"))!="undefined"){ var imgurl=$(".show-content").find("img").attr("data-original"); $(".show-content").find("img").attr("src",imgurl); } $(".show-content,.answercontent").find("img").attr("data-toggle","lightbox").attr("data-lightbox-group",Date.parse( new Date() ).toString()); var category1 = [["15","Web前端"],["16","Java"],["17","Python"],["18","UI/UE设计"],["19","云计算"],["20","软件测试"],["21","大数据"],["23","网络安全"],["26","认证考试"],["28","职业发展"],["14","营销运营"],["22","游戏开发"],["24","三维室内设计"],["27","办公效率"],["29","兴趣生活"]]; var category2 = [["14","30","SEO优化"],["15","40","HTML/CSS"],["16","53","基础入门"],["17","58","Python核心编程"],["18","62","视觉设计基础"],["19","66","网络基础"],["20","71","功能测试"],["21","75","Java主流框架"],["22","79","C#语言基础"],["23","83","网络安全基础"],["24","88","模型与效果图"],["26","92","软考"],["27","101","Word"],["28","108","简历指导"],["29","113","前沿技术"],["28","115","职场困惑"],["27","117","工具资源"],["14","31","SEM推广"],["15","41","HTML5"],["16","54","算法分析"],["17","59","网络爬虫"],["18","63","品牌视觉设计"],["19","67","linux基础"],["20","72","自动化测试"],["21","76","Hadoop"],["22","80","Unity引擎"],["23","84","Web安全漏洞"],["24","89","Q版模型"],["26","93","PMP"],["27","102","Excel"],["28","109","面试礼仪"],["29","114","生活常识"],["28","116","行业前景"],["14","32","信息流"],["15","42","CSS3"],["16","55","微服务框架"],["17","60","人工智能"],["18","64","电商设计"],["19","68","linux运维自动化"],["20","73","接口测试"],["21","77","Spark"],["22","81","游戏策划"],["23","85","WAF安全测试"],["24","90","次世代模型"],["26","94","华为认证"],["27","103","PPT"],["28","110","面试问题"],["14","33","模板建站"],["15","43","JavaScript"],["16","56","数据库"],["17","61","全栈开发"],["18","65","UI交互设计"],["19","69","数据库运维管理"],["20","74","性能测试"],["21","78","机器学习"],["22","82","VR/AR"],["23","86","自动化安全检测"],["24","91","引擎地编"],["26","95","思科认证"],["27","104","WPS"],["14","34","新媒体运营"],["15","44","Vue.js"],["16","57","链接池"],["19","70","云架构管理"],["23","87","渗透测试"],["26","96","红帽认证"],["27","105","project"],["14","35","淘宝天猫"],["15","45","React.JS"],["26","97","微软认证"],["27","106","思维导图"],["14","36","京东运营"],["15","46","Angular"],["26","98","H3C认证"],["27","107","电脑基础"],["14","37","拼多多运营"],["15","47","Node.js"],["26","99","百度认证"],["14","38","短视频直播"],["15","48","jQuery"],["26","100","计算机等级考试"],["15","49","Bootstrap"],["15","50","Sass/Less"],["15","51","WebApp"],["15","52","小程序"]]; var category3 = []; var selectedcid = "15,40,40"; //修改分类 function change_category() { var category1 = $("#category1 option:selected").val(); var category2 = $("#category2 option:selected").val(); var category3 = $("#category3 option:selected").val(); if (category1 > 0) { $("#categoryid").val(category1); } if (category2 > 0) { $("#categoryid").val(category2); } if (category3 > 0) { $("#categoryid").val(category3); } $("#catedialog").model("hide"); $("form[name='editcategoryForm']").submit(); } //投诉 function openinform(qid ,qtitle,aid) { $("#myqid").val(qid); $("#myqtitle").val(qtitle); $("#myaid").val(aid); $('#dialog_inform').modal('show'); } $(".showcommentid").each(function(){ var dataid=$(this).attr("data-id"); show_comment(dataid); }); function show_comment(answerid) { if ($("#comment_" + answerid).css("display") === "none") { load_comment(answerid); $("#comment_" + answerid).slideDown(); } else { $("#comment_" + answerid).slideUp(); } } //添加评论 function addcomment(answerid) { var content = $("#comment_" + answerid + " input[name='content']").val(); var replyauthor = $("#comment_" + answerid + " input[name='replyauthor']").val(); console.log(g_uid); if (g_uid == 0){ login(); return false; } if (bytes($.trim(content)) < 5){ alert("评论内容不能少于5字"); return false; } $.ajax({ type: "POST", url: "http://www.shouhuola.com/answer/addcomment.html", data: "content=" + content + "&answerid=" + answerid+"&replyauthor="+replyauthor, success: function(status) { if (status == '1') { $("#comment_" + answerid + " input[name='content']").val(""); load_comment(answerid); }else{ if(status == '-2'){ alert("问题已经关闭，无法评论"); } } } }); } //删除评论 function deletecomment(commentid, answerid) { if (!confirm("确认删除该评论?")) { return false; } $.ajax({ type: "POST", url: "http://www.shouhuola.com/answer/deletecomment.html", data: "commentid=" + commentid + "&answerid=" + answerid, success: function(status) { if (status == '1') { load_comment(answerid); }else{ alert(status); } } }); } //加载评论 function load_comment(answerid){ $.ajax({ type: "GET", cache:false, url: "http://www.shouhuola.com/index.php?answer/ajaxviewcomment/" + answerid, success: function(comments) { $("#comment_" + answerid + " .my-comments-list").html(comments); } }); } function replycomment(commentauthorid,answerid){ var comment_author = $("#comment_author_"+commentauthorid).attr("title"); $("#comment_"+answerid+" .comment-input").focus(); $("#comment_"+answerid+" .comment-input").val("回复 "+comment_author+" :"); $("#comment_" + answerid + " input[name='replyauthor']").val(commentauthorid); } $(function(){ initcategory(category1); fillcategory(category2, $("#category1 option:selected").val(), "category2"); fillcategory(category3, $("#category2 option:selected").val(), "category3"); var qrurl="http://www.shouhuola.com/q-3076.html"; //微信二维码生成 $('#qr_wxcode').qrcode(qrurl); //显示微信二维码 $(".share-weixin").click(function(){ $(".share-wechat").show(); }); //关闭微信二维码 $(".close").click(function(){ $(".share-wechat").hide(); $(".pay-money").hide(); }); }) </script> <link rel="stylesheet" type="text/css" href="http://www.shouhuola.com/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://www.shouhuola.com/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script>hljs.initHighlightingOnLoad();</script> <script src="http://www.shouhuola.com/static/js/jquery.lazyload.min.js" type="text/javascript"></script> <script> $("img.lazy").lazyload({effect: "fadeIn" }); </script> <div class="side-tool" id="to_top"><ul><li data-placement="left" data-toggle="tooltip" data-container="body" data-original-title="回到顶部" > <a href="#" class="function-button"><i class="fa fa-angle-up"></i></a> </li> </ul></div> <script> window.onload = function(){ $(".edui-upload-video").attr("preload",""); var oTop = document.getElementById("to_top"); var screenw = document.documentElement.clientWidth || document.body.clientWidth; var screenh = document.documentElement.clientHeight || document.body.clientHeight; window.onscroll = function(){ var scrolltop = document.documentElement.scrollTop || document.body.scrollTop; if(scrolltop<=screenh){ oTop.style.display="none"; }else{ oTop.style.display="block"; } if(scrolltop>30){ $(".scrollshow").show(); }else{ $(".scrollshow").hide(); } } oTop.onclick = function(){ document.documentElement.scrollTop = document.body.scrollTop =0; } } </script> <footer id="footer"> <div class="copyrigth-wrap small"> <div class="content copyrigth"> <i style=" display: block;width: 685px; background: #d2d2d2; color: #fff; padding: 5px; margin: 0 0 10px 0;" >收获啦作为免费、公开信息平台，用户进行的所有活动由其自身承担法律责任。如您发现不良信息、侵权内容，请立即联系我们。</i> Copyright © 2020 收获啦！ <a href="http://beian.miit.gov.cn" target="_blank">京ICP备10005032号-11</a> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031459">京公网安备11010802031459号</a> <a href='https://zzlz.gsxt.gov.cn/businessCheck/verifKey.do?showType=p&serial=911101087861894810-SAIC_SHOW_1000009111010878618948101600759758300&signData=MEQCIBOfIClgLS82gBPNpbDSMQhpzy42b5sfm4qyBuPQk4TpAiDoaOjIBVY0sy0SMhlipCFi89IoHcQ++mrnvyaJqJXz9Q==' target="_blank" rel="nofollow">电子营业执照</a>   <a href="http://www.shouhuola.com/article-52509.html" target="_blank">使用协议|免责声明</a> <a > </a> <span class="ilblk dblj"> <a href="http://www.shouhuola.com/article-52508.html" target="_blank">联系我们</a> | <a href="/tags/default.html" target="_blank">标签大全</a> | <a href="/note/list.html" target="_blank">站内公告</a> | <a href="/rule/index.html" target="_blank">财富规则</a> </span> </div> </div> </footer> </body> </html>