什是HTML语语义化?

作者: 前端精髓 | 来源:发表于2018-01-04 13:35 被阅读19次

什是HTML语语义化?

像标题使用( H1~H6 )、列表使用( li )、强调使用( strong em )等等 ,都是语义化。

根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

为什么要语义化?

为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构 。

优化用户体验:例如title、 alt 用于解释名词或解释图片信息、 label 标签的活用;

有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;

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

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

说一下语义化标签 ?

<header></header> <footer></footer> <nav></nav>
<section></section>

<article></article>
PS:用来在页面中表示一套结构完整且独立的内容部分

<aslde></aside>
PS:主题的附属信息 ( 用途很广,主要就是一个附属内容 ) ,如果 article 里面为一篇文章的话,那么文章的作者以及信息内容就是这篇文章的附属内容了

<figure></figure>
PS:媒体元素,比如一些视频,图片啊等等

<datalist></datalist>
PS:选项列表,与 input 元素配合使用,来定义 input 可能的值

<details></details>
PS:用于描述文档或者文档某个部分的细节

相关文章

  • 什是HTML语语义化?

    什是HTML语语义化? 像标题使用( H1~H6 )、列表使用( li )、强调使用( strong em )等等...

  • Web语义化标准解读

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

  • HTML: 标签语义化的理解

    一. 什么是 HTML 语义化 二. HTML 语义化网页的好处 三. 如何进行 HTML 语义化 四. 语义化标...

  • 如何理解HTML结构的语义化?

    1. HTML语义化背景介绍 讲到语义化,我们首先来聊聊html语义化的背景,HTML结构语义化,是最近几年才提出...

  • HTML语义化浅谈

    什么是HTML语义化 HTML语义化,是编写HTML代码的一种方式,根据内容的结构化(内容语义化),选择合适的标签...

  • 前端面试常见问题——HTML篇

    1. HTML语义化 什么是HTML语义化 根据内容的结构化(内容语义化),选择合适的标签(代码语义化) 为什么要...

  • HTML常见面试题总结

    1. 你是如何理解HTML语义化的? HTML结构,是用有一定语义的英文字母标签表示的,因为HTML本身就是标记语...

  • 面试题集

    HTML部分 1. 你是如何理解 HTML 语义化的? 语义化是指根据内容的结构化(内容语义化),选择合适的标签(...

  • 怎样理解 HTML 语义化

    怎样理解 HTML 语义化 HTML 语义化是在 HTML5 里加入的一个概念。 为什么要加入语义化?我们先看看没...

  • HTML 语义化

    如何说 html 语义化 和为什么要语义化? 因为 html 本身是标记语言,使用语义化是便于代码理解 为了在 c...

网友评论

    本文标题:什是HTML语语义化?

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