仓酷云

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

[DIV+CSS] DIV教程之网站制造进阶:熟悉alt属性和title属性

[复制链接]
愤怒的大鸟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:25:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
  当扫瞄器买主歪曲了尺度而且自顾自的不按划定规矩往做一些事,他们大概会形成一些成绩,大概最少发生了搅浑。例子之一就是一些扫瞄器处置alt属性(一样平常会被毛病的称作alt标签)的体例,好比具有大批用户的Windows的IE扫瞄器。
  交换笔墨(alttext)并非用来做提醒(tooltip),大概加倍切实的说,它并非为图片供应分外申明信息的。相反地,title属性才应当用来为元素供应分外申明信息。这些信息在年夜部分图象扫瞄器里显现为提醒(tooltip),固然打造商能够恣意接纳其他体例衬着title属性的笔墨。
  良多人看来对这两个属性感应利诱(比来这个成绩在WebStandardsGroup邮件列内外变多了),以是我写下我的设法,怎样往用它们。
  alt属性
  为不克不及显现图象、窗体或applets的用户代办署理(UA),alt属性用来指定交换笔墨。交换笔墨的言语由lang属性指定。
  来历:Howtospecifyalternatetext.
  Alt属性(注重是“属性”而不是“标签”)包含交换申明,关于图象和图象热门是必需的。它只能用在img、area和input元素中(包含applet元素)。关于input元素,alt属性意在用来交换提交按钮的图片。好比:<inputtype="image"src="image.gif"alt="Submit"/>.
  利用alt属性是为了给那些不克不及看到你文档中图象的扫瞄者供应笔墨申明。这包含那些利用原本就不撑持图象显现大概图象显现被封闭的扫瞄器的用户,视觉停滞的用户和利用屏幕浏览器的用户。交换笔墨是用来替换图象而不是供应分外申明笔墨的。
  在写交换笔墨前细心想一想,包管那些笔墨的确为那些看不到图象的人供应了申明信息,而且在高低文中成心义。关于那些粉饰性的图片可使用空的值(alt="",引号两头没有空格),而不是利用不相干的交换笔墨好比“bluebullet”大概“spacer.gif”。不要疏忽它,假如你疏忽了,那末一些屏幕浏览器会间接浏览图象文件的文件名,那些笔墨扫瞄器,好比Lynx会显现图象文件的文件名,而那关于你的扫瞄者就没甚么用了。
  包括笔墨的图象图片设置交换笔墨是最复杂的,图象中包括的笔墨一样平常来讲就能够作为alt属性值。
  至于交换笔墨的长度,看看WCAG2.0(网站内容可用性指南2.0)是怎样说的:
  Alt属性值得长度必需少于100个英笔墨符大概用户必需包管交换笔墨尽量的短。
  我把它了解为“尽量短,尽必要长”。
  即便你想让它显现为提醒(tooltip),也不要给笔墨元素利用alt属性,这并非它的用法。至今据我所知,那样做仅能在Windows的IE扫瞄器和陈旧的Netscape4.*(windows版本)无效。没有一个Mac的扫瞄器会将它显现为提醒(tooltip)。
  当扫瞄器把交换笔墨显现为提醒(tooltip)后,那些毛病利用alt属性的举动也遭到了勉励。一些人入手下手写偶然思的交换笔墨,由于他们趋势于以为它是一个分外的申明信息,而不是不克不及显现图象的交换。其别人大概不想让提醒(tooltip)呈现,然后就完整疏忽了写alt属性值。这些毛病的做法,都给那些不克不及看到图象的扫瞄者形成了坚苦。
  分外的申明信息和非实质的信息请利用title属性。
  title属性
  title属性为设置该属性的元素供应倡议性的信息。
  来历:Thetitleattribute.
  title属性能够用在除base,basefont,head,html,meta,param,script和title以外的一切标签。可是并非必需的。大概这恰是为何良多人不分明什么时候利用它。
  利用title属性供应非实质的分外信息。年夜部分的可视化扫瞄器在鼠标悬浮在特定元素上时显现title笔墨为提醒信息(tooltip),但是这又由打造商来决意怎样衬着title笔墨。一些扫瞄器会将title笔墨显现在形态栏里。好比初期版本的Safari扫瞄器。
  title属性有一个很好的用处,即为链接增加形貌性笔墨,出格是当毗连自己并非非常分明的表达了链接的目标。如许就使得会见者晓得那些链接将会带他们到甚么中央,他们就不会加载一个大概完整不感乐趣的页面。别的一个潜伏的使用就是为图象供应分外的申明信息,好比日期大概其他非实质的信息。
  title属性值能够比alt属性值设置的更长。不外要注重的是,有些扫瞄器会截断太长的笔墨(好比工具提醒或其他)。好比Mozilla中心的扫瞄器只能显现开始的60个字符。这被以为是一个Mozillabug,这是你要注重的。
  利用前先思索
  我的倡议是包管交换笔墨(alttext)精要。在年夜多半的使用里,都应当被留白,alt=""(注重两引号中没有空格)。想一想那些图象,为那些扫瞄者供应了甚么样的信息,你应当用甚么笔墨往形貌它,大概你该为看不到图象的人供应甚么信息?将交换笔墨写成“照片:站在年夜楼外的CEO,穿戴灰色西装和玄色领带,看着天”关于看不到图象的人真的有匡助?假如你以为是,那末你就写吧。在良多情形下,我以为让交换笔墨留白对照好。
  关于title属性,对照难于给出严厉的利用申明。我年夜部分用在那些不克不及自我释意的链接上,好比统一页面上的不异的链接笔墨,分歧的链接页面。偶然候也为一些按钮大概表单位素供应更多的申明笔墨。
  更长的形貌
  当一个图片必要加倍长的形貌,而凌驾alt属性的限定,那末另有一些选择。
  longdesc属性能够用来供应链接到一个包括图片笔墨形貌的独自页面。这就意味着把扫瞄者链接到别的的页面,这大概会形成了解上的坚苦。别的扫瞄器关于longdesc属性的撑持也是纷歧致的,而且不长短常好。
  longdesc属性能够包括一个链接到以后文档的其他部分(锚点)来代替链接到别的的页面。在Accessibilityfootnotes,AndyClarke很好的注释申明了怎样使用。
  形貌链接(Dlinks)能够用来增补longdesc。一个形貌链接就是一个惯例的链接,毗连到含有交换笔墨的页面。该链接被置于图象的中间,而且在一切扫瞄器中都是但是的。关于它的无效性人们有良多分歧定见,我的团体定见不年夜喜好这个注重。WCAG也是,在他们的事情草案HTMLTechniquesforWCAG2.0中,形貌链接是被“不同意”的。
  假如对图片的长的形貌关于任何扫瞄者都有效,那末你得思索让它复杂的显现在统一个文档内里,而不是链接到其他页面里大概躲起来。如许每一个人都能够浏览到。这是一种复杂低手艺含量的办法。
</p>
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
admin 该用户已被删除
沙发
发表于 2015-1-18 06:38:24 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
再现理想 该用户已被删除
板凳
发表于 2015-1-25 11:10:00 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
山那边是海 该用户已被删除
地板
发表于 2015-2-2 21:57:31 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
柔情似水 该用户已被删除
5#
发表于 2015-2-8 09:01:46 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
分手快乐 该用户已被删除
6#
发表于 2015-2-25 08:57:17 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
蒙在股里 该用户已被删除
7#
发表于 2015-3-7 19:58:23 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
简单生活 该用户已被删除
8#
发表于 2015-3-15 13:46:44 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
飘飘悠悠 该用户已被删除
9#
发表于 2015-3-22 02:08:59 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-6-11 06:40

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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