1. 说说对HTML语义化的理解
语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化) 。
语义化的优点如下:
有利于SEO。对机器友好,带有语义的文字表现力丰富,更适合搜索引擎的爬虫爬取有效信息。除此之外,语义类还支持读屏软件,根据文章可以自动生成目录;增强了可读性。对开发者友好,使用语义类标签,结构更加清晰,开发者能清晰的看出网页的结构,便于团队的开发与维护。
2.CSS的<link>标签放在<head></head>之间
把 <link> 标签放在 <head></head> 之间是规范要求的内容。这种做法可以让页面逐步呈现,提高了用户体验。如果将样式表放在文档底部附近,会使许多浏览器(包括 Internet Explorer)不能逐步呈现页面。
3.JS的<script>标签放在</body>之前
把 <script> 标签放在底部,保证 HTML 首先完成解析,将页面尽早呈现给用户。
4.script标签中defer和async的区别
如果没有defer或async属性,浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素,读取到就会开始加载和执行,这样就阻塞了后续文档的加载。