HTML 标签的 target 属性
如果在一个
标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href
属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id
的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。
语法内容
属性
l 链接的地址 href=”链接的地址url”,url绝对地址 相对地址(必备属性)
l Target 打开目标文件的窗口
_blank 在新的窗口中打开目标文件
_self 默认的打开方式,在原来的窗口中打开目标文件(原来的窗口被覆盖)
Name定义锚点的名称
同一个页面的不同区域直接跳转
定义锚点
跳转锚点(点击跳转锚点-->定义锚点)
框架(将页面划分不同的区域,显示不同的html页面)
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。
使用框架的坏处:
· 开发人员必须同时跟踪更多的HTML文档
· 很难打印整张页面
框架结构标签(
)· 框架结构标签(
)定义如何将窗口分割为框架· 每个 frameset 定义了一系列行或列
· rows/cols 的值规定了每行或每列占据屏幕的面积
对页面进行划分区域
框架标签()
Frame 标签通过src属性定义了放置在每个框架中的 HTML 文档。
填充区域
基本的注意事项 - 有用的提示:
假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 标签中加入:noresize="noresize"。
frameborder='1/0' 1显示边框 0不显示边框
border 自定义边框
为不支持框架的浏览器添加 标签。
重要提示:不能将
标签与标签同时使用!不过,假如你添加包含一段文本的标签,就必须将这段文字嵌套于标签内。案例:
1.页面的框架分布html>
网站后台系统显示页面2.top.html(框架的上部内容)html>
欢迎您进入木子大大后台管理系统!!
3.left.html(下部框架左侧内容)html>
会员管理
商品管理
品牌管理
分类管理
赠品管理
……
4.其他的HTML页面(为了简单给的图片)
rightform.htmlhtml>
id | 姓名 | 性别 | 年龄 | 手机号 |
1 | 木子大大 | 男 | 22 | 12345678900 |
commodity.htmlhtml>
brand.htmlhtml>
class.htmlhtml>
top.htmlhtml>
qita.htmlhtml>
优惠一
优惠二
优惠三
上面代码中的HTML页面的跳转可用下列应用:
Name定义锚点的名称
同一个页面的不同区域直接跳转(比如我看小说章节的跳转)
定义锚点
快跳过来不加内容,给链接中的target用
跳转锚点(我们点击就跳转到我们自定义的锚点)
案例:点击跳转锚点就跳转到定义锚点(部分)
若有不足请多多指教!希望给您带来帮助!