做网站,我们都是需要考虑到标签语义化来提高SEO搜索排名的,那么我们就先来了解一下: w3c标准: html结构 css样式 js 行为
- 遵循的原则:先确定语义的HTML ,再选合适的CSS。
- 语义是否良好: 当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。
- 作用:语义化的网页的好处,最主要的就是对搜索引擎友好,有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取
- 方式:
- 花钱买排名 a)缺点:烧钱。 b)优点:效果杠杠的。
- 将页面做成静态页面(html)
- 发外链(网站就越受欢迎,将来被用户搜索出来的机会就要大)
- 页面的友好性(语义化规范)
- 标签语义化的应用:每个html标签都有属于自己的语义,有使用标签时候要一定要了解每个标签的语义,合理使用。(在合适的地方使用合适的标签。)
- 语义化的好处:
- 对搜索引擎的友好(将来网络爬虫进入页面之后可以很方便的得到页面的重要信息。)
- 提升用户体验
- 利于代码的可读、维护、提高开发效率
- 语义化的好处:
- Html中大部分的标签都具有语义,所在使用的时候一定要注意。还有一部分标签没有语义,没有语义的标签一般只用来进行布局。
- Div
- 特点:默认占一整行,并且一行里面只能显示一个。
- Span
- 特点:大小由内容来决定,并且一行里面可以显示多个。
- Div和span默认显示特点:
- Div默认占一整行(根据浏览器的显示大小),div的高度是由div中的内容来决定的。
- Span的宽度和高度都是由内容来决定。(行内元素,块级元素。)
- Div
- 使用:
- 重语义的地方多用有语义的标签,比如h和p等等,少用没有语义的标签比如 div,span 等等。
- 如果有地方可以用p 又可以用div, 优先选用 p标签(结构更清晰,特别是文字段落)。
- 少用纯样式标签 比如 b,u, font,可以运用css样式。 如果有强调的地方,可以考虑 strong,em 等有强调语义的标签。
如果有错误,希望大家踊跃指正,多谢啦! 如果您觉得对您还有帮助,别忘记点赞哈,谢谢啦