跳到主要内容

基础

src和href的区别​

  • src是指向资源，并将资源迁入到标签所在位置；常用在script, img等标签上

  • href是在当前元素和引用资源之间建立联系；常用在a、link等标签上

对HTML语义化的理解​

内容/结构语义化，比如header,section, footer, nav, menu, article, aside

script标签中defer和async的区别​

  • 没有defer或async属性: 浏览器会立即加载并执行相应的脚本,这样就阻塞了后续文档的加载

  • defer 和 async属性: 异步加载外部的JS脚本文件，它们都不会阻塞页面的解析,区别在于js脚本执行时间，以及多个标签时，js之间的执行顺序的区别：

    • defer：js在html解析完成之后才执行；多个带defer属性的标签，按照加载顺序执行；

    • async：js与其他文档并行执行的；多个带async属性的标签，不能保证执行的顺序，谁先加载完谁先执行

常⽤的meta属性有哪些​

<!-- 描述HTML文档的编码类型 -->
<meta charset="UTF-8" > 
<meta name="keywords" content="关键词" />
<meta name="description" content="页面描述内容" />
<!-- 页面重定向和刷新 -->
<meta http-equiv="refresh" content="0;url=" />
<!-- 适配移动端 -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

viewport, content值有：

  • width：宽度(数值/device-width)
  • height：高度(数值/device-height)
  • initial-scale ：初始缩放比例
  • maximum-scale ：最大缩放比例
  • minimum-scale ：最小缩放比例
  • user-scalable ：是否允许用户缩放(yes/no）

行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？​

  • 行内元素有：a b span img input select strong；
  • 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p；
  • 空元素: 没有内容、没有闭合标签的HTML元素：<br>、<hr>、<img>、<input>、<link>、<meta>、<col>、<colgroup>

iframe 有那些优点和缺点？​

优点：

  • 可以直接在页面上嵌入另一个页面，另一个页面发生个性，当前页面内容就会发生个性
  • 实现跨子域通信
  • 加载广告

缺点：

  • iframe 会阻塞主页面的 onload 事件
  • 无法被一些搜索引擎索识别
  • 会产生很多页面，不容易管理

head 标签有什么作用，其中什么标签必不可少？​

描述了文档的各种属性和信息，比如：title, meta, script, style, link。其中title是必需的元素