跟着江哥玩转H5-常用标签

img路径问题注意点：
1.在企业开发中统一使用反斜杠路径/
因为在大部分操作系统中的路径都是反斜杠。
2.企业开发中一般不使用绝对路径。

a标签：用于控制页面和页面之间的跳转
格式：文本、图片
百度一下 文本跳转

图片跳转

a标签的href属性除了可以指定一个网页路径，还可以指定到本地的路径
相对路径跳转到本文件夹网页

a标签跳转方式：
1.在当前选项卡跳转 target="_self"
百度新闻

2.新增一个选项卡跳转 target="_black"
百度新闻

a标签的title属性：鼠标悬停时会显示提示信息
百度新闻

技巧：
base元素：可以简化超链接属性设置
作用：专门用来统一指定网页中所有的a标签
当一个网页上面很多超链接时，如果需求是每个链接跳转都新增一个选项卡，按照平常的写法，是每个a标签都会写一个target="_black"属性，这样费时又不能保证代码正确性。
于是，base元素很好的解决了这一问题。
里面：

百度 - 全球最大的中文搜索引擎

百度一下 你注知道

百度新闻

百度地图

百度视频

百度贴吧

百度学术

假链接：点击之后不会跳转的链接

javascript:
格式：
#会回到顶部
我是假链接

a标签的锚点：通过a标签跳转到当前网页的一个指定的位置，需要给a标签指定一个唯一的id号
注意：锚点的需求是建立在网页太长的情况下，如果是一屏幕能显示完的内容，锚点是没有任何意义的。
①目标标签添加id属性，指定一个属性值
②属性值是唯一的

    下载微信客户端



    下载百度客户端



    下载淘宝客户端



    

    
 
    
微信 - 全球最多中国人的聊天工具
    

    
  
    
百度 - 全球最大的中文搜索引擎
    

    
  
    
淘宝 - 全球最多的中国人购物网站
    跳转到顶部

a标签的多级跳转：
场景：A界面有 下载微信 微信介绍 查看评论，B界面 顶部为微信下载地址 中部为微信简介 底部为用户评论
需求：蛋蛋来到A界面，由于对微信不了解，想看看网友是如评价的

html超级链接锚点B.png

Paste_Image.png