好程序员web前端分享:如何理解web语义化?

article/2025/7/15 13:56:27

  首先,在理解之前,我们需要先了解,什么是语义化。所谓语义化,简单来说,就是能够更清晰,更直观的理解语言所要表达的含义,所谓词必达意就是这个意思。那么在开发过程中的语义化指的是什么呢?就是能够让除了当事开发者能快速熟悉代码之外,最主要的就是让机器更方便的读懂代码。

 

  那么有得童鞋就要说了,想要让同事一目了然的读懂我们的代码,那么最方便的不应该是中文编程么?这里要说句,太天真了。我们的代码都是运行在计算机中,不论基于的环境如何;而计算机在进行各种运算的过程中,需要讲我们输入的文本转成特定的编码格式,如果使用英文编程,我们写出花来也不过26个字母,而中文的博大精深这里就不做赘述,况且各类编程语言的发明者都是歪果仁呢。

好程序员

  那么web语义化有何好处呢?首先语义化可以使我们的代码结构更清晰,工作交接时更方便,利于团队协作和项目优化,在下次迭代产品或重构项目时不至于出现某处代码功能不明确的现象。这些其实相对来说都不是最重要的,最重要的是什么呢,当然是用户啦!那么用户跟我们的代码语义化有什么关系呢,其实直接关系并不大,最重要的是间接关系,这个关系由互联网做连接。

 

  计算机编译的代码,都会上传到互联网中,供用户使用。在这个的过程中,结构清晰,语义明确的代码更容易被互联网喜欢。

 

  假设我们世界中有一只神奇小爬虫,这个小爬虫非常神奇,我们看不到它,同时它爬行的速度非常快,它可以在世界上所有的计算机之间爬来爬去,爬过的地方都会留下一条线,这条线就是网线。当小爬虫爬过了大部分的计算机之后,这些计算机就组成了网络,而爬虫的速度可以理解成网速。小爬虫的智商比较低,同时比较懒,喜欢刚到门口不进去就能猜到门里面是什么。如果我们在门上贴个标签表明这个房间里有什么,那么小爬虫就省去了进屋这个流程,还能够得知门后的内容,大大提升了爬虫的速度,从而提升用户体验,贴在门上的这个标签就是语义化;反之如果不在门口贴标签或者贴一些莫名其妙的标签,不仅增加了爬虫辨识的时间,还有可能产生错误的误导,导致降低用户体验甚至产生一些不好的后果。而在编写代码过程中,语义化是成本最小的优化方式,所以在现如今开发过程中,倡导人人编程语义化,并逐步将语义化形成开发标准或行业规范的一部分。

好程序员

  那么如何实现web语义化呢?且看后续好程序员的文章,实现web语义化的方法有哪些?


http://chatgpt.dhexx.cn/article/oGTT2xP3.shtml

相关文章

Web语义

根据老师上课内容整理,内容有点乱 目录 语义WEB(semantic web)语义web针对的问题RDF本体(ontology) 语义WEB(semantic web) 是对未来网络设想,用xml来定义 在自然语言处理当中使用…

表现与数据分离、Web语义化

表现与数据分离: 也可以说是界面与数据分离,要体现在代码上,操作数据的代码和操作界面的代码,要分开写。 优势:当页面需求发生改变,只需要改写界面的代码,并且修改的代码不能影响到操作数据访问…

关于Web语义化

对于“web语义化”这个词语我相信只要是从事前端的人都不陌生,当然我对这个词语也是非常熟悉,我相信从事前端工作的同事在投简历时都会在招聘需求里面看到这句话:“对web语义化有深刻的理解”,当然我本人也是从某公司的招聘需求里…

web标准与语义化

一、WEB标准介绍 WEB(World Wide Web万维网)标准是一系列标准的集合。 目的:实现内容(结构)和表现分离,就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现,也方便搜索和内容的再利用。 …

浅谈web语义化

浅谈web语义化 觉得很好的一篇文章,转载过来,原文链接https://www.cnblogs.com/p2227/p/3586725.html web语义化是什么 HTML5标准出来的时候,我曾经诧异为什么要定义这么多header footer nav article标准,DIV不挻好的嘛&#x…

充分了解Web语义化

前言 对于“web语义化”这个词语,我相信只要是从事前端的人都不陌生,从事前端工作在投简历时都会在招聘需求里面看到这句话:“对web语义化有深刻的理解”,当然我本人也是从某公司的招聘需求里看到的这句话,那么到底什…

什么是 web 语义化,有什么好处

什么是 web 语义化,有什么好处 web 语义化是指通过 HTML 标记表示页面包含的信息,包含了 HTML 标签的语义化和 css 命名的语义化。 HTML 标签的语义化是指:通过使用包含语义的标签(如 h1-h6)恰当地表示文档结构 css 命名的语义…

Web语义化

