什么是 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;