DOCTYPE指令、xmlns及JS代码前面的注释说明

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
以下面这个 <!DOCTYPE> 标签为例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 XHTML 的呈现特性时,请使用上述类型。
xmlns是XHTML namespace的缩写。
作用:由于xml允许定义自己的标记,但你定义的标记和其他人定义的标记有可能相同,但表示不同的含义。当文档交换或者共享的时候就容易产生错误。为避免这种错误产生,xml采用名字空间声明,允许你通过一个网址来识别你的标记。
XHTML是HTML先xml过度的标记语言,它需要符合xml文档规则,因此,也需要定义名字空间,又因为XHTML1.0不能自定义标识,所以,它的名字空间都相同,就是:http://www.w3.org/1999/xhtml
JS代码格式:
<body>
A
<script type="text/javascript">
<!--111
alert('dfg');
//-->000
</script>
B
</body>
如果浏览器识别JS代码,那么忽略HTML注释<!--111,虽然在script中,而且也没有结束标记-->,但是只要浏览器识别JS代码,就没关系,可以认为在行尾加了-->。对于下面的//-->000,则认为是JS注释语句,忽略不管。
如果是早期的浏览器不识别JS代码,那么它忽略script标签,<!--和-->构成一个完整的HTML注释语句,不至于把JS代码显示给用户。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的返回顶部代码注释说明: ```html <!DOCTYPE html> <html> <head> <title>返回顶部</title> <style> /* 按钮样式 */ #btn { display: none; /* 隐藏按钮 */ position: fixed; /* 固定在屏幕右下角 */ bottom: 30px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #555; color: white; cursor: pointer; padding: 15px; border-radius: 10px; } /* 当页面滚动时,显示按钮 */ #btn.show { display: block; } </style> </head> <body> <!-- 页面内容 --> <button id="btn" onclick="topFunction()">返回顶部</button> <script> // 当页面滚动时,显示/隐藏返回顶部按钮 window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { document.getElementById("btn").classList.add("show"); } else { document.getElementById("btn").classList.remove("show"); } } // 点击按钮返回顶部 function topFunction() { document.body.scrollTop = 0; // Safari document.documentElement.scrollTop = 0; // Chrome, Firefox, IE and Opera } </script> </body> </html> ``` 注释说明: 1. `#btn`:按钮的 CSS 样式。 2. `#btn.show`:当页面滚动时,显示按钮的 CSS 样式。 3. `window.onscroll`:当页面滚动时触发的事件。 4. `scrollFunction()`:页面滚动时执行的函数。 5. `document.body.scrollTop`:页面在 Y 轴上的滚动距离(适用于 Safari 浏览器)。 6. `document.documentElement.scrollTop`:页面在 Y 轴上的滚动距离(适用于 Chrome、Firefox、IE 和 Opera 浏览器)。 7. `topFunction()`:点击按钮时执行的函数。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值