当前位置:网站首页>Understanding of web standards and W3C?
Understanding of web standards and W3C?
2022-07-22 10:12:00 【Lu Rongtao】
web Standards can be divided into structures 、 Performance and behavior .
- The structure mainly includes HTML Label composition . Maybe it's more popular , On the page body The tags we write are for the structure of the page .
- Performance means css Style sheets , adopt css Can be the structure of the page label more aesthetic .
- Behavior refers to the interaction between the page and the user , At the same time, the page structure or performance changes , There are mainly js form .
web The standard is to separate the three parts , Make it more modular . But generally when there is behavior , There will be structural or performance changes , It also makes the boundaries of the three not so clear .W3C Yes web The standard puts forward the requirements of standardization , That is, some code specifications in actual programming : It includes the following points
- 1. For structural requirements :( Tag specification can improve the efficiency of page grabbing of search engine , Yes SEO Very helpful
- 1) Label letters in lowercase
- 2) The label should be closed
- 3) Tags are not allowed to be nested at will
- 2. about css and js Come on
- 1) Try to use the outer chain css Style sheets and js Script . It's the structure 、 Performance and behavior are divided into three parts , Conform to specifications . At the same time, improve the rendering speed of the page , Improve the user experience .
- 2) Try to use as few style sheets as possible , To separate structure from performance , Labeled id and class Attribute naming should be done according to the meaning of the text , The fewer Tags , The faster it loads , Improved user experience , Code maintenance is simple , Easy to change
- 3) There is no need to change the content of the page , You can provide a printed version without copying the content , Improve website usability .
- 1. For structural requirements :( Tag specification can improve the efficiency of page grabbing of search engine , Yes SEO Very helpful
* Lu Rongtao front-end learning exchange Q Group 858752519
Add group notes :CSDN recommend
边栏推荐
猜你喜欢
将瑞吉外卖项目jar包部署在远程服务器并成功运行在pc和移动端
高度关注,2022开放原子开源峰会最新议程一览
Google Chrome browser will support taking notes on any web page and multi device synchronization
【OpenCV 例程300篇】234. 特征提取之主成分分析(PCA)
[error reporting] valueerror: it seems that you are using the keras 2 and you are passing both
Cocoscreator mobile game multi screen adaptation
解决API开发痛点,Apipost和Apifox哪个更好?
RHCSA 硬链接与软链接的区别、一级目录的解释、重定向、创建文件及目录、删除文件及目录、cp命令的使用、mv命令的使用
[Arduino] raspberry pie rp2040 on-board ws2812 lamp transformation effect and breathing lamp effect example
Autojs learning - achieve drawer effect
随机推荐
打家劫舍系列问题
高校学生返校名单信息生成- 腾讯云场景连接器全国高校创新赛
How many months did you write your first SCI? (Part II)
Simply move one box to another. How do you realize the animation effect
时间复杂度吐血总结
Crazy God redis notes 07
背会这些面试题,任何技术面能成功一半
Rollup系Layer2战局:发行Token 争夺市场
Hd06-asemi patch rectifier bridge hd06
< 3> Use of comparator
<3>比较器Comparator的使用
AutoJs学习-实现抽屉效果
Set exercise program
RHCSA 简单命令的使用(ls、date、timedatectl、file、stat),文件类型
Short video live source code, uniapp jump page carries Id
等额本金递增还款/等额本金递减按揭房贷还款计算器
[error reporting] valueerror: it seems that you are using the keras 2 and you are passing both
Set实现类
day02
JS type conversion