HTML基础标签<!--...-->与base

注释

定义

<!--...--> 用来在源文档中插入注释。注释不会在浏览器中显示。

实例

HTML 中注释:

添加注释文字:

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

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

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

条件注释:

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

注意: 条件注释定义只针对 IE 浏览器。

JavaScript 中注释:

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

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

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

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

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

base

定义

<base> 标签用于设置相对 URL 的解析基准。

base 元素可以用来设置一个基准 URL,让 HTML 文档中的相对链接在此基础上进行解析。

注意

<base> 标签必须位于 <head> 标签内部,并尽量靠前,以便随后的元素中的相对 URL 可以用上其设置的基准 URL。

属性

属性 值 描述
href URL 指定该 HTML 文档中所有相对链接的基准 URL。
target _blank、_parent、_self、_top、framename 指定在何处打开超链接。
_blank:在新窗口中打开
_parent:在当前的父窗口中打开,如果不存在父窗口,此选项的行为方式与 _self 等同
_self:当前窗口打开(默认)
_top:在整个窗口中打开
framename:在指定的框架中打开

实例

<!DOCTYPE html>
<html>
<head>
    <base href="../img/" target="_blank">
</head>
<body>
    <img src="logo.png"><br>
    <p>请注意,已经为图像规定了一个相对地址。<br>由于已经在 head 部分规定了一个基准 URL,浏览器将在上级目录img文件下寻找图片:</p>
    <p>"http://bbs.fishc.com/template/damei_z14/image/logo.png"</p>
    <br><br>
    <p><a href="http://www.fishc.com">鱼C主页</a></p>
    <p>请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。<br>这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。</p>
</body>
</html>

Guess you like

Origin blog.csdn.net/weixin_52908342/article/details/120244588