Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[html] 第48天 说说你对WEB标准和W3C的理解与认识? #181

Open
haizhilin2013 opened this issue Jun 2, 2019 · 3 comments
Open
Labels
html html

Comments

@haizhilin2013
Copy link
Collaborator

第48天 说说你对WEB标准和W3C的理解与认识?

@haizhilin2013 haizhilin2013 added the html html label Jun 2, 2019
@AnsonZnl
Copy link
Contributor

AnsonZnl commented Jun 3, 2019

网页主要由三个部分组成,表现、结构和行为。

我理解的就是:

html是名词--表现
css是形容词--结构
javascript是动词--行为
以上这三个东西就形成了一个完整的网页,但是js改变时,可以会造成css和html的混乱,让这三个的界限不是那么清晰。

这个时候,web标准就出来了,web标准一般是将该三部分独立分开,使其更具有模块化。

W3C对web标准提出了规范化的要求,也就是在实际编程中的一些代码规范:包含如下几点

1.对于结构要求:(标签规范可以提高搜索引擎对页面的抓取效率,对SEO很有帮助)

标签字母要小写
标签要闭合
标签不允许随意嵌套
2.对于css和js来说

尽量使用外链css样式表和js脚本。是结构、表现和行为分为三块,符合规范。同时提高页面渲染速度,提高用户的体验。
样式尽量少用行间样式表,使结构与表现分离,标签的id和class等属性命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版

这里顺便解释下什么是web标签语义化,即用正确的标签做正确的事情。

比如:

W3C组织意识到了之前HTML版本的不足,推出的HTML5进一步推进了Web语义化发展,采用了诸如footer、section等语义化标签,弥补了采用id="footer"或者class="footer"形式的不足,以更好的推动Web的发展。

@blueRoach
Copy link

web标准指的是要符合ECMA和W3C的规范

W3C是对CSS、JS、XML、HTML等的规范和标准。为了更方便使用者和开发者

@chenshijin1
Copy link

html是名词--表现
css是形容词--结构

html是名词-- 结构
css是形容词-- 表现

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
html html
Projects
None yet
Development

No branches or pull requests

4 participants