仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 698|回复: 7
打印 上一主题 下一主题

[HTML5] html5教程之超等链接a的提醒体例和翻开体例

[复制链接]
爱飞 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:29:40 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有些差异相对轻微,有充分的理由将这两种HTML5规范草案合并为一,让浏览器制造商与网络开发者不必面对不兼容的窘境。互联网上不可胜数的信息实质上都是一个一个的HTML文档构成的,经由过程链接将它们串连起全部互联网。这就如同骨血之于人体一样,只要经由过程经脉才干将它们串连起来,构成一个完全的人体。
看似最基础的一个<a/>标签,倒是HTML文档中相当主要不成或缺的一个标签。这个<a/>标签是页面之间链接的一个纽带,起着一个桥梁的感化。这座桥梁在页面里的也以林林总总的体例呈现着,分歧的网站以分歧的体例对其举行着粉饰,但是终极的目标倒是一样的——给用户一个更直不雅更人道化的链接提醒。
<a/>标签在HTML文档里能够设置分歧的提醒体例及分歧的翻开体例,本文也只对这两方面做一个复杂剖析,接待增补更多的信息。
链接的提醒体例:
1、笔墨带有色彩并有下划线:这是扫瞄器默许的链接提醒体例,能够很分明的告知用户那里是能够点击有链接的,那里是没有链接的。良多网站接纳这类默许的链接提醒体例,好比新浪网、搜狐网。但是这类链接提醒体例呈现在旧事列表页里是很分歧适的,旧事列表页里的笔墨基础上都是属于题目,也就是说都是带有链接可点击的,既然全部页面的笔墨都是带有链接可点击的,那末利用这类体例对链接举行提醒仿佛完整没有需要,并且全部页面满是下划线,会带来很严峻的视觉委靡感。这类体例呈现在链接未几的内容页,就能够很好的完成链接自己的提醒义务;

2、笔墨带有色彩没有下划线:这是今朝良多网站在旧事列表页的链接提醒体例。这类体例使用在旧事列表页很合适,往除整页烦人的下划线。也有良多网站把这类提醒体例使用在内容页里,由于凸起了链接笔墨与内容笔墨的分歧,但是在我看来这类体例使用在内容页里没有上一种体例好;
3、笔墨没有色彩没有下划线:这是另外一种使用于旧事列表页里的链接提醒体例。既然整页的笔墨都是可链接的,那末笔墨带不带有色彩仿佛已能够疏忽不计,由于已没有特别的意义,除为了丑化页面而利用带有色彩的笔墨。一样也有一些网站把这类提醒体例使用在内容页里,好比泡泡网的内容页。这就必要把鼠标挪动到链接笔墨下面才会以笔墨变色加下划线之类的体例来提醒可链接性,在内容页利用这类提醒体例的条件是该链接关于内容自己页言只是个无关紧要的附带品;
4、下划线为虚线:这是很特别的一种提醒体例,基础上使用在内容页里的弹出层告白链接。
在我看来最好的链接提醒体例是:旧事列表页不显现下划线,内容页的链接笔墨显现下划线,至于链接笔墨是不是应当带有色彩,次要仍是看页面的计划。
链接的翻开体例:
1、以后页跳转:这也是扫瞄器默许的链接翻开体例。相对弹出一堆的标签页或是扫瞄器窗口来讲,以后页跳转无疑是最使人感到简便恬逸的,很天然的这同样成了扫瞄器的默许翻开体例。但是在实践的使用中却并不是云云。假如链接是在旧事列表页,那末在以后页跳转成绩其实不年夜,但假如链接笔墨是在内容页,那末在以后页跳转则显得很分歧理,在以后页跳转则意味着扫瞄器会抛弃以后的数据,但内容页的链接笔墨是混在年夜段的内容中的,是给出以后笔墨的相干信息的逻接,用户很天然的浏览到链接笔墨时会点击检察相干信息,不成能浏览完整文后再点击链接笔墨举行跳转;
2、弹出页跳转:这是最保险也是最经常使用的链接翻开体例。在内容页里的链接笔墨利用这类翻开体例,能最年夜限制的不影响用户以后的浏览举动,在包管用户的猎取信息的顺畅性的同时最年夜限制的供应相干信息;
3、弹出层显现:这类翻开体例一样平常都是用在对以后链接笔墨的冗长注释上的,固然也用在告白的显现上。
甚么样的链接翻开体例关于用户来讲,存在必定的影响,但更年夜的影响来自于链接翻开体例的一致性,同类的链接体例接纳一致确当前页跳转大概是弹出页跳转,最多只是影响用户在利用上是不是顺畅,但假如同类的链接翻开体例一下是以后页跳转一下又是弹出页跳转,带给用户的就不是操纵上是不是有顺畅感,而是让用户感到利诱。
</p>
每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5viewport的使用能帮你做到这一点……
山那边是海 该用户已被删除
沙发
发表于 2015-1-25 19:36:47 来自手机 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
只想知道 该用户已被删除
板凳
发表于 2015-2-3 19:58:27 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
深爱那片海 该用户已被删除
地板
发表于 2015-2-9 06:29:26 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
分手快乐 该用户已被删除
5#
发表于 2015-2-27 04:20:22 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
不帅 该用户已被删除
6#
发表于 2015-3-8 22:12:12 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
爱飞 该用户已被删除
7#
 楼主| 发表于 2015-3-16 19:15:17 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
小魔女 该用户已被删除
8#
发表于 2015-3-23 04:40:18 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-28 00:02

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表