HTML超级链接实现提示和打开怎样做呢?
Admin 2022-11-23 群英技术资讯 788 次浏览
今天小编跟大家讲解下有关“HTML超级链接实现提示和打开怎样做呢?”的内容 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了相关资料,希望小伙伴们看了有所帮助。 互联网上不计其数的信息本质上都是一个一个的HTML文档组成的,通过链接将它们串联起整个互联网。这就犹如骨肉之于人体一样,只有通过经脉才能将它们串联起来,组成一个完整的人体。
看似最基本的一个标签,却是HTML文档中至关重要不可或缺的一个标签。这个标签是页面之间链接的一个纽带,起着一个桥梁的作用。这座桥梁在页面里的也以各种各样的方式出现着,不同的网站以不同的方式对其进行着装饰,然而最终的目的却是一样的——给用户一个更直观更人性化的链接提示。
标签在HTML文档里可以设置不同的提示方式及不同的打开方式,本文也只对这两方面做一个简单分析,欢迎补充更多的信息。
链接的提示方式:
1、文字带有颜色并有下划线:这是浏览器默认的链接提示方式,可以很清楚的告诉用户哪里是可以点击有链接的,哪里是没有链接的。很多网站采用这种默认的链接提示方式,比如新浪网、搜狐网。然而这种链接提示方式出现在新闻列表页里是很不合适的,新闻列表页里的文字基本上都是属于标题,也就是说都是带有链接可点击的,既然整个页面的文字都是带有链接可点击的,那么使用这种方式对链接进行提示似乎完全没有必要,而且整个页面全是下划线,会带来很严重的视觉疲劳感。这种方式出现在链接不多的内容页,就可以很好的完成链接本身的提示任务;
2、文字带有颜色没有下划线:这是目前很多网站在新闻列表页的链接提示方式。这种方式应用在新闻列表页很适合,去除了整页烦人的下划线。也有很多网站把这种提示方式应用在内容页里,因为突出了链接文字与内容文字的不同,然而在我看来这种方式应用在内容页里没有上一种方式好;
3、文字没有颜色没有下划线:这是另一种应用于新闻列表页里的链接提示方式。既然整页的文字都是可链接的,那么文字带不带有颜色似乎已经可以忽略不计,因为已经没有特殊的意义,除了为了美化页面而使用带有颜色的文字。同样也有一些网站把这种提示方式应用在内容页里,比如泡泡网的内容页。这就需要把鼠标移动到链接文字上面才会以文字变色加下划线之类的方式来提示可链接性,在内容页使用这种提示方式的前提是该链接对于内容本身页言只是个可有可无的附带品;
4、下划线为虚线:这是很特殊的一种提示方式,基本上应用在内容页里的弹出层广告链接。
在我看来最好的链接提示方式是:新闻列表页不显示下划线,内容页的链接文字显示下划线,至于链接文字是否应该带有颜色,主要还是看页面的设计。
链接的打开方式:
1、当前页跳转:这也是浏览器默认的链接打开方式。相对于弹出一堆的标签页或是浏览器窗口来说,当前页跳转无疑是最让人感觉简洁舒服的,很自然的这也成了浏览器的默认打开方式。然而在实际的应用中却并非如此。如果链接是在新闻列表页,那么在当前页跳转问题并不大,但如果链接文字是在内容页,那么在当前页跳转则显得很不合理,在当前页跳转则意味着浏览器会丢弃当前的数据,但内容页的链接文字是混在大段的内容中的,是给出当前文字的相关信息的逻接,用户很自然的阅读到链接文字时会点击查看相关信息,不可能阅读完全文后再点击链接文字进行跳转;
2、弹出页跳转:这是最保险也是最常用的链接打开方式。在内容页里的链接文字使用这种打开方式,能最大限度的不影响用户当前的阅读行为,在保证用户的获取信息的顺畅性的同时最大限度的提供相关信息;
3、弹出层显示:这种打开方式一般都是用在对当前链接文字的简短解释上的,当然也用在广告的显示上。
什么样的链接打开方式对于用户来说,存在一定的影响,但更大的影响来自于链接打开方式的统一性,同类的链接方式采用统一的当前页跳转或者是弹出页跳转,最多只是影响用户在使用上是否顺畅,但如果同类的链接打开方式一下是当前页跳转一下又是弹出页跳转,带给用户的就不是操作上是否有顺畅感,而是让用户感觉迷惑。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
怎么用CSS3实现对图片的放大效果方法一,利用transform属性配合scale()方法transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。scal
实现效果 X轴Y轴在一个矩形内移动做斜线运动.ball{position:absolute;animation:animX2slinearinfinitealternate,animY2slinearinfinitealternate}@keyframesanimX{0%{left:0p
在css中,可以利用“text-shadow”属性给字体设置阴影,该属性用于给文本设置阴影效果,属性值可以设置文本的水平垂直阴影、模糊距离和阴影颜色,语法为“元素{text-shadow:水平阴影 垂直阴影 blur color;}”。
这篇文章主要给大家介绍css中匹配的相关内容,一些朋友可能知道css中匹配方式有模糊匹配和全局匹配,但是还是会遇到一些匹配相关的问题,因此这篇文章就给大家分享一下关于匹配的问题的解决方法,感兴趣的朋友可以参考。
css中实现2d旋转的函数是“rotate()”函数。rotate()函数可与transform属性配合使用,语法为“元素{transform:rotate(角度值);}”;参数角度为正数时元素顺时针旋转,参数角度为负数时元素逆时针旋转。
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008