什么是Web语义化? 如今互联网已经到了web3.0时代了,HTML语言在不断的进化并发挥着越来越重要的地位;而我们制作的网页也从当初的table表格嵌套发展到了divcss,这是进步的标志。然而我们似乎看到了一个不太好的想象:整个…

使用pygame开发一个弹幕射击游戏(一)

本文作为开发过程记录用。 目前游戏画面: 下一个添加的功能:敌机可以进行射击。 弹幕类 from pygame.sprite import Sprite from pygame import transform import mathclass Barrage(Sprite):def __init__(self,raiden_settings,screen,ship,enemy,angle…

手机射击游戏中弹幕的开发

射击游戏中弹幕的开发 http://blog.vckbase.com/knight/archive/2005/03/29/4174.html 作者:牛阿牛 2005-02-28 nhf_2008hotmail.com nhf_2003hotmail.com email:nhf20021166163.com 留言:希望能给各位游戏开发一点的介绍;如有问题,请联系. 游戏射击中, boss可能是最重要…

基于C#弹幕类射击游戏的实现——(十)整合

有朋友说只看代码不爽,所以特上传EXE和一张截图,哈哈。 执行文件下载链接:http://pan.baidu.com/s/1pJ5Hg5X http://download.csdn.net/detail/unskytoo/8366523 剩下部分代码,首先是入口,MainForm public partial class MainForm : Form{public MainForm(){//// The In…

DxLib做弹幕射击游戏(二)——画一台敌机

直接看代码: #include "DxLib.h" int WINAPI WinMain( HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nCmdShow ) {ChangeWindowMode( TRUE ) ;if( DxLib_Init() -1 ){return -1 ;}int gh ;//图像编号int x, y;//坐标x 200;y 1…

DxLib做弹幕射击游戏(一)

DxLib是神马东西?看名字,似乎是M$的DirectX的官方库?NONONO,这货其实是日本人开发出来的一个库,封装了很多DirectX的函数,使开发更方便。这个库在日本那边很流行,很多同人游戏都是使用这个库开发…

【四圣龙神录】 开源仿东方 弹幕射击游戏教程 官网(译)以及国内参考翻译资料

四圣龙神录 官网地址 http://dixq.net/sr/ 引用doujin 上的帖子的介绍 http://bbs.doujinstg.net/simple/?t1478.html 开源仿东方STG-四圣龙神录,带弹幕制作教程60讲,使用C语言DXLib 非常不错的仿东方的STG,网站上面带制作…

重写弹幕射击游戏的记录

项目背景介绍 上大学之后我一直在学习游戏开发,最开始是直接使用Easyx这个绘图库做Dos下的游戏,当时学习了C和数据结构之后正巧有个数据结构课程设计,就心生了要做这个游戏的想法。我算是那种有想法就想着去做的人(有时候也算是缺…

【Unity2D入门教程】简单制作战机弹幕射击游戏⑥最终回扩展其它范围的内容

制作分数和生命的UI: 由于我们前面没有做类似的UI所以这里教大伙一下基本思路: 首先我们创建一个canvas用来创建两个Text用来显示分数和生命的UI 蓝色的是分数黄色的是生命 我们创建一个scoreplay的脚本挂载在text上 using System.Collections; usi…

【Unity2D入门教程】简单制作战机弹幕射击游戏③C#编写 子弹Laser脚本

学习目标: 今天教大伙怎么设置子弹Laser的组件以及编写关于它的脚本 学习组件: 老规矩还是添加一下它的组件用capusle collider2D刚好它还是个圆柱体,别忘了勾选它的isTrigger Rigibody2D的Body Type调成是让它不受重力以及物理碰撞影响&a…

【Unity2D入门教程】简单制作战机弹幕射击游戏⑦番外篇扩展一个大型敌人

布置场景: 我们先按CrtlD复制一个之前创建好的Enemy Prefab,然后更改它的Sprite,我们拖一张素材的图片进来并改变它的Pixel Per Unit让它大其它敌机一倍 由于体型变大了之前的Coliider就不适用了我们要重新删掉之前的再创建一个新的 同样它的…

【Unity2D入门教程】简单制作战机弹幕射击游戏④C#编写 敌人按指定路径以及敌人生成点脚本

前言: 我们前面忘记设置的当敌机和子弹碰到特定的位置(指屏幕外的)就会自动销毁 挂载的脚本Sherred如下 using System.Collections; using System.Collections.Generic; using UnityEngine;public class Shredder : MonoBehaviour {private…

【Unity2D入门教程】简单制作战机弹幕射击游戏⑤C#编写 背景滚动移动以及增加粒子特效

学习目标: 上期结束后我们游戏的主体就已经差不多了,剩下的就要给游戏的真实质感以及可玩性上下大点功夫了,今天我们就从背景滚动移动以及增加粒子特效上出发。 背景滚动制作: 为了让游戏更具真实性的就是让玩家从视觉上感受飞机…