Web 标准 & W3C 规范

原文链接：https://note.noxussj.top/?source=imooc

Web 标准

web 标准主要分为结构、表现、行为 3 部分。

• 结构：指我们平时在 body 里面写的标签，主要是由 html 标签组成

• 表现：指更加丰富 html 标签样式，主要由 css 样式组成

• 行为：指页面和用户的交互，主要由 javascript 部分组成

W3C 规范

w3c 对 web 标准提出了规范化的要求，即代码规范。

对结构的要求

标签字母要小写

正确示范

<div></div>

错误示范

<DIV></DIV>

标签要闭合

正确示范

<div></div>
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="" alt="" />

错误示范

<div>
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="" alt="">

标签不允许随意嵌套

正确示范

<div>
    <i></i>
</div>

错误示范

<div>
    <i>
</div>
    </i>

对表现和行为的要求

建议使用外链 css 和 javascript 脚本，实现结构与表现分离、结构与行为分离，能提高页面的渲染效率，更快地显示网页内容。