HTML、javascript、CSS 注释符号、语法
HTML、javascript、CSS 注释符号、语法HTML 注释:
我们经常要在 HTML 代码旁做一些注释,这样做的好处很多;譬如:方便查找、比对,便于其它程序员了解您的代码,便于以后您自己理解、修改代码,等等。
1、单行注释语法:
<!--注释文字--> 2、多行注释语法:
<!--
注释文字 1
注释文字 2
注释文字 3
--> 3、范例:
示例 1:
HTML 页面右侧带注释弹出式 “在线客服” HTML 代码
<!-- 在线客服代码开始 -->
<div class="service_box">
<ul class="tab_nav">
<li>
<a href=""><i class="icon icon_1"></i><b>在线客服</b></a>
</li>
<li>
<a href=""><i class="icon icon_3"></i><b>微信</b></a>
</li>
</ul>
<div class="tab_content">
<div class="tab_plan">
<p class="fs14">
<b>销售推广_唐女士 QQ:1721809125</b>
<br>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1721809125&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1721809125:51" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
</p>
<p class="mt10">上班时间(星期一至星期五):
<br>
<u><b>10:30-12:0014:00-17:30</b></u>
</p>
<p class="fs14">
<b>技术推广_江先生 QQ:1477987636</b>
<br>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1477987636&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1477987636:51" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
</p>
<p class="mt10">上班时间(星期一至星期五):
<br>
<u><b>09:00-12:0014:00-18:30</b></u>
</p>
<p>广州市德数机械设备有限公司</p>
<p class="text-left" style="font-size:14px;color:#242424">
<a href="http://map.baidu.com/?newmap=1&s=inf%26uid%3Dae8d6d0122c7147f2cb96d89%26wd%3D%E5%B9%BF%E5%B7%9E%E5%B8%82%E5%BE%B7%E6%95%B0%E6%9C%BA%E6%A2%B0%E8%AE%BE%E5%A4%87%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8%26all%3D1%26c%3D257&from=alamap&tpl=map_singlepoint"
style="color:#242424">地址:广东省广州市黄埔区南岗沙步二横路3号自编435房 (沙步社区综治信访维稳中心右侧)</a>
<br>邮编:510735</p>
</div>
<div class="tab_plan" style="display: none;">
<img src="images/weixin.jpg" alt="官方微信自助客服" width="200" height="200">
<p>
<b>扫一扫</b>
</p>
</div>
</div>
</div>
<script type="text/javascript">
$(".service_box .tab_nav li").hover(function(){
var i=$(this).index();
$(this).addClass("active").siblings().removeClass("active");
$(".service_box .tab_plan:eq("+i+")").show().siblings().hide();
});
$(function(){
var t;
$(".service_box").hover(function(){
$(".service_box").animate({right:0},300)
clearTimeout(t);
},function(){
t=setTimeout(function(e){
$(".service_box").animate({right:"-250px"},300);
$(".service_box").find(".tab_nav li").removeClass("active");
},1000);
});
});
var isTransition=true;
$(".m_logo").hover(function(){
var r=0;
if(isTransition){
animateTime = setInterval(function(){
if (r>=153){
clearInterval(animateTime);
isTransition=true;
}else{
isTransition=false;
r++;
$(".m_logo a").attr("style","-webkit-mask:-webkit-gradient(radial, 45 25, "+r+", 45 25, "+(r+15)+", from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)));")
};
},5);
}
},function(){
return;
});
</script>
<!-- 在线客服代码结束 --> 示例 2:
HTML 页面 javascript 代码引用注释
<!-- 百度免费搜索 & 提示 -->
<script language="javascript">
function g(formname){
var url = "http://www.baidu.com/baidu";
if (formname.s.checked) {
formname.ct.value = "2097152";
}
else {
formname.ct.value = "0";
}
formname.action = url;
return true;
}
</script>
<script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>CSS 注释:
1、单行注释语法:
/* 注释文字*/ 示例:
/* 文本属性:字号、颜色、粗细 */ 2、多行注释语法:
/*
注释文字 1
注释文字 2
注释文字 3
*/ 示例:
/*
Name: mod_page_header
Level: Global
Sample: <h1 class="ph">Text</h1>
Explain: 页面中标题级别的文字 [!]此处须整合为一个单独 class
Last Modify: lushnis
*/javascript 注释:
1、单行注释语法:
//注释文字 1、多行注释语法:
/*
注释文字 1
注释文字 2
注释文字 3
*/
html, HTML5, css, javascript, python
html, HTML5, css, javascript, python
页:
[1]