学习 HTML 在线

378HTML标签<!-->

javascript 中 <!-- //--> 是做什么用的？

HTML 中使用 JavaScript 经常看到以下写法：

<script type="text/javascript">
<!--
XXXXXXXX内容略XXXXX
//-->
</script>

这是防止某些浏览器，不支持 javascript，导致 javascript 的代码直接出现在页面上，影响美观。

因此，用 HTML 的注释把 javascript 的代码包括起来，如果浏览器不支持 javascript，那么也会当做注释处理。尽管 javascript 失效了，但不至于把源代码显示在页面上。

（有些浏览器可能支持 javascript，但也提供用户一个开关，关闭 javascript，如果用户关闭了javascript的功能，也会这样）

377HTML标签<!-->

HTML 中注释

添加注释文字:

<!-- 在此处写注释 -->

也可以将一句或者一段代码注释:

<!-- 此刻不显示此段落：
<p>这是一个被注释了的段落。</p>
-->

条件注释:

<!--[if IE 8]>
.... some HTML here ....
<![endif]-->

注意： 条件注释定义只有 Internet Explorer 执行的 HTML 标签。

376提示：请使用<blockquote>

  • blockquote元素中一般嵌套p元素，用于标记被引用的文本，这些引用文本并不是直接位于blockquote元素中。
  • 如果引文来自在线资源（包括自己网站中的其他地方），那么可以在<blockquote>标签的cite（引用）属性中指明原始来源的URL。
  • 通常浏览器会把blockquote元素呈现为一段左右两侧缩进(40px)的文本。

375autocomplete

禁止浏览器表单自动填充

普通文本框添加 autocomplete="off"，密码输入框添加 autocomplete="new-password"。 

<input type="text" autocomplete="off" name="userName"/>
<input type="password" autocomplete="new-password" name="password"/>

如果是整个表单可以设置：

<form method="post" action="/form" autocomplete="off">
[…]
</form>

374<html>标签是所有其他HTML元素（除了<!DOCTYPE>

<!DOCTYPE html> 是 HTML5 中唯一的 doctype，也被视作将网页 "升级" 到 HTML5 的第一步。

很多国外网站的 <!DOCTYPE html> 和 <HEAD> 之间都会有一段注释,如:

<!—[if IE 6 ]><html class="ie ielt9 ielt8 ielt7 ie6" lang="en-US"><![endif]—>
<!—[if IE 7 ]><html class="ie ielt9 ielt8 ie7" lang="en-US"><![endif]—>
<!—[if IE 8 ]><html class="ie ielt9 ie8" lang="en-US"><![endif]—>
<!—[if IE 9 ]><html class="ie ie9" lang="en-US"><![endif]—>
<!—[if (gt IE 9)|!(IE)]><!—><html lang="en-US"><!—<![endif]—>

改代码作用于 css，来写一些针对 IE 各版本的样式差异。

先判断用户用的哪个 IE 版本，然后在标签上加上该版本的 class，这样可以方便 hack。

css 文件是这样写的：

.ie6 xxx {};
.ie7 xxx {};

这是目前最好的 hack 方式之一。