谈谈对HTML语义化的理解

  什么是HTML语义化?

  HTML标签可以分为有语义的标签,和无语义的标签。比如table表示表格,form表示表单,a标签表示超链接,strong标签表强调。无语义标签典型的有<div>,<span>等。HTML语义化我的理解就是在页面中尽量多滴结合场景多使用含有语义的标签,少使用div,span等无语义的标签。

  why?为什么要进行语义化?

  1,现在的开发基本上都是一个团队合作进行开发。这种情况下,我们写的代码不仅要让我们自己能看懂,而且也应该让别人也容易理解和阅读,要保证代码的可维护性,这一点很重要。但是在实际开发中,由于HTML的灵活性,以及CSS的强大,以至于实现同一种界面样式,不同的人写出来的代码可能实现方式都不太一样。实现糟糕的,可能全是div套div,这样的代码到时候维护的话可能就是一场灾难。这一点,个人觉得是最主要的因素。

  2,和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息

  3,考虑到代码的可复用性,可移植性,方便其他设备的解析执行。移动设备、盲人阅读器等。

  个人感受

  HTML,css需要学的知识点吧,不多。使用门槛比较低,但是,要想使用的好还是比较难的。使用起来纯粹是一门艺术。就像是大家都认识汉字,而作家却能使用这些文字写出一篇一篇动人的文章,而我就不行。。。

  同一个页面效果,不同的人写出的HTML很可能都是不一样的。个人觉得HTML的结构直接决定的css选择器的复杂度,影像到后期的维护,甚至还会影像性能等等。总之HML,CSS要想使用的好还是有一定难度的。

  以上,是我个人在实际开发中的一些感受,欢迎各位高手指正,交流。

  

时间: 2024-10-10 05:30:13

谈谈对HTML语义化的理解的相关文章

Web语义化的理解

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

web前端及HTML语义化的理解

1.什么是web前端 WEB前端是由网页设计与制作发展而来的,随着工作的细化,需要有人完成美工图到网页的制作,从而出现了WEB前端开发这个词.WEB前端开发主要是使用HTML.CSS.JavaScript技术,将美工提供的美工图转化为网页.同时,需要顾及SEO以及后台的数据.WEB前端,相当于是一个连接美工.后台以及用户的中间平台. 2.什么是HTML语义化? 1.)基本上都是围绕着几个主要的标签,像标题(H1~H6).列表(li).强调(strong em)等等 2.)根据内容的结构化(内容语

HTML语义化的理解

一.HTML语义化的概念 1.主要的标签,有标题(H1~H6).列表(li).强调(strong em)等 2.根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读,以及在写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析. 二 .语义化的必要 1.为了在没有CSS的情况下,页面也能呈现出很好地内容结构.代码结构: 2.提升用户体验 例如 : title.alt用于解释名词或解释图片信息.label标签的使用 3.有利于SEO优化 1)搜索引擎建立良好沟通,有助于爬虫抓取

对html语义化的理解

所有人都知道html即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言. html标签中的大部分都是由"语义化"标签所担任 那么,它有什么用呢? 我认为,它主要有以下四点用处: 1,去掉或者丢失样式的时候能够让页面呈现出清晰完整的结构 2,有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重: 3,让页面的内容结构化,方便其他设备解析(如屏幕阅读器.盲人阅读器.移动设备) 4,便于

说一说你对HTML5语义化的理解

本题地址:https://github.com/YvetteLau/Step-By-Step/issues/8 语义化意味着顾名思义,HTML5的语义化指的是合理使用语义化的标签来创建页面结构,如header,footer,nav,从标签上即可以直观的知道这个标签的作用,而不是滥用div. 语义化的优点有: 代码结构清晰,易于阅读,利于开发和维护 提高用于体验,在样式加载失败时,页面结构清晰 方便其他设备解析(如屏幕阅读器)根据语义渲染网页. 有利于搜索引擎优化(SEO),搜索引擎爬虫会根据不同

语义化标签

语义化的理解 1)用正确的标签做正确的事情: 2)html语义化让页面的内容结构化,结构更清晰,便于对浏览器.搜索引擎解析: 3)即使在没有样式css情况下也以一种文档格式显示,并且是容易阅读的: 4)搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO: 5)使于都源代码的人对网站更容易将网站分块,便于阅读维护理解.

web语义化

一:web语义化的原因 HTML 是联系大多数 Web 资源的纽带,也是内容的载体.设计起初的想法也许很简单:用来发布 Web 内容和资源的索引,方便人们查看.规模并不是太大,也不能遍及我们生活的方方面面.但是随着 Web 规模的不断扩大,信息量之大已经不在人肉处理的范围之内了.这时候人们开始用机器来处理 Web 上发布的各种内容,搜索引擎就诞生了.再后来,人们又设计了各种智能程序来对索引好的内容作各种处理和挖掘.所以让机器能够更好地读懂 Web 上发布的各种内容就变得越来越重要. 如下图表示:

html标签及网页语义化理解

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

web语义化理解

含义: Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解. 为什么要web语义化?如今互联网都到了web2.0的时代了,HTML语言在不断的进化并发挥着越来越重要的地位:而我们制作网页也从当初的table表格嵌套发展到了 div+css,但经常看到这种代码整个网页大量的使用div标签进行分隔页面内容,有的甚至整个页面只有div一 种html标签存在,滥用现象使得网页制作似乎就只剩下了div.首先,人可以通过视觉的划分判断内容的语义,搜索引擎看到