什么是Web语义化?
HTML的每个标签都有其特殊的含义。Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和机器都容易理解。
举个例子,strong标签和css属性font-weight:bold有什么区别?
答曰:1.UI上,没有什么区别,strong标签实现的视觉效果也可以使用font-weight:bold实现。
2.语义上:strong标签的语义是更强烈的强调。
标签 | 语义 |
header | section或者page的页眉 |
nav | 导航链接 |
artivle | 文章 |
section | section |
aside | 页面内容之外的内容 |
footer | section或者page的页脚 |
现在Web语义化正在被逐渐重视,但是其实你随便看下BAT等网站的源码,都没有遵循web语义化。
语义化的概念虽然很清晰了,但是对于HTML的标签,使用上仍然是有部分做不到遵循语义化,希望慢慢提升,在使用中达到的web语义化理解的升华。