美文网首页
Web语义化理解

Web语义化理解

作者: 慕名66 | 来源:发表于2018-10-11 14:35 被阅读0次

html语义化就是让页面的内容结构化。

    1.在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的。

    2.搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。

    3.使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

    4.方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以有意义的方式来渲染网页;

    5.便于团队开发和维护,语义化更具可读性,是下一步吧网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化

Web语义化是指使用恰当语义的html标签、class类名等内容,让页面具有良好的结构与含义,从而让人和机器都能快速理解网页内容。语义化的web页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息,从而可以读懂网页的内容,然后将收集汇总的信息进行分析,结果为人类所用;另一方面它可以让开发人员读懂结构和用户以及屏幕阅读器(如果访客有视障)能够读懂内容。

包含两个方面:html语义化及css命名语义化。

简单来说就是利于 SEO,便于阅读维护理解。

总结起来就是:

    正确的标签做正确的事情

    页面内容结构化

    无CSS样子时也容易阅读,便于阅读维护和理解

    便于浏览器、搜索引擎解析。 利于爬虫标记、利于SEO

html语义化标签包括 body, article, nav, aside, section, header, footer, hgroup, 还有 h1-h6 address等。

小提示:h1拥有最高的权值,在一个页面中最好指使用1个h1来突出你的内容,太多的h1会分散其整个页面的权重,对搜索引擎也是非常的不友好。

相关文章

  • 前端面试题总结

    HTML 1、你是如何理解web语义化的? Web语义化是指使用恰当语义的html标签、class类名等内容,让页...

  • Web语义化理解

    html语义化就是让页面的内容结构化。1.在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的。2.搜索引...

  • web语义化

    最近看很多web前端校招的岗位要求都有一条对web语义化理解深刻,所以查了查资料。 1. 什么是web语义化? 维...

  • HTML-语义化-(iframe-a-form的使用)

    语义化 参考资料:semantic-html 关于语义化 HTML 以及前端架构的一点思考 如何理解 web ...

  • web语义化的初步探索

    什么是web语义化 语义化的意义所在 在平时写代码过程中应该注意的问题 什么是web语义化 关于web语义化的定义...

  • Web语义化标准解读

    Web语义化标准解读 什么是语义化:语义化Web具备让数据跨终端共享/重用的能力。 对于HTML体系而言,Web语...

  • 快速理解web语义化

    什么是Web语义化 Web语义化是指使用恰当语义的html标签、class类名等内容,让页面具有良好的结构与含义,...

  • Web语义化的理解

    背景:网页大量使用div来分隔内容,滥用现象使得网页制作似乎就只剩下了div,在这种不好的现象下,诞生了web语义...

  • 快速理解 Web 语义化

    参考: winter 的重学前端 语义类标签是什么? 语义是我们说话表达的意思,多数的语义实际上都是由文字来承载的...

  • HTML语义化

    怎样理解 HTML 语义化 简单说语义化就是让机器可以好的读懂内容。 Web语义化有三个阶段1、浏览器和W3C组织...

网友评论

      本文标题:Web语义化理解

      本文链接:https://www.haomeiwen.com/subject/mzfbaftx.html