当前位置：网站首页 > 技术文章 > 正文

1. 如何理解HTML语义化?

zhezhongyun 2024-12-05 17:58 32 浏览

语义化标签还有<header>(头部)、<nav>(导航)、<main>(主要区域)、<article>(主要内容)、<section>(区块)、<aside>(侧边栏)和<footer>(底部)等。

语义化优点：

2. 默认情况下，哪些HTML标签是块级元素、内联元素、空元素？

如果没有defer或async属性，浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素，读取到就会开始加载和执行，这样就阻塞了后续文档的加载。

下图可以直观的看出三者之间的区别:

其中蓝色代表js脚本网络加载时间，红色代表js脚本执行时间，绿色代表html解析时间。

defer 和 async属性都是去异步加载外部的JS脚本文件，它们都不会阻塞页面的解析，其区别如下：

执行顺序： 多个带async属性的标签，不能保证加载的顺序；多个带defer属性的标签，按照加载顺序执行；
脚本是否并行执行：async属性，表示后续文档的加载和执行与js脚本的加载和执行是并行进行的，即异步执行；defer属性，加载后续文档的过程和js脚本的加载是并行进行的，js脚本需要等到文档所有元素解析完成之后才执行，DOMContentLoaded事件触发执行之前。

在网页HTML的顶部，会发现顶部有一个<!DOCTYPE html>声明，所有处于标签之前，它不是html标签。主要作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。

如果不写文档DOCTYPE声明，浏览器将无法获知HTML或XHTML文档的类型，也会进入怪异模式，那么，在不同的浏览器下，显示的样式效果会不一致；相反，浏览器按照W3C标准来解析代码，呈现页面。

对于viewport中的值，有下列选项：

HTML 区块