HTML语义弱语义今天我吃了一个<em>苹果</em>。今天我吃了<em>一个</em>苹果。例如：<h1>HTML语义</h1><p>balahbalahbalahbalah</p><h2>弱语义</h2><p>balahbalah</p><h2>结构性元素</h2><p>balahbalah</p>......

介绍完自然语言的语义场景后，我想介绍的另一个语义重要使用场景，就是文章的结构。中国古代小说就形成了“章-回”的概念，西方的戏剧也有幕的区分，所以人类的自然语言作品也是如出一辙。HTML也应该支持这样的需求。HTML语义标签中，有不少是用于支持这样的结构的标签。语义化的HTML能够支持自动生成目录结构，HTML标准中还专门规定了生成目录结构的算法，即使我们并不打算深入实践语义，也应该尽...

我们看看这句话，1.今天我吃了一个苹果.再比如：昨天我吃了一个香蕉。今天我吃了一个苹果。看上去它很清楚，但是实际上，这句话放到不同上下文中，可能表达完全不同的意思。昨天我吃了两个苹果。今天我吃了一个苹果。试着读一读，这两段里面的“今天我吃了一个苹果”，你是不是发现读音不自觉地发生了变化？实际上，不仅仅是读音，这里的意思也发生了变化。前一段中，表示我今天吃的是苹果，而不是别的什么东西，后一段中，则...

它还是个文科问题。所以我们这里讲语义标签的使用的第一个场景，也是最自然的使用场景，就是：作为自然语言和纯文本的补充，用来表达一定的结构或者消除歧义。我们先来看看“表达一定的结构”这个场景。在日语中，有一个语法现象叫做：ルビ，它的读音是ruby（著名的ruby语言就是据此命名的），它中文的意思大约类似于注音或者意思的注解，它的形式可以看下图：图中的例子选自动画片《某科学的超电磁炮》第二季第一话...

SwitzerlandNorwayUnitedKingdomUnitedStatesul多数出现正在行文中间，它的上文多数在提示：要列举某些项。但是，如果所有并列关系都用ul，会造成大量冗余标签。错误地使用语义标签，会给机器阅读造成混淆、增加嵌套，给CSS编写加重负担。所以，对于语义标签，我的态度是：“用对”比“不用”好，“不用”比“用错”好。当然了，我觉得有理想的前端工程师还是应该去追...

现在我们很多的前端工程师写起代码来，多数都不用复杂的语义标签，只靠div和span就能走天下了。这样做行不行呢？毫无疑问答案是行。那这样做好不好呢？按照正确的套路，我应该说不好，但是在很多情况下，答案其实是好。这是因为在现代互联网产品里，HTML用于描述“软件界面”多过于“富文本”，而软件界面里的东西，实际上几乎是没有语义的。比如说，我们做了一个购物车功能，我们一定要给每个购物车里的商...

语义类标签也是大家工作中经常会用到的一类标签，它们的特点是视觉表现上互相都差不多，主要的区别在于它们表示了不同的语义，比如大家会经常见到的section、nav、p，这些都是语义类的标签。语义是我们说话表达的意思，多数的语义实际上都是由文字来承载的。语义类标签则是纯文字的补充，比如标题、自然段、章节、列表，这些内容都是纯文字无法表达的，我们需要依靠语义标签代为表达。

浏览器中的样子，如下图。