b vs strong & i vs em (html标签语义化)
关于html标签语义化
百度百科 用自己的话来说,就是一个是用来给人看的(语义化,如header/footer/nav...), 一个是给机器看的(如一大堆的div,通过css一样可以达到效果)
语义化的网页的好处,最主要的就是对搜索引擎友好,有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取,你网站的推广便可以省下不少的功夫。 语义 Web 技术有助于利用基于开放标准的技术,从数据、文档内容或应用代码中分离出意义。
正题
关于b/strong
& i/em
讨论,知乎 b
和i
是没有感情色彩的,只是一个文本样式而已。 strong
和em
有感情色彩, strong
加重语气。最重的那种。 em
同为加强语气,但气势弱些。 那么有无感情色彩有什么作用呢? 其实web有个听觉系统,能将页面内容读出来,详细请看CSS听觉参考 而 em/strong
在机器识别发音的时候会产生重读效果。
demo
I'm strong
I'm b
I'm em
I'm i