html标签语义化

  前几年在网站开发上DIV+CSS很是流行,当时掀起一片狂狼啊。可是在后来对于前端开发来说纯DIV+CSS已经被程序员们所丢弃,随着“标签语义化”这个词就出来了。

  那么这个词是什么意思呢?下面摘自百度百科:

  html标签语义:即html标签的含义。

  首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用,很明显Hx系列看起来很像标题,因为拥有粗体和较大的字号。,用来区别于其他文字,起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。

  那么我们怎么很好的理解这段话呢?其实这段话表明一点就是该用什么标签就用什么标签,不要刻意的用DIV布局,比如如果加粗什么的完全可以直接用来完成,不必要用class进行渲染,自然点,比如页面中也可以适当的使用table表格布局,谁说表格不利于SEO的啊?就连百度都有用到表格的哦。所以说哪个方便用哪个,哪个结构清晰用哪个。杜绝DIV+CSS布局这一说法。

时间: 2024-08-02 01:25:23

html标签语义化的相关文章

加深对HTML和CSS标签语义化的理解

前两天参加了公司组织的一个WD培训,有一节课讲了标签语义化,听了之后感觉特别有用,更正了我以前对 HTML 和 CSS 的错误看法. 首先说明的一点是,人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码.搜索引擎只能通过标签来判断内容的语义. 以前我真的没有怎么重视过搜索引擎,现在开始比较在意了,因为页面的很大一部分流量是来自搜索引擎的,要使页面尽可能地对搜索引擎友好,所以就要尽可能地使标签语义化. 以前以我对web开发的粗浅理解,觉得写一个好的符合标准的页面只需要把结构和表现分离,然后

HTML标签语义化对照表

标签名 英文全拼 中文翻译 a anchor 锚 abbr abbreviation 缩写词 acronym acronym 取首字母的缩写词 address address 地址 b bold 粗体 big big 变大 blockquote block   quotation 区块引用于 br break 换行 caption caption 标题 center center 居中 dd definition   description 定义描述 del delete 删除 div divi

【原】常见的模块,你语义化了没

记得在读大学期间,去找实习,面试时被问到"什么是标签的语义化",一头汗水,也忘记那时是怎么瞎扯了,后来回宿舍,上网查"标签语义化",当时的网络对标签语义化的解释并不多,在找了很多网络资料和书籍后才对语义化有一定的了解.现在标签语义化这个专业名字,在前端开发的领域中已经不陌生了. 什么是标签语义化?为什么要标签语义化?如何语义化标签?这是一名合格的前端开发工程师需要思考的.<HTML标签语义化对照表>解释了HTML标签的语义,有助于大家理解语义化,<

网页的HTML结构进行重构:语义化标签的意义

文章简介:语义化标签的实战意义. 我收集到一些观点,大家姑且先听上一听,有人说:"没必要考虑语义化,只要我写的代码浏览器运行后没问题就行,反正领导根本不关心这些""语义化是w3c推广的,我是很想语义化我的代码,但总是用不明白""这个不好说,语义化再好有啥用,关键是有好的项目,客户才是金主!""除了专业人士,谁会去看我们的代码是不是语义化的" 不仅仅有页面重构人员的声音,也听一听工程师.设计师.还有项目管理人员,他们是怎么看&q

语义化你的HTML标签和属性

语义化你的HTML标签和属性 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容.一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记.换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题. 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(a

学习网页应知:HTML标签和属性的语义化

网页 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容.一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记.换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题. 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途

网页制作基础:HTML标签和属性的语义化

网页 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容.一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记.换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题. 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途

html5-HTML5的语义化标签对SEO有什么帮助?

问题描述 HTML5的语义化标签对SEO有什么帮助? HTML5新增了一些语义化方面的标签,比如artice.nav.header.section.aside等.我想问一下这些语义化标签对SEO的影响,还有除了我上面提到的标签,还有其他的HTML5特性和SEO相关的吗? 解决方案 使用HTML5语义化标签会让你页面的Page Rank变高吗 页面的Page Rank主要和内容相关性.内容质量还有外链相关.是否使用HTML5语义化标签,不会影响你的网站在搜索引擎结果中的排名,这是不用怀疑的. 这里

H5语义化标签笔记库

语义化 标签的用途:我们学习网页制作时,常常会听到一个词,语义化.那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签.文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用 em 标签表示强调等等. 讲了这么多语义化,但是语义化可以给我们带来什么样的好处呢? 1. 更容易被搜索引擎收录. 2. 更容易让屏幕阅读器读出网页内容. 在后面的章节会带领大家学习了解h