css 标签上 title 和 alt 的区别

html-css020

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 浏览器才支持, 高版本及标准浏览器不支持这个功能了 。

1、打开开发工具,新建一个HTML文件。

2、使用font-family属性设置,字体代码:.demo1{font-family: "microsoft yahei"}。

3、使用font-size属性设置字体的大小代码:.demo1{font-size: 20px}。

4、使用font-style 属性设置字体风格:normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示。

5、使用font-weight属性设置字体的粗细代码:.demo2{font-weight: 600}。

6、使用color设置字体颜色代码:.demo1{color: #FF0000}。就完成了。

可以使用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>

效果如下: