语义化标签理解

什么是语义化标签?

根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫更好地解析。
使用语义化标签有诸多好处:

  1. 因为像部分标签自带样式如h1系列,p等,使用语义化的标签可以在样式加载不出的时候有基本样式,而不显混乱
  2. 语义化标签也有利于SEO,语义化标签可以有利于爬虫抓取到网页,因为爬虫依赖于标签来确定上下文和各个关键字的权重。
  3. 语义化标签的实现有利于一些特殊设备的解析,比如盲人阅读器,这为他们浏览网页带来了便利
  4. 语义化标签代码可读性良好,便于代码维护

语义化标签的实现?

  • 尽可能少的使用div, span等无意义的标签,div和span没有含义,也因此十分适合作为容器标签
  • 尽量不要使用纯样式标签如<font><b><u>等,用css替代
  • 需要强调的地方,可以使用strong和em,不要使用b
  • label for标签的使用,将输入框和对应文字联系起来
  • alt除了做图片解释以外,可以作为页面未加载出来的文字
  • 使用br增加行间距的行为是错误的,<br />标签主要用于文本内容换行
  • 表格的caption,thead,tbody等的使用
  • html5新加的语义化标签,如<header>,<aside>,<article>,<section>,<footer>,<nav>
posted @ 2017-11-24 17:58  CodingSwallow  阅读(1151)  评论(0编辑  收藏  举报