如何理解HTML语义化

一、什么是 HTML 语义化

所以 HTML 语义化,就是用恰当的标签去展示恰当的内容,像 HTML5 中新增的 header、nav、footer 等标签,而非什么都用 div 这种不具备语义化的标签来显示

二、HTML 语义化的作用

1、方便代码的维护,语义化的 HTML 代码更具可读性

2、有利于 SEO,提高搜索引擎的有效爬取

原文地址:https://www.cnblogs.com/Leophen/p/11355649.html

时间: 2024-08-29 20:25:03

如何理解HTML语义化的相关文章

【02】你是如何理解 HTML 语义化的,有什么好处

[02]你是如何理解 HTML 语义化的 01,语义化,就是通过HTML标签来表示页面包含的信息. 02,其中有HTML标签的语义化和CSS命名的语义化. 03,HTML标签语义化的的含义是: 通过使用含有语义的标签(如h1~h6,aside)来表示文档结构. 04,CSS语义化的含义是: 为HTML标签添加有意义的class和id来补充未表达的语义. 05,为什么需要语义化 结构清晰.便于维护. 盲人可以用阅读器来阅读. 使搜索引擎更好的抓取网页.利于收录. ** 原文地址:https://w

前端经典面试题:如何理解 HTML 语义化?

本文最初于 2018-09-21 发布于 知乎 ,后在 <重学前端> 专栏的学习中,重新复习整理,发布于 Github 上,并计划写一系列前端学习相关的文章.欢迎 star . HTML 语义化 简单来说,我们可以理解为:用正确的标签做正确的事情. 例如: 段落用 p 标签,标题用 h 系列标签,边栏用 aside 标签,主要内容用 main 标签.正确使用语义标签可以带来很多好处. 为什么要关注 HTML 语义化?(为什么要使用语义类标签?) 对人: 增强可读性,对开发者更友好,在没有 CS

理解HTML语义化

1.什么是HTML语义化? <基本上都是围绕着几个主要的标签,像标题(H1~H6).列表(li).强调(strong em)等等> 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析. 2.为什么要语义化? 为了在没有CSS的情况下,页面也能呈现出很好地内容结构.代码结构:为了裸奔时好看: 用户体验:例如title.alt用于解释名词或解释图片信息.label标签的活用: 有利于SEO:和搜索引擎建立良好沟通,有助于

理解HTML语义化 (转)

1.什么是HTML语义化? <基本上都是围绕着几个主要的标签,像标题(H1~H6).列表(li).强调(strong em)等等> 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析. 2.为什么要语义化? 为了在没有CSS的情况下,页面也能呈现出很好地内容结构.代码结构:为了裸奔时好看: 用户体验:例如title.alt用于解释名词或解释图片信息.label标签的活用: 有利于SEO:和搜索引擎建立良好沟通,有助于

[转载]理解HTML语义化

声明: 本文转载于:freeyiyi1993博客. 原文地址:http://www.cnblogs.com/freeyiyi1993/p/3615179.html 1.什么是HTML语义化? <基本上都是围绕着几个主要的标签,像标题(H1~H6).列表(li).强调(strong em)等等> 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析. 2.为什么要语义化? 为了在没有CSS的情况下,页面也能呈现出很好地内

腾讯TGideas语义化标签(转)

--------引子--------------- 家里有个熊孩子,经常会有一些意想不到的事情发生:回家的时候,他会笑呵呵冲过来,大声喊着“臭爸爸”:你让他把鞋穿上,他会提起鞋子往楼下扔...在小孩的世界里,他虽然会说话,但不一定明白其中的意思,不能正确表达:同样他也会做一些事情,但不一定按正常大人的逻辑,不能准确接收:符合预期的的交流和沟通成了奢望.因为在他的世界里,一切都处于混沌之中,一切的逻辑.规范都没有完善. 而在HTML的世界里,经历多年的成长,规范已基本成型,不同的HTML标签.属性

Web语义化的理解

Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解. 如果可以在合适的位置使用恰当的标签,那么写出来的页面语义明确,结构清晰,搜索引擎也可以认出哪些是页面重要内容,予以较高的权值.HTML5的一大革新就是语义化标签的完善. 写语义化的HTML结构其实很简单,首先掌握html中各个标签的语义,<div>是一个容器:<strong>是表示强调:<ul><li>是一个无序列表等等-在看到内容的时候想想用什么标签能更

html标签及网页语义化理解

最近重新看了一遍html标签的知识,有很多新的体会,对语义化有了一个新的理解. 那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签.文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用 em 标签表示强调等等. 语义化的好处主要有两个方面: 1. 更容易被搜索引擎收录. 2. 更容易让屏幕阅读器读出网页内容.(屏幕阅读器是一种软件,用来将文字.图形以及电脑接

谈谈对HTML语义化的理解

什么是HTML语义化? HTML标签可以分为有语义的标签,和无语义的标签.比如table表示表格,form表示表单,a标签表示超链接,strong标签表强调.无语义标签典型的有<div>,<span>等.HTML语义化我的理解就是在页面中尽量多滴结合场景多使用含有语义的标签,少使用div,span等无语义的标签. why?为什么要进行语义化? 1,现在的开发基本上都是一个团队合作进行开发.这种情况下,我们写的代码不仅要让我们自己能看懂,而且也应该让别人也容易理解和阅读,要保证代码的