好程序员web前端分享:如何理解web语义化?
首先,在理解之前,我们需要先了解,什么是语义化。所谓语义化,简单来说,就是能够更清晰,更直观的理解语言所要表达的含义,所谓词必达意就是这个意思。那么在开发过程中的语义化指的是什么呢?就是能够让除了当事开发者能快速熟悉代码之外,最主要的就是让机器更方便的读懂代码。
那么有得童鞋就要说了,想要让同事一目了然的读懂我们的代码,那么最方便的不应该是中文编程么?这里要说句,太天真了。我们的代码都是运行在计算机中,不论基于的环境如何;而计算机在进行各种运算的过程中,需要讲我们输入的文本转成特定的编码格式,如果使用英文编程,我们写出花来也不过26个字母,而中文的博大精深这里就不做赘述,况且各类编程语言的发明者都是歪果仁呢。
那么web语义化有何好处呢?首先语义化可以使我们的代码结构更清晰,工作交接时更方便,利于团队协作和项目优化,在下次迭代产品或重构项目时不至于出现某处代码功能不明确的现象。这些其实相对来说都不是最重要的,最重要的是什么呢,当然是用户啦!那么用户跟我们的代码语义化有什么关系呢,其实直接关系并不大,最重要的是间接关系,这个关系由互联网做连接。
计算机编译的代码,都会上传到互联网中,供用户使用。在这个的过程中,结构清晰,语义明确的代码更容易被互联网喜欢。
假设我们世界中有一只神奇小爬虫,这个小爬虫非常神奇,我们看不到它,同时它爬行的速度非常快,它可以在世界上所有的计算机之间爬来爬去,爬过的地方都会留下一条线,这条线就是网线。当小爬虫爬过了大部分的计算机之后,这些计算机就组成了网络,而爬虫的速度可以理解成网速。小爬虫的智商比较低,同时比较懒,喜欢刚到门口不进去就能猜到门里面是什么。如果我们在门上贴个标签表明这个房间里有什么,那么小爬虫就省去了进屋这个流程,还能够得知门后的内容,大大提升了爬虫的速度,从而提升用户体验,贴在门上的这个标签就是语义化;反之如果不在门口贴标签或者贴一些莫名其妙的标签,不仅增加了爬虫辨识的时间,还有可能产生错误的误导,导致降低用户体验甚至产生一些不好的后果。而在编写代码过程中,语义化是成本最小的优化方式,所以在现如今开发过程中,倡导人人编程语义化,并逐步将语义化形成开发标准或行业规范的一部分。
那么如何实现web语义化呢?且看后续好程序员的文章,实现web语义化的方法有哪些?
好程序员web前端分享:如何理解web语义化?相关推荐
- 好程序员web前端分享如何理解JS单线程
好程序员web前端分享如何理解JS单线程,JS本质是单线程的.也就是说,它并不能像JAVA语言那样,两个线程并发执行. 但我们平时看到的JS,分明是可以同时运作很多任务的,这又是怎么回事呢? 首先,J ...
- 好程序员web前端分享值得参考的css理论:OOCSS、SMACSS与BEM
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享值得参考的css理论:OOCSS.SMACSS与BEM 最近在The Sass Way里看到了Modular C ...
- 好程序员web前端分享数组及排序、去重和随机点名
好程序员web前端分享数组及排序.去重和随机点名,栈堆结构:堆栈都是一种数据项按序排列的数据结构,只能在一端(称为栈顶(top))对数据项进行插入和删除. 栈:存放的是路径:容量有限(在一开始被定义之 ...
- 好程序员web前端分享Nodejs学习笔记之Stream模块
好程序员web前端分享Nodejs学习笔记之Stream模块 一,开篇分析 流是一个抽象接口,被 Node 中的很多对象所实现.比如对一个 HTTP 服务器的请求是一个流,stdout 也是一个流.流 ...
- 好程序员web前端分享JS引擎的执行机制
好程序员web前端分享JS引擎的执行机制,请先着重牢记两点!JS是单线程语言. JS的EventLoop是JS的执行机制.深入了解JS的执行,就等于深入了解JS里的eventloop. 1.灵魂三问: ...
- 好程序员web前端分享MVVM框架Vue实现原理
好程序员web前端分享MVVM框架Vue实现原理,Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的.相比于Angular.js和react.js更加简洁 ...
- canvas clear 指定属性的元素_好程序员web前端分享CSS属性组成及作用
好程序员web前端分享CSS属性组成及作用 学习目标 1.css属性和属性值的定义 2.css文本属性 3.css列表属性 4.css背景属性 5.css边框属性 6.css浮动属性 一.css属性和 ...
- 好程序员web前端分享详细了解JavaScript函数
好程序员web前端分享详细了解JavaScript函数,如果你曾经接触过JavaScript编程,你一定不会陌生如何定义并且调用一个函数.但是你知道在JavaScript中有多少种定义函数的方法吗?如 ...
- 好程序员web前端分享常见html5语义化标签
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享常见html5语义化标签,我们知道,创建结构清晰的页面可以建立良好的语义化基础,也降低了使用css的难度,下面总 ...
- 好程序员web前端分享HTML基础篇
好程序员web前端分享HTML基础篇,最近遇到很多新手,都会问,如果要学web前端开发,需要学什么?难不难学啊?多久能入门之类的问题?那么今天好程序员就先来给大家分享一下web前端学习路线:HTML基 ...
最新文章
- sess.run的第一个参数的错误理解
- 日常开发技巧:使用notify-send发送通知
- [leetcode]102.二叉树的层序遍历
- 【APICloud系列|11】使用APPuploader申请ios开发证书及ios发布证书教程
- C语言 十进制和十六进制相互转换 - C语言零基础入门教程
- nginx反向代理获取用户真实ip
- php 可编辑菜单,菜单的添加编辑
- jsp小区停车位管理系统
- 3.17新政: 北京楼市重磅炸弹
- 第三章 灰度变换与空间滤波
- 【Spring Boot】构造、访问Restful Webservice与定时任务
- 【上古秘籍】之Eclipse的秘籍 转
- V-Net: 医学图像分割
- 访问学者美国访学必须知道十大注意事项
- echart,highcharts,chart.js等chart属性记录
- 操作系统——精髓与设计原理 第一章复习题习题
- 最大熵模型(maximum entropy model)
- 不小心清空了回收站怎么恢复,回收站删除的东西可以恢复吗
- Python数据分析——上海市二手房价格分析
- 医院计算机中心应急演练,医院信息网络故障应急演练脚本
热门文章
- 探讨少林天梵洗髓经养生小知识
- openwrt 21.02 开启ntfs-3g自动挂载2T以上移动硬盘
- iphone 模拟滑动_如何在iPhone键盘上禁用滑动输入
- Altium Designer原理图复制出现 InvalidParameter Exception Occurred In Copy
- Docker镜像、容器操作
- 01_计算机网络笔记-OSI七层模型-TCP/IP模型
- oracle数据的变更无效,ORA-22858:数据类型的变更无效varchar2类型转换为clob类型
- NDCG原理及代码实现
- 致关闭清华大学软件源的精英的一封信——你们赢了。
- linux 打开和关闭防火墙命令