html——a标签与base标签

1、a标签

<a href="url">content</a>

a标签样式需要单独设置
不继承父元素

a{
    displayblock; //或inline-block之后设置w/h
    text-decoration: none;
    color:#ccc;
}

假链接:1、#(自动回顶部)2、javascript:;(不自动回顶部)
锚点跳转:其他标签绑定id
可用a标签href位置#id实现页内跳转
可用a标签href位置URL#id实现其他页面固定位置跳转

2、base

<head>
<base href="URL" /> //从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白
<base target="_blank" /> //在新窗口中打开被链接文档。
</head>

<body>
<img src="pic.png" />
<a href="http://www.w3school.com.cn">W3School</a>
</body>

target属性
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

base 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 base 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 a、img、link、form 标签中的 URL。

猜你喜欢

转载自blog.csdn.net/lucky541788/article/details/81604207