web语义化

一、什么是web语义化?

web语义化包含两方面,一是html标签语义化,简单来说就是要用合适的标签来表述适当的内容,标题用<h1>~~<h6>标签,段落用<p>标签,强调部分用<em>和<strong>来表示。二是css命名语义化,可以根据内容位置和功能来进行命名。

二、语义化的好处

  • 页面结构清晰,利于访问和理解维护;
  • 有利于SEO,因为搜索引擎只能通过爬取网页标签等代码来判断内容,所以为了得到搜索引擎的有效爬取,提高网站流量,就要让页面对搜索引擎友好,所以要尽可能的使标签和内容语义化;
  • 在页面丢失样式时,也能呈现清晰的结构

转载于:https://www.cnblogs.com/ITlan/p/10475668.html

前端基础:web语义化相关推荐

  1. 好程序员web前端分享:如何理解web语义化?

    首先,在理解之前,我们需要先了解,什么是语义化.所谓语义化,简单来说,就是能够更清晰,更直观的理解语言所要表达的含义,所谓词必达意就是这个意思.那么在开发过程中的语义化指的是什么呢?就是能够让除了当事 ...

  2. 【semantic】如何理解 web 语义化?

    http://www.zhihu.com/question/20455165 顾轶灵,百度前端工程师 http://Lync.in 什么是语义化?其实简单说来就是让机器可以读懂内容. 先 随便扯扯.对 ...

  3. web标准,表现与数据分离,web语义化,页面布局和架构

    目录 目录 web标准 结构层标准,就是W3C规定的那样: 表现层标准: 行为层标准: 表现与数据分离: web语义化 在广义方面 在代码编译方面 页面布局和架构 布局 架构 开发人员会有一些困惑: ...

  4. web语义化与h5新增标签

    Web语义化就是html告诉我们也告诉机器这一块是什么内容,例如:"这行是一个标题,这几行组成一个段落,这是一个列表,那是一个链接." Web语义化有三个阶段: 1.h1~h6.t ...

  5. 充分了解Web语义化

    前言 对于"web语义化"这个词语,我相信只要是从事前端的人都不陌生,从事前端工作在投简历时都会在招聘需求里面看到这句话:"对web语义化有深刻的理解",当然我 ...

  6. 表现与数据分离、web语义化的理解

    2019独角兽企业重金招聘Python工程师标准>>> 表现与数据分离 什么是表现与数据分离 一是前后端分离,所有数据都是后端通过AJAX发送给前端,前端负责展现页面,后端负责提供数 ...

  7. 谈谈你对web语义化的理解

    学术届将web语义化称为Web3.0的核心,目标是将当前的网页提升为计算机能够"理解"和处理的网页. 核心思想是标注网页对象使其对应本体中的实体,并通过逻辑等手段进行自动推理. 作 ...

  8. web语义化之SEO和ARIA

    在快速理解web语义化的时候,只知道web语义化有利于SEO和便于屏幕阅读器阅读,但并不知道它是如何有利于SEO和便于阅读器阅读的,带着这个疑问,进行了一番探索总结. SEO ###什么是SEO? S ...

  9. 前端面试—html语义化

    html最常见的问题:语义化的HTML结构怎么理解? 前天面试对于这个问题我是这么答的: html语义化就是让页面的内容结构化. 1.在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的. 2 ...

最新文章

  1. 阿里问题定位神器 Arthas 的骚操作,定位线上BUG,超给力
  2. Oracle 9i DBA Fundamentals I 学习笔记(三)
  3. 彻底搞懂Java内存泄露
  4. scipy笔记:scipy.sparse
  5. 【Python教程】sort 与sorted的用法与区别
  6. adguard没有核心 core no_业主装修最后悔的五个地方!没有之一
  7. 用Qemu模拟vexpress-a9 (四) --- u-boot引导kernel,用nfs挂载根文件系统
  8. java中的字符串相关知识整理
  9. 学习网页栅格系统的几篇好文
  10. 第九节:掌握vue的另一个核心:组件
  11. (36)虚拟时钟(中心对齐约束)
  12. 国内NLP领域单轮融资新纪录,达观数据获1.6亿元B轮投资
  13. 修改笔记-批量去除附件售价
  14. 运维 如何选择最合适的服务器方案(一):服务器硬件配置
  15. 关于彩虹猫病毒的分析
  16. Pyspider 框架的用法
  17. 高等代数期末考试题库及答案_高等代数二考试题及答案期末答案
  18. 真相了!关于“写书”这件事
  19. Google体系地图纠偏算法
  20. 大S首度曝光女儿正面照:小小幸福分享给大家

热门文章

  1. Django的Form表单
  2. input type=file change事件只触发一次
  3. Spark编程模型几大要素
  4. usb-to-isp-for-stm32
  5. cvReleaseImage出错
  6. W - Pasha and Phone CodeForces - 595B (收益颇丰的数学题
  7. 洛谷 P3960 列队【线段树】
  8. 利用Ajax实现数据的同步传输,从mysql中提取数据,通过echarts可视化
  9. 【原创】leetCodeOj ---Convert Sorted List to Binary Search Tree 解题报告
  10. HDU-1978 How many ways 动态规划