HTML+CSS

1.href (Hypertext Reference)和 src (Source)的区别

使用标签:

href: link \ a

src:  img \ style\ script\ input\ iframe

使用规则:

href:建立资源通道,构建成链接,即指向网络资源所在位置,用于建立当前的元素和资源的🔗,

src:将当前的资源进行下载并展示.

2.页面导入样式时，使用link和@import有什么区别

共同引入css文件

区别:

1.原理不同:

link是html的一个标签,放在html文件中

@import是css中的语法规则,需要写在css的区域中,只能加载css

2.加载顺序不同:

link 引入的css根据定义的顺序进行依次加载,页面加载的时候进行加载

@import 引用的css文件等待页面加载完成后,它才进行加载.(存在一个问题,一开始没有css样式,闪烁一下后出现样式的问题)

3.兼容性:

link是html的标签所以,没有兼容的问题.

@import是css2.1之后提出,所以对于低版本的浏览器不支持

4.使用方法

link支持使用js控制dom改变样式,

@import 不支持.

5.写法

@import url("XXXXXXX")

6.权重

link引入样式大于@import 的样式

3.DOCTYPE(document type) 有什么作用？怎么写

严格模式 和 混杂模式 DOCTYPE定义在html的第一行. 严格模式:按照w3c的标准进行解析. 混杂模式:按照浏览器的自己的方式进行解析

4.html的语义化理解

根据内容结构选择合适的标签

<header></header>  //头部

<nav></nav>  //导航栏

<section></section>  //区块（有语义化的div）

<main></main>  //主要区域

<article></article>  //主要内容

<aside></aside>  //侧边栏

<footer></footer>  //底部

5.浏览器内核

6、行内元素有哪些？块级元素有哪些?空元素

块级: div p ul ol h1 h2 h3 h4 h5 h6 dl dt 行内: span select strong a 空元素: img input br link meto