2012/11/19 12:14:56作者:佚名来源:网络
【实例介绍】
html设置页面内部的特定目标的链接
锚点链接(也叫书签链接)常常用于那些内容庞大烦琐的网页,通过单击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当做“精准链接”的便利工具,让链接对象接近焦点,便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。
【基本语法】
<a href="#描点的名称">···</a>
【语法介绍】
在该语法中,在href属性后输入页面中创建的锚点的名称,可以链接到页面中不同的位置。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>设置页面内部的特定目标的链接</title> </head>
<body> <p><strong>
<a href="#公司简介">公司介绍</a>
<a href="#公司招聘">企业招聘</a>
<a href="#公司动态">新闻动态</a>
</strong>
</p> <p> </p> <p><a name="公司简介" id="公司简介"></a> <strong>公司简介</strong> 本厂经过多年的不懈追求和努力,规模不断的扩大,是一家专门生产铜门、 铜工艺的中型企业,至今以为数十家企事业单位定做工程门、工艺品及数千家私 人豪华别墅铜门,铜装饰领域属于规模较大、品种齐全、档次较高的现代企业。 铜门主要从事铜工程、铜门、铜雕、铜艺全自动旋转门、智能自动门等产品的生产及安装服务 ,已建立了完善的ISO9001质量管理体系,并取得了国际权威机构的认证。 企业贯彻“质量等于市场”的服务理念,以“ 高效”“务实”的宗旨,开拓市场,面向未来。<br /> 一、以最新的设计理念适应各用户的不同需求;<br /> 二、一年内非人为天然损坏,免费维护;产品终生保修。一分耕耘, 一分收获。公司真诚希望,以我们的专业和努力,把更好的产品和更完善的 服务奉献给各界朋友,为我们的家居营造安宁和舒适。 </p> <p><strong><a name="公司招聘" id="公司招聘"></a>公司招聘</strong></p> <p><br /> 招聘人数:10</p> <p>工资待遇:面议</p> <p>发布时间:2011-1-6</p> <p>招聘要求:<br /> 1)熟练使用绘图软件,有美工基础,提供个人原创作品。</p> <p>2)有一定的工作经验。</p> <p>职位要求:</p> <p>1)大专以上学历,美学院毕业。主修多媒体、工业设计、美术或广告;</p> <p>2)有工业品(例如门窗)设计工作经验。</p> <p></p> <p><strong><a name="公司动态" id="公司动态"></a>公司动态</strong><br /> ·别墅铜门应稳步求进持续发展 2010年4月15日<br /> ·什么是铜门,价格怎么算? 2010年3月5日<br /> ·什么是铜装饰 2010年3月5日<br /> ·浅谈铜门选锁的要点 2010年3月5日<br /> ·铜装饰幕墙在国内悄然兴起2010年3月5日<br /> ·关于铜门的工程标准与技术参数2010年3月5日<br /> ·铜装饰企业突出重围,改变消费习惯2010年3月5日<br /> ·铜门对于风水是好还是坏2010年3月5日<br /> ·室外铜门要注意防雨雪2010年3月5日<br /> ·装修必修课:家居门窗安装质量如何检查 2009年9月11日<br /> ·产业集群作支撑 五金门窗飞速发展 2009年9月11日<br /> ·2009中国(临沂)国际门窗幕墙型材及加工设备展览会2009年9月11日</p> </body> </html>
【代码分析】
在代码中,加粗部分的标记为设置锚点链接,在浏览器中预览,单击创建的锚点链接,如图所示,可以链接到相应的位置,如图所示。
单击创建描点连接
链接到相应的位置
【素材及源码下载】
请点击:html设置页面内部的特定目标的链接 下载本实例相关素材及源码
标签: html 链接
相关文章
Adobe indesign cs6中文版
详情金山数据恢复大师官方版 v1.0.0.2
详情南方测绘Cass10v10.1.6中文
详情revit 2017
详情KeyShot Pro 9中文(附安装教程) v9.0.286
详情网易新闻客户端v105.3
详情AIMP4v5.11.2421中文绿色美化版
详情onekey一键还原v18.0.18.1008
详情浩辰CAD2020绿色v20.0
详情好图网图标转换工具v4.9.7
详情aardiov35.0.0中文最新版
详情Adobe Creative Cloud 2024简体中文v5.3.0.48
详情暴风影音16 v9.04.1029去广告精简版
详情ASP.NET Maker 2019(ASP.NET代码生成工具)v12.0.4.0
详情暴风影音v5.92.0824.1111
详情迅雷5稳定版v5.8.14.706
详情使命召唤17官方中文版 v1.0
详情死亡之雨新的僵尸病毒中文v1.0绿色免安装版
详情辐射4v1.7.15.0整合版
详情克莉2v1.0中文版
详情冬日计划v1.2中文版
详情刺客信条英灵殿v1.0吾爱
详情刺客信条英灵殿终极v1.0免安装
详情动物森友会v1.10.0最新
详情哈迪斯杀出地狱v1.37中文
详情嗜血印中文豪华版v1.0豪华版 附游戏攻略秘籍
详情城市战斗v1.0中文
详情尼尔人工生命v1.0steam免费
详情尼尔人工生命升级版v1.0PC
详情层层恐惧2中文v1.0绿色免安装版
详情往日不再v1.0 steam
详情往日不再v1.0pc
详情小生活游戏内置MOD版v2.0(57)安卓版
详情使命召唤手游测试服最新版v1.9.41安卓版
详情三国谋定天下官服v1.2.1安卓版
详情热血新手村高爆版v1.0.0安卓版
详情我养你啊手机版v1.0.0安卓版
详情看懂了就很恐怖的故事(细思极恐)中文版v1.0安卓版
详情背包英雄中文手机版v1.1.1安卓版
详情glow官方版v2.0.9安卓版
详情三国大时代4霸王立志官方正版v1.9安卓版
详情飞卢小说阅读器手机版v7.0.7安卓版
详情牛牛粤语词典软件v20.4.4安卓版
详情PrettyUp视频美化瘦身软件v2.3.0
详情化学方程式app中文版v1.1.0.20安卓版
详情地下城堡3魂之诗2024安卓最新版v1.2.3安卓版
详情南方都市报v6.10.0安卓版
详情阿修罗之眼正版v1.0.10安卓版
详情