HTML 语义化

136 阅读1分钟

什么是 HTML 语义化?

用合适的标签写合适的事情

譬如:段落用p标签 ,网页头部用header标签 , 导航栏用nav标签等

HTML 语义化好处?

  • 清晰的页面结构能让人更加容易看明白内容,增强页面的可读性

  • 有利于 seo 优化,利于被搜索引擎收录(更便于搜索引擎的爬虫程序来识别)
    利于SEO,语义化能和搜索引擎建立良好的联系

  • 便于团队开发和维护

写HTML代码的时候要注意什么?

  • 根据文档上下文结构合理的选用最适合表达当前语义的标签;
  • 尽可能少的使用无语义的标签div和span;
  • 不要使用纯样式标签,如:b、font、u等,一切表现改用css设置;
  • h标签的使用应该根据重要性逐级递减,没有断层。并且一个页面只能有一个h1;
  • 提高关键词密度,如图片替换alt,链接说明title;
  • 正确使用内容容器,如段落p,列表ul, ol, li, dl, dt, dd;