w3c标准
-
2023年3月20日发(作者：电视机尺寸表)关于对WEB标准以及W3C的理解和认识
这个问题⽹上⼀搜答案就⼀⼤堆，但个⼈认为还是需要⾃⼰来记录⼀下的。因为⽹上的都是别⼈的答案，⾃⼰能说出来的才是真正理解了的
东西。
⼤家都说，写好HTML最重要的⼀点是要写“语义化”的代码，即HTML标签、结构要符合所表⽰的语义。结合你的理解，谈谈这⼀观点，
说说你所理解的“语义化”是什么，你平时在项⽬中是如何实践“语义化”的，试举出⼀两个事例。
答：语义化就是⽤正确的标签做正确的事。所谓正确就是让HTML的结构在语义化标签下能被更准确的理解，能够顾名思义。⽽这来带的好
处之⼀就是⽅便⼈们阅读源代码。更重要的是，在⽹站性能⽅⾯带来更多的优化。⼀⽅⾯是浏览器在解析html页⾯时构建的DOM树结构能
够更加精准，另⼀⽅⾯是⼤家都熟知的能够更容易地被搜索引擎抓取，便于⽹站推⼴。对未来的影响则是使得代码更规范，能适应以后的
web标准。
事例：1.重构页⾯时，多使⽤HTML5的标签，如header，footer，section，nav，article，aside等。
2.如按钮的实现有多种⽅式，可以通过a，div，span等，但最后还是应该⽤button标签，因为在部分浏览器中认为有些标签是不能有
交互⾏为，这样就会引起浏览器差异问题。更多类似的⼩例⼦还有做导航⽤nav，做列表⽤li
我们说，前端开发是结构、表现、⾏为分离的，HTML、CSS和JavaScript分别负责结构、表现和⾏为。结合你在前端的实践，谈谈你对结
构、表现、⾏为分离原则的理解，试举出你在这⼀原则下实践的⼀个例⼦。
答：前端的学习离不开HTML,CSS,JavaScript。这三者从早些年的结合，到当代的分离，体现了前端的迅猛发展，表明前端的分⼯越来越
细，同时体现了⼀种⼯作模式的转变。HTML结构给我们直观的呈现就是DOM树，这就如同⼀幅没有颜⾊的只有线条的画，⽽CSS表现与
HTML结构结合则是渲染出了⼀幅⾊彩缤纷的图画，再加上JavaScript⾏为的实现，就变成了⼀个丰富的动画，有了交互有了事件等各种机
制。
WEB标准简单来说可以分为结构，表现和⾏为。其中结构主要是有HTML标签组成，在页⾯body⾥⾯我们写⼊的标签都是为了页⾯的结
构。表现即指css样式表，通过css可以使页⾯的结构标签更具美感。⾏为是指页⾯和⽤户具有⼀定的交互，同时页⾯结构或者表现发⽣变
化，主要是由js组成。
WEB标准⼀般是将该三部分独⽴分开，使其更具有模块化。但⼀般产⽣⾏为时，就会有结构或者表现的变化，也使这三者的界限并不那么
清晰。
W3C对web标准提出了规范化要求：
1.结构要求（标签规范可以提⾼搜索引擎对页⾯的抓取效率，对SEO很有帮助）
（1）标签字母要⼩写
（2）标签要闭合
（3）标签不允许随意嵌套
2.对css和js来说
（1）尽量使⽤外链css样式表和js脚本。使结构，表现，⾏为分为三块，符合规范，同时提⾼⽤户的体验。
（2）样式尽量少⽤⾏间样式，使结构与表现分离，标签的id和class等属性命名要做到
（3）不需要变动页⾯内容，便可提供打印版本⽽不需要复制内容，提⾼⽹站易⽤性