Web 标准 & W3C 规范

简介: Web 标准 & W3C 规范

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

Web 标准

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

  • 结构:指我们平时在 body 里面写的标签,主要是由 html 标签组成
  • 表现:指更加丰富 html 标签样式,主要由 css 样式组成
  • 行为:指页面和用户的交互,主要由 javascript 部分组成

W3C 规范

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

对结构的要求

标签字母要小写

正确示范

<div></div>

错误示范

<DIV></DIV>

标签要闭合

正确示范

<div></div><imgsrc=""alt=""/>

错误示范

<div><imgsrc=""alt="">

标签不允许随意嵌套

正确示范

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

错误示范

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

对表现和行为的要求

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

相关文章
|
4月前
|
JavaScript 前端开发 开发工具
web项目规范配置(husky、eslint、lint-staged、commit)
通过上述配置,可以确保在Web项目开发过程中自动进行代码质量检查和规范化提交。Husky、ESLint、lint-staged和Commitlint共同作用,使得每次提交代码之前都会自动检查代码风格和语法问题,防止不符合规范的代码进入代码库。这不仅提高了代码质量,还保证了团队协作中的一致性。希望这些配置指南能帮助你建立高效的开发流程。
143 5
|
5月前
|
前端开发 JavaScript 搜索推荐
对WEB标准以及W3C的理解与认识
对WEB标准以及W3C的理解与认识
112 0
|
9月前
|
XML 安全 前端开发
W3C规范的重要性是什么?
【6月更文挑战第1天】W3C规范的重要性是什么?
91 4
|
8月前
|
前端开发
网页设计04 WEB端按钮设计技巧,交互规范参考资料,点击事件,什么是3:1 ,3:1 的介绍,网页设计牵扯的知识整理成口诀
网页设计04 WEB端按钮设计技巧,交互规范参考资料,点击事件,什么是3:1 ,3:1 的介绍,网页设计牵扯的知识整理成口诀
|
10月前
|
XML JavaScript 前端开发
Web标准是一系列由W3C和其他组织制定的规范
【5月更文挑战第26天】Web标准是一系列由W3C和其他组织制定的规范
102 2
|
10月前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
编解码 前端开发 JavaScript
对WEB标准以及W3C的理解与认识
对WEB标准以及W3C的理解与认识
196 0
|
Web App开发 JavaScript 前端开发
Web组件规范和自定义元素
Web组件规范和自定义元素
175 0
|
XML 前端开发 JavaScript
理解web标准、w3c规范
理解web标准、w3c规范
746 0
|
Web App开发 数据安全/隐私保护

热门文章

最新文章