css 标签上 title 和 alt 的区别

html-css07

css 标签上 title 和 alt 的区别,第1张

1. alt 是给搜索引擎识别, 在图像无法显示时的替代文本title 是关于元素的注释信息, 主要是给用户解读 。

2. 当鼠标放到文字或是图片上时有 title 文字显示 。

3. (因为IE不标准)在 IE 浏览器中 alt 起到了 title 的作用, 变成文字提示 。

    1. 在定义 img 对象时, 将 alt 和 title 属性写全, 可以保证在各种浏览器中都能正常使用 。

4. alt 属性和 title 属性的区别是:

    1. 前者 alt 是在图片无法加载的时候才会显示的其值

    2. 而 title 是在图片正常加载鼠标划上去显示的值

    3. 虽然 alt 也有后者的功能, 但是只是在低版本的 ie 浏览器才支持, 高版本及标准浏览器不支持这个功能了 。

可以使用CSS的expression,仅限于IE5-IE7上使用,代码如下所示:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

    <title>Test Expression</title>

<style type="text/css">

a {star : expression(onload=this.title="111111111111")}

</style>

</head>

<body>

    <a href="a.htm">a.htm</a>

    <a href="b.htm">b.htm</a>

</body>

</html>

效果如下:

css滚动条加title:

visible默认值。内容不会被修剪,会呈现在元素框之外。

hidden内容会被修剪,并且其余内容是不可见的。

scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。