img的title和alt有什么区别、strong与em的异同? b 与 strong 的区别、i 与 em 的区别?src和href的区别、title 与 h

27 阅读5分钟

img的title和alt有什么区别

title: 通常当鼠标滑动到元素上的时候显示。

alt (alt text):<img> 的特有属性,全称alternate,切换的意思,是图片内容的等价描述,如果无法加载时显示图像,浏览器将显示alt指定的内容、读屏器阅读图片 。可提图片高可访问性, 除了纯装饰图片外都必须设置有意义的值, 搜索引擎会重点分析。

img的title属性和alt属性的区别是:

当使用<img>标签插入图像时,可以在titlealt属性中提供描述性的文本。

alt属性是图像的替代文本,让用户能够知道图像的内容,用于在图像无法加载或阅读器无法解析时展示,或者在以纯文本形式阅读网页时提供图像描述,这样用户还能看到丢失了的一些信息,相对来说比较友好。

title属性则提供了对图像额外的描述信息,一个额外的描述性文本,一般当鼠标滑动到元素身上,用户将鼠标悬停在图像上时,会显示为提示信息。

strong与em的异同?

<strong>标签和<em>标签都可以用于强调文本。它们的区别在于,<strong>标签用于表示重要性强的文本,将其内容渲染为加粗样式,常用于段落或句子的标题。而<em>标签用于对文本进行斜体强调,表示有重要性的语气。语义上的区别在于,<strong>标签传达的强调更加重要,可能会改变文本的含义,而<em>标签仅表示强调的词或短语。

b 与 strong 的区别

<b>标签和<strong>标签都用于加粗文本,但没有语义上的特殊含义。<strong>标签被认为是对文本的强调,有更重要的意义,而<b>标签只是简单地将文本加粗,不强调重要性。在 HTML5 中,推荐使用<strong>标签作为语义化的强调标记。 strong 是标明重点内容,有语气加强的含义,使用阅读设备阅读网络时:strong会重读,而b是展示强调内容

i 与 em 的区别

i标签和em标签也是起到类似加强语气的作用。它们的区别在于,i标签只是把文本斜体化,而em标签则是表示在文本中的一个词或短语具有强调的意思。 <i>标签和<em>标签都用于表示斜体文本,也是起到类似加强语气的作用。<i>是italic(斜体)的简写,是早期的斜体元素,标签仅将文本样式设置为斜体,没有其他语义上的特殊含义。而<em> 是emphasize(强调)的简写,标签表示强调的词或短语,通常以斜体显示。与<strong>类似,<em>标签具有更重要的语义含义,表示强调的词或短语。

src和href的区别

src和href都是HTML中特定元素的属性,都可以用来引入外部的资源。

src: 是 source 的缩写,它通常用于img、video、audio、script元素,通过src指向请求外部资源的来源地址,指向外部资源的位置,指向的内容会嵌入到文档中当前标签所在位置,在请求src资源时,它会将资源下载并应用到文档内,例如说:js脚本、img图片、frame等元素。当浏览器解析到该元素时,会暂停其它资源下载,直到将该资源加载、编译、执行完毕。这也是为什么将js脚本放在底部而不是头部的原因。

<script src ="js.js"></script> 当浏览器解析到该元素时,会暂停其他资源的下载和处理, 直到将该资源加载 、编译 、执行完毕, 图片和框架等元素也如此, 类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

href: 是 Hypertext Reference 的缩写,意味着超链接,指向网络资源,当浏览器识别到它指向的⽂件时,就会并⾏下载资源,不会停⽌对当前⽂档的处理,通常用于a、link元素。建立和当前元素 ( 锚 点) 或当前文档 (链接) 之间的链接。

如果我们在文档中添加 <link href="common.css" rel="stylesheet"/> 那么浏览器会识别该文档为 css 文 件,就会并行下载资源并且不会停止对当前文档的处理 。这也是为什么建议使用 link 方 式来加载 css , 而不是使用 @import 方式

src属性和href属性的区别是:<img>标签中,src属性用于指定要嵌入的外部资源的URL,例如图片或视频的文件路径。而<a>标签中的href属性,用于指定链接文本的URL,点击链接时会跳转到指定的URL。

src 用于替换当前元素, href 用于在当前文档和引用资源之间确立联系。

title 与 h1 的区别

<title>标签用于定义文档的标题,显示在浏览器的 title 标题栏中。它提供了对网页内容的简洁描述,帮助用户了解页面的主要内容。而<h1>标签表示层次明确的页面内容标题,用于定义网页中的主标题,是页面结构的一部分,也是搜索引擎SEO优化的重要元素,表示文档中的第一级标题,其语义更加强烈。对页面信息的抓取也有很大的影响。

持续学习总结记录中,回顾一下上面的内容: img的title和alt有什么区别、strong与em的异同? b 与 strong 的区别、i 与 em 的区别?src和href的区别、title 与 h1 的区别