HTML标签语义化含义及实用技巧

摘要:
标签语义化一含义合适标签做合适的事情,例如文章段落用p标签,标题用h1-h6标签标签语义化为浏览器和搜索引擎服务标签语乂化一为什么要遵循标签语义化利于SE0优化(也就是搜索引擎的抓取,搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重)在样式丢失的时候,还是可以比较好的呈现结构更好的支持各种终端,例如无障碍阅读和有声小说等利于团队开发和维护,W3C给我们定了一个标准,那么团队中都遵循这个标准

标签语义化一含义

  • 合适标签做合适的事情,例如文章段落用p标签,标题用h1-h6标签
  • 标签语义化为浏览器和搜索引擎服务

标签语乂化一为什么要遵循标签语义化

  • 利于SE0优化(也就是搜索引擎的抓取,搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重)
  • 在样式丢失的时候,还是可以比较好的呈现结构
  • 更好的支持各种终端,例如无障碍阅读和有声小说等
  • 利于团队开发和维护,W3C给我们定了一个标准,那么团队中都遵循这个标准,那么代码的差异就会缩小,在开发和维护的时候就可以提高效率

标签语义化-日常工作中怎样遵循标签语义化

  • 尽量减少使用无意义标签,例如span和div
  • 尽量不使用标签本身的css属性,例如b、fonηt、s等标签,如果需要这些样式,那么使用css样式来进行添加
  • 在需要强调的部分,使用 strong、em,但是样式尽量使用css样式来描述
  • 表格搭建时,使用<thead>表格头部</thead><tbody>表格身体</tbody><tfoot>表格尾部</tfoot>
  • 列表搭建时,使用<ul>无序列表</ul><o|>有序列表</ol><dl>定义列表</dl>

免责声明:文章转载自《HTML标签语义化含义及实用技巧》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇WAF、流控设备、堡垒机本地idea开发mapreduce程序提交到远程hadoop集群执行下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue cli 3

介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service) 一个开发环境依赖,局部安装在每个 @vue/cli 创建的项目中。 可升...

##Jquery基础(三)

Jquery基础-DOM ##一、DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容)。 浏览器会根据 DOM 模型,将结构化文档(比如 HTML 和 XML)解析成一系列的节点,再由这些节点组...

js前台与后台数据交互

ajax交互 http://blog.csdn.net/dyllove98/article/details/9237573   http://blog.csdn.net/yyywyr/article/details/6962400   http://blog.csdn.net/lishehe/article/details/16848497   js前台与...

C#将Word,Excel与Html,PDF互转

public class OfficeHelper { /// <summary> /// word转成html /// </summary> /// <param name="path"></param> public...

web前端学习笔记(CSS固定宽度布局)

一、单列布局:       这是最简单的一种布局方式,之所以给出该示例,还是为了保证本篇博客的完整性。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>固定宽度布局</title> <style type="text/css"&g...

前端框架Vue自学之Vue router(六)

终极目标:掌握和使用Vue(全家桶:Core+Vue-router+Vuex) 本博客目的:记录Vue学习的进度和心得(Vue router) 内容:学习和使用Vue router。 正文: Vue router 一、认识路由 1、路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动。 2、路由器提供了两种机制:路由和转送。路由是决定...