最新消息: html标签语义化

html标签语义化

前端开发 admin 浏览 评论

“语义化”指的是机器在需要更少的人类干预的情况下能够研究和收集信息,让网页能够被机器理解,最终让人类受益。

HTML 标签语义化是让大家直观的认识标签(markup)和属性(attribute)的用途和作用,很明显Hx系列看起来很像标题,因为拥有粗体和较大的字号。<strong>,<em>用来区别于其他文字,起到了强调的作用。

语义化的网页的好处,最主要的就是对搜索引擎友好,有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取,你网站的推广便可以省下不少的功夫。

Eg:

1、如果你想在页面中突出"奥巴马"这三个字,让搜索引擎重视它,如果你这么写:

<div> 奥巴马</div>

对于搜索引擎来说,它也只是一个普通得不能再普通的三个字而已,尽管它是指代美国总统。

那么应该怎样才能让搜索引擎知道它的重要性呢?来看看语义化的写法吧:

<h1>奥巴马</h1>

奥巴马看了后,乐了,哥本来就应该备受关注的!

2、如果文字要加粗显示,<em> 是用作强调的,strong是用作重点强调的。

3、对于标签<s>只是表示一个普通的删除线,而<del>标签更具语义化,它表示删除一个内容,并且del还带有cite和datetime来表明删除的原因以及删除的时间。

......

So,标签语义化其实就是把你想要表达的东西更容易被搜索引擎理解和重视,让你想表达的东西,to be girlfriend,not to be friend。

    与本文相关的文章

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)
    • 验证码 点击我更换图片

    网友最新评论