前端开发者需要知道的Web 标准 & W3C 规范

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


Web 标准

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

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

W3C 规范

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

对结构的要求

标签字母要小写

正确示范

1<div></div>

错误示范

1<DIV></DIV>

标签要闭合

正确示范

1<div></div> 2<img src="" alt="" />

错误示范

1<div> 2<img src="" alt="">

标签不允许随意嵌套

正确示范

1<div> 2 <i></i> 3</div>

错误示范

1<div> 2 <i> 3</div> 4 </i>

对表现和行为的要求

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


最全面的前端笔记来啦,包含了入门到入行的笔记,还支持实时效果预览。小伙伴们不需要再花时间去写笔记,或者是去网上找笔记了。面试高频提问和你想要的笔记都帮你写好了。支持移动端和 PC 端阅读,深色和浅色模式。 原文链接:https://note.noxussj.top/?source=helloworld

点赞
收藏

评论区

加载中...

相关推荐

SEO和标签的语义化

做网站,我们都是需要考虑到标签语义化来提高SEO搜索排名的,那么我们就先来了解一下:w3c标准:html结构css样式js行为遵循的原则:先确定语义的HTML,再选合适的CSS。语义是否良好:当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。作用:语义化的网页的好处,最主要的就是对搜索引擎友好,有了

推荐你学学HTML5考核标准和我的学习方法

原文链接:考核标准很多同学都知道笔记、教程视频网上都有很多,并且自己也去学习了。但是却不知道学到什么样的程度才算真的掌握了呢?所以老师将会以自己的想法作为一个标准,进行考核。怎么样才算掌握了HTML5技术?1.必须知道Web标准和W3C规范是什么?2.必须

JavaScript

Javascript简介web前端有三层:HTML:从语义的角度,描述页面的结构CSS:从审美的角度,描述样式(美化页面)Javascript:从交互的角度,描述行为(提升用户体验)JavaScript的组成ECMAScript5.0:定义了js的语法标准:包含变量、表达式、元素符、函数、i

JavaScript DOM编程艺术(第2版)学习笔记1(1~4章)

第一章一些基本概念HTML(超文本标记语言),构建网页的静态结构,由一系列的DOM组成;CSS(层叠样式表),给网页各部分结构添加样式;JavaScript,通过获取DOM给静态结构加上动作,使用户能够与静态网页进行交互;DOM,一种API(应用程序接口),通过这个接口动态的访问和修改结构或样式。浏

GitHub标星13.1k,JavaScript基础知识必知(一)!前端入门必看!

JavaScript背景Web前端有三层:HTML:从语义的角度,描述页面结构CSS:从审美的角度,描述样式(美化页面)JavaScript:从交互的角度,描述行为(实现业务逻辑和页面控制)发展历史JavaScript诞生于

3D轮播切换特效 源码+注释

这个3D轮播切换特效是我2017年2月份写的当初我刚接触HTML不久,现在把源码分享给大家 源码的注释超级清楚。<!声明文档类型:html作用:符合w3c统一标准规范每个浏览器对htmlcssjs都有自己的编码模式(兼容模式)\ 无序列表标签  盒子模型标签 img图片标签四要素 1<