zoukankan      html  css  js  c++  java
  • 【轻松前端之旅】<a>元素妙用

    浏览器读取服务器内容时,通过URL(包含:协议+域名+绝对路径)如:https://www.baidu.com/index.html
    浏览器从本地读取内容时,会用file协议。如:file:///E:/website/index.html

    <a>标签中的href属性,可以通过URL或相对路径来链接到其他页面。最好自己网站的页面用相对路径,外部网站用URL。
    用href也可以指定到页面中的某个位置,只需要在改位置元素加上id属性,使用#就可以做到。
    如:<a href="home.html#elementId"> 、<a href="#elementId">
    屏幕将自动滚动到elementId元素处。
    <a>标签的title属性,可用户提供更多的信息,不同的浏览器对title有不同的响应,大部分浏览器是鼠标放到元素上一秒后,显示title,
    针对视觉不好的用户,有些浏览器可能会大声读title出来。html所有元素都有title属性。
    <a>的target属性,用户打开新窗口。
    target值:
    _blank 在新窗口中打开被链接文档。
    _self 在被点击时的同一框架中打开被链接文档(默认)。
    _parent 在父框架中打开被链接文档。
    _top 在窗口主体中打开被链接文档。
    不过还可以指向一个名字,如果几个a链接都指向同一个target名字,他们都会链接到同一个窗口。
    例子:
    <html>
    <head></head>
    <body>
    <a href="http://www.w3school.com.cn/" target="w3">aaaaaaaaaaaaaaaaaaaa</a>
    <a href="http://www.w3school.com.cn/" target="w3">aaaaaaaaaaaaaaaaaaaa</a>
    </body>
    </html>

  • 相关阅读:
    课后作业成绩汇总
    关于作业提交要求声明 2017-09-22
    团队编程项目作业成绩汇总
    结对项目作业成绩汇总
    团队组信息
    小知识记录:第XI篇
    小知识记录:第X篇
    小知识记录:第十二篇
    小知识记录:第十一篇
    小知识记录:第十篇
  • 原文地址:https://www.cnblogs.com/xjxz/p/7559810.html
Copyright © 2011-2022 走看看