整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML <base> 标签

规定页面上所有链接的默认 URL 和默认目标:

<head><basehref="http://www.runoob.com/images/"target="_blank"></head><body><imgsrc="logo.png"width="24"height="39"alt="Stickman"><ahref="http://www.runoob.com">runoob.com</a></body>


浏览器支持

所有主流浏览器都支持 <base> 标签。


标签定义及使用说明

<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。

在一个文档中,最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。


提示和注释

提示:请把 <base> 标签排在 <head> 元素中第一个元素的位置,这样 head 区域中其他元素就可以使用 <base> 元素中的信息了。

注释:如果使用了 <base> 标签,则必须具备 href 属性或者 target 属性或者两个属性都具备。


HTML 4.01 与 HTML5之间的差异

无。


HTML 与 XHTML 之间的差异

在 HTML 中,<base> 标签没有结束标签。

在 XHTML 中,<base> 标签必须被正确地关闭。


属性

属性描述
hrefURL规定页面中所有相对链接的基准 URL。
target_blank_parent_self_topframename规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。

全局属性

<base> 标签支持 HTML 的全局属性。


事件属性

<base> 标签不支持任何的事件属性。


相关文章

HTML DOM 参考手册: Base 对象

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

天, 我们来聊一聊 HTML 中 target 属性的精彩应用。 target 属性可让你控制链接 opening 的位置: 在当前窗口/标签页、新窗口/标签页中,或在框架/ifram 中。

什么是 target 属性?

target 属性是 HTML a 元素和 form 元素的属性。 它规定链接 URL 应该在何处显示: 在当前浏览器窗口、新选项卡/窗口中,或嵌入到 frameset 中的框架中。

下面是 target 属性可接受的值:

  • _blank: 在新窗口/选项卡中打开链接。
  • _self: 默认值。在相同的框架/ifram/窗口/标签页中打开链接。
  • _parent: 在父框架集中打开链接 (如果当前文档是在框架集中打开的)。
  • _top: 在整个浏览器窗口中打开链接 (如果当前文档是在框架集中打开的)。
  • framename: 在 frameset 中指定的框架中打开链接。

target 属性的实际应用

在新选项卡/窗口中打开链接

如果你希望在新选项卡/窗口中打开链接,请使用 target="_blank":

<a href="https://www.example.com/" target="_blank">点击打开新选项卡</a>

在新窗口中打开 PDF 文件

如果你有一个 PDF 文件,并希望在新窗口中打开它,可以使用 target="_blank":

<a href="https://www.example.com/document.pdf" target="_blank">点击打开新窗口中的 PDF 文件</a>

️在新选项卡中打开图片

如果你有一个大图片,并希望在新选项卡中打开它,请使用 target="_blank":

<a href="https://www.example.com/image.jpg" target="_blank">
  <img src="https://www.example.com/image-thumbnail.jpg" alt="Image thumbnail">
</a>

搜索表单中的 target="_blank"

如果你有一个搜索表单,并希望在新选项卡中打开搜索结果,请使用 target="_blank":

<form target="_blank" action="https://www.google.com/search" method="get">
  <input type="text" name="q" placeholder="输入搜索关键字">
  <input type="submit" value="搜索">
</form>

在父框架中打开链接

如果你有一个框架集,并希望在父框架中打开链接,请使用 target="_parent":

<frameset rows="50%,50%">
  <frame name="top-frame" src="top-frame.html">
  <frame name="bottom-frame" src="bottom-frame.html" target="_parent">
</frameset>

在顶级框架中打开链接

如果你有一个框架集,并希望在整个浏览器窗口中打开链接,请使用 target="_top":

一下html中文件标签和文本标签的使用

目的是学会使用,所以借助工具可以省好多时间

1.文件标签:构成html最基本的标签

html:html文档的根标签

head:头标签。用于引入html文档的一些属性。引入外部的一些资源

title:标题标签

body:体标签

<!DOCTYPE html>:html5中定义该文档是html

2.文本标签:和文本有关的标签

注释:<!-- 注释内容 –->

<h1> 到<h6>:标题标签自带换行的效果

<p>:表示段落的标签

<br>:换行标签<br/>和<br>的写法都不会报错

<hr>:显示一条水平线(也是一个自闭和标签)水平线有一些属性我们可以控制它的样式。hr里面表示高度是size而不是height.对齐方式默认是居中的。

<b>:字体加粗

<i>:斜体

<font>:字体标签(通过属性来修改字体的字号,大小,颜色,以及字体的样式)

<center>:文本居然标签

这里讲下网页下面的版权标签是如何写出来的。

3.图片标签:用来展示图片的(图片也是一个自闭合标签)

属性:src:用来指定图片的位置

什么都不写默认就是./的形式

../表示上一级目录

4.列表标签:

有序列表:ol,li(li表示的是列表的每一项)

无序列表:ul,li

5.链接标签:

a:定义一个超链接

属性:

href:指定访问资源的URL(统一资源定位符,就是路径的表示形式)

target:(是目标的意思)指定打开资源的方式

_self:在当前页面打开

_blank:在空白页面打开

6.表格标签:在HTML中的表格只有行的概念,没有列的概念,将表格以行的形式进行分割,然后再对行进行操作。

table:定义表格

width:表格的宽度

border:边框

cellpadding:单元格内容左对齐(定义内容和单元格的距离)

cellspacing:边框合并(定义单元格之间的距离,如果指定为0,单元格的线会合为一条)

bgcolor:背景色

align:表格的对齐样式

tr:定义行

bgcolor:背景色

align:表格的对齐样式(是用来修改文本的对齐方式的)


td:定义单元格

colspan:合并列

rowspan:合并行

th:定义表头单元格

<caption>:表格标题

<thread>:表示表格的头部分

<tbody>:表示表格的体部分

<tfoot>:表示表格的脚部分

7.块标签:div和span是结合css使用的

span:文本信息在一行显示,行内标签,内联标签(意思就是它不会换行)

div:是会换行的。每一个div占满一整行。块级别的标签

8.语义化标签:html5中为了提高程序的可读性,提高了一些标签

<header>

<footer>