超链接部分:锚元素、绝对/相对/电邮链接、区段标识符

1.锚元素(anchor element)

-定义了一个超链接,指向任意想要的另一个网页或者文件

-<a href="目的地URL">本网页对该链接的描述</a>

  如使用target="_blank",可在新浏览器窗口或新标签页中打开网页

-在HTML5中,block anchor是锚标记的新功能,能够将一个或多个元素(包括作为块显示的,如div\h1或段落)配置成链接。

2.绝对/相对/电邮链接

-绝对链接

--在web上的相对位置,链接到其他网站上的资源时使用

-相对链接

--链接到自己网站内部的网页

  此链接的href不含http://,也不含域名,只包含想要显示的网页的文件名

  eg:<a href="contact.html">Contact US</a>

-电邮链接

--自动打开浏览器设置的默认邮件程序

--使用mailto,而不是http

eg.<a href="mailto:[email protected]">[email protected]@webdevbasics.net</a>

3.区段标识符

-连接到网页中的一个特定位置,可以让链接指向一个区段标识符\区段id命名区域

  本质上是定义了id属性值的一个HTML元素

  id值是对网页中的元素进行唯一的标识

-使用内部链接是,它有两部分组成:

  --代表命名区段的标记,必须为该标记分配id

    eg.<h2 id="content">,  <div id ="content">

  --链接到网页中命名区段的锚标记

    eg.<a href="#content">Skip to content</a>

    #使浏览器搜索同一个网页中具有指定 id的内容区域,如果不加上,浏览器就不会搜索该网页,而是查找外部文件。

原文地址:https://www.cnblogs.com/lepanyou/p/9346320.html

时间: 2024-11-05 11:37:01

超链接部分:锚元素、绝对/相对/电邮链接、区段标识符的相关文章

时代电邮的海外邮件中继服务优势所在

说到市场上面的邮件中继,提供服务的公司很多,质量和售后服务也参差不齐.价格也有天壤之别,有高端有低端,有Linux平台有windows平台,很多公司喜欢吹的天花烂醉的,我们什么什么大品牌,我们多少年多少年,我们客户多少多少.其实大部分客户更注重的,是一个对于产品的体验和稳定性,时代电邮,采用的是LINUX系统下的Postfix邮件系统软件针对黑客攻击,及想要不经过允许就中继过来的邮件,都是有很强的抵御性,据我所知,市场上某公司是提供给客户一个中继的邮箱账号,一旦这个邮箱账号密码被破译了,那就引发

程序员电邮札记

作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! "Across the Great Wall, we can reach every corner in the world". 这是1987年从中科院计算机所发往世界的第一封电子邮件."越过长城,走向世界". 如果说评选互联网带给生活的最大影响,电子邮件一定可以位列前三.有趣的是,电子邮件并不算是互联网的产物.它甚至于诞生于Internet之前.电

全球7亿多电邮账号信息泄露,你数据还安全吗?

据英国<每日邮报>8月30日报道,澳大利亚计算机安全专家特洛伊·亨特近日透露,全球有高达7.11亿个电子邮件帐号,遭一个荷兰的电邮机器人Onliner Spambot利用散布含有银行木马程式的垃圾邮件而被窃取账号和密码,受害规模相当恐怖.这可能是迄今为止垃圾邮件程序带来的最大规模电邮信息泄露事件. 随着信息化建设的不断发展,互联网已经深入到了人们日常生活的每个角落,但随之而来的数据安全问题也日益突显. 据数据统计显示,2016年国内共发生1800起数据泄露事件,导致14亿条记录外泄:而据中国互

ASP CDONTS.NEWMAIL组件发送电邮(附下载)

附CDONT.NEWMAIL组件下载地址:http://files.cnblogs.com/files/colinliu/cdonts.rar ASP常规发送方法: <% dim mail set mail=server.createobject("cdonts.newmail") mail.From=fromwho "发件人信箱 mail.To = towho "收件人信箱 mail.Subject =subject "主题 mail.Body =

德企为休假员工设置电邮屏蔽 平衡员工工作生活

中新网14日电 据英国<金融时报>14日报道,德国戴姆勒股份有限公司的员工今年夏季可以在不用分心查看电子邮件的情况下去海滩度假了,他们的伴侣和子女再也不会沮丧地看到,一家人的度假被与工作有关的事情打扰. 据报道,这家总部位于斯图加特的汽车和卡车制造商表示,约10万名德国员工现在可以选择在休假时将所有接收到的电邮自动删除,这样他们就可以不用在休假归来时面对满满的收件箱了. 据悉,发件人将被"休假邮件"助手告知:电邮没有被接收,发件人可联系指定的替班者. "我们的员工

寻找自适应元素(11)-图片链接

寻找自适应元素(11)-图片链接 设计要点:excle.界面.自动调整.图片链接 阿金:哎哟,你要算聪明的,就没有笨人了,哈哈. 秀秀:去去去,又开始了,俺就不信赢不过你! 阿金:那你就说一个透视表不能实现的自动功能! 秀秀:图片链接. 阿金:"图片链接"?是什么意思? 秀秀:就是无论你的数据什么时候有变化,所建立的图片链接区域内容立即自动更新,而不用什么"刷新"! 阿金:又抓住"刷新", 秀秀:哼哼,这是你的软肋.

html基础之(章节元素,章节元素,超链接,锚点)详细

章节元素 <body></body> 文档内容 只能一个<body>元素 <header></header>头部标签 logo  导航 <main></main>网站中重要内容 一个文档中只能有一个<main>在<body>标签中 <footer></footer>网站中显示底部的内容,版权内容信息等链接 <nav></nav>导航链接 首页 论坛 博

超链接和锚链接

<a href=" " tarhet=" ">XXXX</a> href:要跳转的文件路径名称 target:_self(目标页面覆盖当前的页面) _blank(目标页面弹出心的框来显示) 锚链接 创建步骤: 第一步:创建锚点 <a name="锚点">XXXX</a> 第二步:访问锚点链接 <a href="#锚点">XXX</a> 功能性作用 <

html 超链接标签 锚点 a标签伪类

一个简易的连接 <a href="01.html">01</a> <body> <a href="01.html" target="_blank">01</a> <a href="https://www.bilibili.com/?spm_id_from=666.7.primary_menu.1"> B站</a> <a href=&quo