HTML常用知识

HTML语义化

语义化标签种类

HTML新增的语义化标签主要有

• <header> 头部
• <footer> 底部
• <nav> 导航栏
• <aside> 侧边栏
• <section> 区块，相当于一个语义化的div
• <main> 主要区域
• <article> 主要内容

语义化的好处

语义化的好处主要分为对机器和人两个方面。

对机器来说：语义化标签能够让爬虫引擎抓取到更多有效信息，利于网站的SEO优化。对于一些读屏软件来说，语义化标签还能根据内容自动生成目录。

对人来说：语义化标签增强了页面代码的可读性，开发者能够清晰地看见网页结构，利于后续的维护和开发。

script标签中async和defer的区别

默认情况下，浏览器在加载到script标签时会停止解析网页转而加载script标签对应的JS资源并执行，而async和defer则是让浏览器异步加载JS脚本。

具体来说，async会在解析网页的同时异步加载JS资源，在JS资源加载完毕后立刻执行，不论网页是否解析完毕；defer同样是异步加载JS资源，但是会在网页结构渲染解析完毕之后再执行。也就是说async标签依旧有可能阻塞页面渲染，但是defer不会，defer还能保证脚本按照加载顺序执行。

src和href的区别

src用于替换掉页面中的当前元素，href则用于建立资源之间的链接。