• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > HTML教程:title属性与alt属性

HTML教程:title属性与alt属性

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含属性,教程,文字,图像,title,alt,替换,比如,浏览器,显示等相关知识,佚名 希望在学习及工作中可以帮助到您

XHTML是CSS布局的基础,jb51.net一直强调XHTML知识的学习,重视语义和文档的结构。title 和alt 属性,给我最直观的感受就是,可以提高文档的适应性,并合理提高关键词密度。在XHTML标准里,图片的alt 属性是必须的。
  XHTML是CSS布局的基础,jb51.net一直强调XHTML知识的学习,重视语义和文档的结构。title 和alt 属性,给我最直观的感受就是,可以提高文档的适应性,并合理提高关键词密度。在XHTML标准里,图片的alt 属性是必须的。
alt属性
  为不能显示图像、窗体或applets的用户代理(UA),alt属性用来指定替换文字。替换文字的语言由lang属性指定。Alt属性(注意是“属性”而不是“标签”)包括替换说明,对于图像和图像热点是必须的。它只能用在img、area和input元素中(包括applet元素)。对于input元素,alt属性意在用来替换提交按钮的图片。
  比如:使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户。替换文字是用来替代图像而不是提供额外说明文字的。
  在写替换文字前仔细想想,保证那些文字确实为那些看不到图像的人提供了说明信息,并且在上下文中有意义。对于那些装饰性的图片可以使用空的值(alt="",引号中间没有空格),而不是使用不相关的替换文字比如“blue bullet”或者“spacer.gif”。不要忽略它,如果你忽略了,那么一些屏幕阅读器会直接阅读图像文件的文件名,那些文字浏览器,比如Lynx会显示图像文件的文件名,而那对于你的浏览者就没什么用了。
  包含文字的图像图片设置替换文字是最简单的,图像中包含的文字一般来说就可以作为alt属性值。
title属性
  title属性为设置该属性的元素提供建议性的信息。
  title属性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有标签。但是并不是必须的。可能这正是为什么很多人不明白何时使用它。
  使用title属性提供非本质的额外信息。大部分的可视化浏览器在鼠标悬浮在特定元素上时显示title文字为提示信息(tool tip),然而这又由制造商来决定如何渲染title文字。一些浏览器会将title文字显示在状态栏里。比如早期版本的Safari浏览器。
  title属性有一个很好的用途,即为链接添加描述性文字,特别是当连接本身并不是十分清楚的表达了链接的目的。这样就使得访问者知道那些链接将会带他们到什么地方,他们就不会加载一个可能完全不感兴趣的页面。另外一个潜在的应用就是为图像提供额外的说明信息,比如日期或者其他非本质的信息。
  title属性值可以比alt属性值设置的更长。不过要注意的是,有些浏览器会截断过长的文字(比如工具提示或其他)。比如Mozilla核心的浏览器只能显示最先的60个字符。这被认为是一个Mozilla bug,这是你要注意的。

您可能想查找下面的文章:

  • 详解html中的marquee属性
  • HTML中相似的标签和属性的区别详解
  • 详解html中background-image属性的设置
  • HTML中rel属性分析
  • 详解html中background-image属性的设置
  • HTML中rel属性分析
  • 关于IE8兼容:X-UA-Compatible属性的解释
  • Form表单标签的Enctype属性的作用及应用示例介绍
  • html网页中meta viewport属性说明
  • 通过disabled和readonly将input设置为只读效果

相关文章

  • 2017-08-05设计师 需要学习编写代码吗
  • 2017-08-0510个未被充分利用或被误解的HTML标签
  • 2017-08-05html格式化json的实例代码
  • 2017-08-05HTML非常用标签 optgroup、sub、sup和bdo示例代码
  • 2017-08-05Web 标准学习 理解结构和表现相分离
  • 2017-08-05base target=""控制链接的目标打开框架
  • 2017-08-05通过label标记实现单选框点击文字也能选中
  • 2017-08-05移动端HTML5实现文件上传
  • 2017-08-05网页设计制作之改进超级链接效果
  • 2017-08-05html内联元素和块级元素的基本概念及使用示例

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 基于meta实现页面的定时刷新或跳转
    • Web分页打印 细线表格+分页打印之终极攻略
    • html 网页跳转代码
    • 移动端网页大小自适应的实现方法
    • 通过iframe实现在body中放frameset
    • 熟手的html编写风格与原因分析
    • 动态加载html后,点击获取焦点
    • XHTML网页教程
    • html css js 实现Tab标签页示例代码
    • 清空select标签中option选项的3种不同方式

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有