前端3-31-6：a元素、link与script加载解析区别

1、关于a元素，以下说法正确的有？

A、a元素必须具有href属性

B、a元素的target属性可以指向一个具名的窗口或iframe

C、当a元素的rel属性具有多个值时，使用空格“ ”分隔

D、a元素的href属性必须是目标url的绝对路径

【解析】

A：a 元素可以没有 href 属性，此时为超链接的一个占位符，则 A错误

B：target 属性可选有：_blank、_self、framename等值

C：rel 属性有多个值时，使用空格 " " 分隔

D：href 属性的可选有：

                          绝对路径（href = "https://www.baidu.com"）

扫描二维码关注公众号，回复： 13136196 查看本文章

                          相对路径（href = "index.html"）

                          锚（href = "#top"）

      则 D 错误

2、基于以下 HTML 结构，以下关于 main1.css 和 main2.css 的描述有哪些是正确的？

A、main1.css和main2.css同时开始加载，先加载完成的优先解析

B、如果main1.css和main2.css中有相同的选择器规则，那么main2.css中的规则将合并main1.css的规则

C、main2.css只有在main1.css加载并解析后，才开始加载

D、如果main1.css和main2.css中有相同的选择器规则，那么main2.css中的规则将被忽略

【解析】

A：link标签，同时加载，哪个先加载完成就先解析

B：相同的选择器规则，则main2.css中的规则合并main1.css的规则中

C：link标签同时加载， 则 C 错误

D：main2.css规则不会被忽略，会合并main1.css规则中， 则 D 错误

【知识点】

• link：同时加载的
• script：加载完一个再加载另一个
• 加载和解析是两个概念，加载是并行的，解析是顺序的，先加载完成的先解析。