<base>标签

<base>标签,第1张

<base>标签是使用来为页面中的所有相对链接所指定默认地址(目录)或默认属性(target属性),通常是用在那些有深度嵌套的页面。使用该标签后,之后所有的链接就可以直接从<base>标签标签指定的目录为基础开始写,就简短的多。

<base>标签是针对所有<a>标签起作用,如<base>标签和<a>标签都有target属性,那么遵循就近原则,最终效果取决于<a>标签中的属性。

<head><base href="全局地址"target="全局属性"></head>

1、<base>标签必须在<head>标签中使用;

2、<base>标签全局地址(href指定的地址)是针对相对连接的<a>标签起作用;

3、<base>标签全局属性(target属性)是针对所有没有设置该属性(target属性)的<a>标签起作用;

4、<base>标签全局地址(href指定的地址)也可以是相对地址;

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中<base>标签的详细介绍</title><base href="image/base/images/" target="_blank"></head><body bgcolor="burlywood"><a href="1.png"><h3>第一个a标签,相对于base标签指定的目录</h3></a>

<a href="2.png" target="_self"><h3>第二个a标签,相对于base标签指定的目录</h3></a>

<a href="/image/base/images/3.png"><h3>第三个a标签,相对于根目录</h3></a></body></html>

1、实例中三个<a>标签的实际地址都是“根目录/image/base/images/x.png”,建议用前两个的方式,比较简短;

2、实例中第一个<a>标签和第三个<a>标签的target属性值都是“_blank”,即从新窗口打开;而第二个<a>标签的target属性值是“_self”,即从当前窗口打开;

HTML中的单标记

1、<area>:用于图像映射内的区域。

2、<base>:文档中所有相对URL的基本URL。每个文档只能有一个,它必须位于页面的

<head>中。

3、<br>:换行符,通常用于文本内容以创建单个换行符而不是段落。它不应该用于通过堆叠

许多<br>标签在页面上创建视觉分离,因为该函数是视觉需求,因此是CSS的域而不是

HTML。

4、<col>:指定<colgroup>元素中每列的列属性。

5、<command>:指定用户可以调用的命令。

6、<embed>:与外部应用程序和交互式内容一起使用以进行集成。

7、<hr>:水平规则,是页面上的一条直线。在许多情况下,CSS边框用于创建分隔线而不是

此HTML元素。

8、<img>:HTML的主要元素之一,这是图像标记。它用于将图形图像添加到网页。

9、<input>:用于从访问者捕获信息的表单元素。有许多有效的输入类型,从多年来在表单

中使用的常见“文本”输入到属于HTML5的一些新输入类型。

10、<keygen>:此标记创建用于表单的密钥对生成器字段。

11、<link>:不要与“超链接”或锚点(<a>)标签混淆,此链接用于设置文档与外部资源之

间的链接。例如,您可以使用它链接到外部CSS文件。

12、<meta>:元标记是“有关内容的信息”。它们位于文档的<head>中,用于将页面信息

传递给浏览器。有许多不同的meta标签,你可以在网页上使用。

13、<param>:用于定义插件的参数。

14、<source>:此标记允许您为页面上的媒体指定备用文件路径,包括视频或图像或音频文件。

15、<track>:此标记设置要与媒体文件,视频或音频一起使用的轨道,这些轨道通常与

<video>或<audio>标记一起添加。

16、<wbr>:这代表断言机会。它指定添加换行符可以接受的文本块中的位置。

扩展资料:

在HTML5的版本中<command />、<command />、<menuitem />这三个单标记是已经

报废无效了,而在HTML4中是可以继续使用的。

使用单标记时不同的HTML版本对是否需要带斜杆是有不同的要求的。

HTML5:斜杠是可选的。

HTML4:斜杠不可选的。但是,它被W3C的HTML验证器接受了。

XHTML:斜线是必需的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6109182.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存