美文网首页
a标签的一些学习

a标签的一些学习

作者: 夜月行者 | 来源:发表于2016-09-03 12:27 被阅读0次

a标签的一些学习

因为a标签在实际应用过程中使用的比较多,总结一下

demo

<a href="http://www.w3school.com.cn">W3School</a>

定义和用法

<a> 标签定义超链接,用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性,它指示链接的目标。
在所有浏览器中,链接的默认外观是:

未被访问的链接带有下划线而且是蓝色
已被访问的链接带有下划线而且是紫色
活动链接带有下划线而且是红色

a标签的属性

属性名 属性值 描述
href url 规定连接指向的页面url
name section_name 规定锚的名称 (h5不支持)
rel text 规定当前文档和被连接文档之间的关系
target _blan, _parent, _self, _toop, frame_anme 规定在何处打开连接

 target的具体解释

target属性值 解释 使用示例
_blank 浏览器总在一个新打开、未命名的窗口中载入目标文档,就是打开新的标签页
_self a标签的默认情况,在相同的框架或者窗口下显示,说白了,如果这个a标签是在iframe中,那么就会在那个iframe中打开,反之在浏览器中打开
_parent 在打开这个链接的父窗口打开目标,如果这个a标签在窗口或者顶级框架中,那么和_self是一样效果
_top 在保函该超链接的窗口打开该文档,会清除所用被保函的框架,并将文档载入整个浏览器窗口
frame_name 就是在iframe中打开,定义了一个iframe name= "aaa",a标签的target="aaa"

使用示例

_blank,_self,_top

<ul>
  <li><a href="pref.html" target="_blank">Preface</a></li>
<li><a href="chap1.html" target="_self">Chapter 1</a></li>
  <li><a href="chap2.html" target="_top">Chapter 2</a></li>  
</ul>

frame_name示例

<body>
 
<h3>Table of Contents</h3>
<ul>
  <li><a href="/example/html/pref.html" target="view_window">Preface</a></li>
  <li><a href="/example/html/chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="/example/html/chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="/example/html/chap3.html" target="view_window">Chapter 3</a></li>
</ul>
<iframe name = "view_window"></iframe>
 
</body>

相关文章

  • 一些html基础标签

    最近学习了一些html标签,下面对学习的标签作一个整理 HTML的排版标签: h标签:标题标签 p标签:段...

  • a标签的一些学习

    a标签的一些学习 因为a标签在实际应用过程中使用的比较多,总结一下 demo W3School 定义和用法 标签定...

  • 学习第七天

    今天学习了一些基本的规则 标签嵌套规则:块标签可以随便嵌套标签(p 里面不能嵌套块标签) ...

  • 常用的HTML标签

    最近学习了HTML的相关知识,HTML有很多的标签,下面介绍的是一些常用的标签,一些不常用的标签在用到时在MDN上...

  • html常用标签

    今天韩老师主要讲了HTML的常用标签,在我的今天的学习当中,主要学习到了一些行级标签以及块级标签,主要内容如下所示...

  • 监督学习入门

    理解监督学习 监督学习目标 : 预测一些数据的标签或者目标值, 根据这些标签的本质, 监督学习可以划分以下两种形式...

  • CSS 字体样式

    本节我们来讲字体样式,之前我们学习 HTML 的时候学过一些用于字体加粗、倾斜的标签,但是使用标签来实现的效果肯定...

  • CSS 字体样式

    本节我们来讲字体样式,之前我们学习 HTML 的时候学过一些用于字体加粗、倾斜的标签,但是使用标签来实现的效果肯定...

  • 漫谈机器学习之小知识点总结

    0x00 前言 总结一些之前学习机器学习的小知识点。 0x01 标签和特征 什么是标签,什么是特征?我们可以先这样...

  • html5的学习

    标签的学习 标签 : 网页的头部标签 标签 : 网页的标题信息标签 标签 : 段落标签 标签 : 强调字体标签 默...

网友评论

      本文标题:a标签的一些学习

      本文链接:https://www.haomeiwen.com/subject/lgbkettx.html