公告

一、链接标签

➢场景：点击之后，从一个页面跳转到另一个页面。
➢ 称呼： a标签、超链接、锚链接。
➢ 示例：

<a href="./目标网页.html">超链接</a>

➢ 特点：双标签，内部可以包裹内容。
➢ 链接标签的href属性：
如果需要a标签点击之后去指定页面，需要设置a标签的href属性。
➢ 属性名：href。
➢ 属性值：点击之后跳转去哪一个网页（目标网页的路径）。

示例：

<!-- 外部链接: -->
<a href="https://www.baidu.com/" >百度一下</a>

<!-- 内部链接: -->
<a href="./01-标题标签.html">目标网页</a>

➢ 链接标签的显示特点：
a标签默认文字有下划线。
a标签从未点击过，默认文字显示蓝色。
a标签点击过之后，文字显示为紫色（清除浏览器历史记录可恢复蓝色）。

➢链接标签的target属性：
属性名：target。
属性值：目标网页的打开形式。
_self ：默认值，在当前窗口中跳转（覆盖原网页）。
_blank ：在新窗口中跳转（保留原网页）。

➢空链接：
示例：

<a href="#">空链接</a>

➢ 功能：
点击之后回到网页顶部。
开发中不确定该链接最终跳转位置，用空链接占个位置。

二、综合案例

招聘案例效果：

招聘案例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>腾讯科技高级web前端开发岗位</h1>
    <hr>
    <h2>职位描述</h2>
    <p>负责重点项目的前端技术方案和架构的研发和维护工作；</p>
    <h2>岗位要求</h2>
    <p>5年以上前端开发经验， <strong>精通html5/css3/javascript等</strong> web开发技术；</p>
    <p>熟悉bootstrap，vue，angularjs，reactjs等框架，熟练掌握一种以上；</p>
    <p>代码⻛格严谨，能⾼保真还原设计稿，能兼容各种浏览器；</p>
    <p>对web前端的性能优化以及web常见漏洞有一定的理解和相关实践；</p>
    <p>具备良好的分析解决问题能力，能独立承担任务，有开发进度把控能力；</p>
    <p>责任心强，思路路清晰，抗压能力好，具备良好的对外沟通和团队协作能力。</p>
    <h2>工作地址</h2>
    <p>上海市-徐汇区-腾云大厦</p>
    <img src="./images/map.jpg" alt="">
 
</body>
</html>

posted on 2025-08-07 12:02 努力--坚持阅读(16) 评论(0) 收藏举报

刷新页面返回顶部