<base>标签
所有浏览器均支持<base>标签
定义和用法
--<base>标签为页面上的所有链接规定默认地址或默认目标。
--通常情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。
--使用<base>标签可以改变这一点。浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有相对URL。这其中包括<a>、<img>、<link>、<form>标签中的URL
注意:<base>标签必须位于head元素的内部。
HTML与XHTML之间的差异
在HTML中,<base>标签没有结束标签(老黄历了吧);在XHTML中,<base>标签必须被正确的关闭。
其中的属性
必须的属性
href:规定页面中所有相对链接的基准URL
值是一个URL
可选的属性
target :规定在何处打开页面中所有的链接
值可以是:_blank(在新的窗口中)、_parent、_self(在当前页面)、_top、framename(在名为framename的框架中)
<html>
<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>
<body>
<img src="eg_smile.gif" /><br />
<p>请注意,我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:</p>
<p>"http://www.w3school.com.cn/i/eg_smile.gif"</p>
<br /><br />
<p><a href="http://www.w3school.com.cn">W3School</a></p>
<p>请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。</p>
</body>
</html>
<link>标签
在用于样式表的时候,<link>标签几乎得到了所有浏览器的支持。但是几乎没有浏览器支持其他方面的用途。
定义和用法
--<link>标签定义文档与外部资源的关系
--<link>标签最常见的用途是链接样式表
ps. link元素是空元素,它仅包含属性
pss. link元素只能存在于head部分,不过它可以出现任何次数
<meta>标签
所有浏览器均支持<meta>标签
定义和用法
--<meta>标签可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词
--<meta>标签位于文档的头部,不包含任何内容。<meta>标签的属性定义了与文档相关联的名称/值对
ps. <meta>标签永远位于head元素的内部
pss. 元数据总是以名称/值的形式被成对传递的
<meta>标签可以描述文档及其关键字
<meta>标签还可以指明编辑者和编辑软件
<script>标签
所有浏览器均支持<script>标签
定义和用法
--<script>标签用于定义客户端脚本,比如JavaScript
--script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件
--必需的type属性规定脚本的MIME类型
--JavaScript的常见应用时图像操作、表单验证以及动态内容更新
ps. 加入此元素内部的代码没有位于某个函数中,那么这些代码会在页面被加载时被立即执行。<frameset>标签之后的脚本会被忽略
pss. 对于那些在浏览器中禁用脚本或者其浏览器不支持客户端脚本的用户来说,noscript元素就起到很重要的作用。
<style>标签
所有主流浏览器均支持<style>标签
定义和用法
--<style>标签用于为HTML文档定义样式信息
--在style中,您可以规定在浏览器中如何呈现HTML文档
--type属性是必需的,定义style元素的内容。唯一可能的值是“text/css”。style元素位于head部分。
ps. 如需链接外部样式表,应该使用<link>标签
<title>标签
所有浏览器都支持<title>标签
定义和用法
--<title>标签可以定义文档的标题
--浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
ps. <title>标签是<head>标签中唯一要求包含的东西