语义化HTML指的是使用具有明确含义和角色的HTML元素，而不是仅仅关注外观表现。简单来说，就是用对的标签做对的事。使用div或span并没有错，关键是要明确意图。如果元素添加了结构或含义，就用语义化标签。

HTML5语义化标签不是装饰品，而是为网站提供清晰结构的工具。很多开发者随意使用这些标签，导致屏幕阅读器无法正确识别、搜索引擎难以理解页面结构、CSS样式变得脆弱。问题不在于使用div标签，而在于错误地使用了语义化元素。

通俗的来讲就是从代码上来展示页面的结构，而不是从最终视觉上来展示结构。单纯的HTML代码是不带任何样式的只是用来标记这一段是标题、这一块是代码、那一个是要强调的内容等等

什么是表现与数据分离？一是前后端分离，所有数据都是后端通过AJAX发送给前端，前端负责展现页面，后端负责提供数据。二是前端页面展现与数据处理分离

语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。如何理解语义化?

为了在软件版本号中包含更多意义，反映代码所做的修改，产生了语义化版本，软件的使用者能从版本号中推测软件做的修改。npm 包使用语义化版控制，我们可安装一定版本范围的依赖，npm 会选择和你指定的版本相匹配的最新版本安装。

网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。所以W3C对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等