前端八股笔记

目录

  • HTML
    • src和href的区别
    • HTML语义化:
    • script标签中defer和async的区别
    • HTML5有哪些更新?
    • 行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
  • CSS

HTML

src和href的区别

src 是用来替换当前标签的内容(下载资源并执行),遇到时会暂停其他资源下载并等待加载执行完成。例:引入 JS 脚本、图片、frame 等,通常将js脚本放在底部
href 是用来建立当前文档与资源之间的“链接关系”,并行下载,不会阻塞页面解析

HTML语义化:

根据内容的结构化(内容语义化),选择合适的标签(代码语义化)
对开发者友好,使用语义类标签增强了可读性,结构更加清晰,开发者能清晰的看出网页的结构,便于团队的开发与维护

<header></header>  头部

<nav></nav>  导航栏

<section></section>  区块(有语义化的div)

<main></main>  主要区域

<article></article>  主要内容

<aside></aside>  侧边栏

<footer></footer>  底部

script标签中defer和async的区别

  • 不带 defer 或 async(默认情况)
    • 浏览器一读到 script 标签就会立刻去下载并执行 JS 脚本。
    • 在执行脚本时会阻塞 HTML 的继续解析。
    • 所以传统

你可能感兴趣的:(前端,笔记,前端八股)