用DIV+CSS涉及网站时,请不要忽视HTML的语义性

发布者:猫眼工作室   日期:2010-02-23   浏览:5068

网站设计你真的了解DIV+CSS么,为什么这么多人蜂拥而至的学习DIV CSS呢,你有没有真的了解HTML的语义性

呢。

em和strong的区别是什么?

em 表示内容的着重点(stress emphasis),strong 表示内容的重要性(strong importance),strong 不会改变所在句子的语意,em 则会改变所在句子的语义。

语义性例子如下:

<p><em>Cats</em> are cute animals.</p>
强调猫,讨论的是哪种动物聪明可爱。

<p>Cats <em>are</em> cute animals.</p>
强调是,讨论的是猫是不是聪明可爱。

<p>Cats are <em>cute</em> animals.</p>
强调聪明可爱,讨论的是猫究竟是聪明可爱呢还是愚蠢讨厌。


<p>

<strong>Warning.</strong> This dungeon is dangerous.<strong>Avoid the ducks.</strong> Take any gold you find.<strong><strong>Do not take any of the diamonds</strong>,they are explosive and <strong>will destroy anything within ten meters.</strong></strong> You have been warned.

</p>
strong 表示的是重要性上的强调,不会引起句子意思的变化。最后注意 em 和 strong 都可以有多重,比如可以用两个 strong 来表示内容很重要。

做网站,前端开发,网站重构或者说网页制作不是纯粹的css+div;你兼容性做的再好,效果做的再美,html没有语义性,就是他娘的垃圾页面。HTML语义性基础很重要,多去了解HTML的那些标签,没有必要逞强做出来的全是div,ul,li。本源是什么就应该是什么,虽然你全部用div也能完整的实现页面效果。


入门的时候发现:靠,原来他妈的这么简单
进阶的时候发现:日,以前原来什么都不懂
高级的时候发现:娘的,还有很多东西需要学习啊

QQ: 825939387 微信客服 移动版 移动Vue版 微信小程序 Tel: 15990014001