前端面试题---标签上title与alt属性,href 与 src属性,iframe,CSS link 与 @import

一.标签上 title 与 alt 属性的区别?

title属性和alt属性都是用于提供额外信息的HTML属性,但它们的作用和使用场景有所不同。

 1.title属性

title属性用于提供关于元素的额外提示信息,当鼠标悬停在元素上时,浏览器会显示该提示信息。通常用于提供对元素的解释、补充或简短描述。title属性可以用于多种HTML元素,如链接(元素)、图像(元素)、表单元素等。

示例网站
示例图像

 2.alt属性

alt属性用于为图像元素()提供替代文本,当图像无法显示时,替代文本会被浏览器显示。它的主要目的是为了提供对图像内容的文字描述,以增强可访问性和辅助技术的支持。alt属性对于视觉障碍者或图像无法加载的情况下,能够传达图像的关键信息。

示例图像

需要注意的是,alt属性在图像元素中是必需的,并且应该尽可能地准确和有意义,以便为用户提供有用的描述。而title属性是可选的,用于提供额外的补充信息,但不应该被视为替代alt属性的作用。

二.href 与 src的区别?

hrefsrc是HTML中常用的属性,它们在用途和适用的元素上有所不同。

1.href属性

Example

Image

 2.src属性

  • 用途:src属性用于指定引入的资源的URL,它通常用于(图像)、

    总结区别

    • href是用于指定链接的目标资源的URL,用于在浏览器中导航到其他页面或资源。
    • src是用于指定引入的资源的URL,用于在页面中嵌入图像、脚本、框架等内容。

    需要注意的是,虽然hrefsrc在功能和用途上有所区别,但在某些情况下,它们可以用来指向相同的URL。例如,当引入外部资源(如CSS文件或JavaScript文件)时,可以使用元素的href属性或

你可能感兴趣的:(前端面试题,html,前端)