站长资讯网
最全最丰富的资讯网站

html5语义化标签有哪些

html5语义化标签:1、header标签;2、nav标签;3、footer标签;4、hgroup标签;5、section标签;6、article标签;7、aside标签;8、figure标签;9、time标签;10、address标签。

html5语义化标签有哪些

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

HTML语义化:

每个HTML标签都有自己特定含义(语义),语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解

看过一个比较形象的例子:

盖一栋房子的时候,有的地方该用砖头,有的部分该用瓷片,还有的地方得用水泥糊上,这样盖出来房子才会结实,整洁和美观。

如果硬是要瓷片替代砖头,房子勉强也能盖起来,但是这样的房子不牢固,容易倒塌,外观也不好看。

同样,生活很多事物都有相似相同之处!该用什么标签表示就用什么标签表示,结构良好,更易人和搜索引擎理解。还有一点,就是便于开发和维护啊,看过好多网页结构,各种想吐槽好吗?各种混乱不堪,外观表现的任务交由css去实现就行啦,不要为了外观表现而布局!

语义化的意义与作用

  • 去掉或者丢失样式的时候能够让页面呈现出清晰的结构
  • 用户体验:例如title、alt用于解释名词或解释图片信息、label标签的活用;
  • 有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取
赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号