HTML元素语义的分类

2016-02-19 22:20 6 1 收藏

图老师小编精心整理的HTML元素语义的分类希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - Web开发 】

  我的话:

  原来在语义化的HTML标签和属性 日志中提到过HTML语言的语义使用,这次看到老外有把他们进行了归类,作者应该是微格式的开发成员。我个人觉得分类之后更容易理解和去使用HTML,实现语义化的标记,meta没有提及,个人认为,meta的使用还是很固定的,没有争议性。

  以下是翻译的正文

  html的语义都是一样的?还是元素和属性的语义类型还是有一些不同的?我认为HTML元素,至少有两种不同的语义分类,甚至是三种不同类型的语义单元,即结构语义,内容语义,修饰形容语义(structural semantics, content semantics, and rhetorical semantics),这里对属性的语义还不能清楚的表述,但是似乎也可以分成结构语义和其他的可以延伸HTML的语义类别。

  HTML元素的语义类别

  结构

  这些元素的语义定义了他们在文档中扮演着的结构的角色

  div

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  span

  ol, ul, li, dl, dt, dd

  del, ins

  h1...h6

  p

  内容

  这些元素的语义定义了在文档中表示内容标记的语义

  a

  abbr

  acronym

  address

  blockquote

  cite

  code

  dfn

  kbd

  q

  samp

  var

  修饰形容

  这些元素起到对内容的修饰和形容

  strong

  em

  并无完全清楚的

  不完全知道以下元素应该属于什么分类,看似三者都不是又或者都涵盖了

  blockquote

  site

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  q

  HTML属性的分类

  这是比较难分类的部分,他可以作用在大部分的HTML元素中,通常属性是对元素语义的一个扩展和延伸

  内容

  alt

  cite

  datetime

  lang

  longdesc

  title

  延伸

  class

  id

  rel

  rev

来源:http://www.tulaoshi.com/n/20160219/1628200.html

延伸阅读
标签: Web开发
HTML 5 也被称为 Web Applications 1.0。为了实现这个目标,增加了几个为 Web 页面提供交互体验的新元素: details datagrid menu command 这些元素都可以根据用户的操作和选择改变显示的内容,而不需要从服务器装载新页面。  details details 元素表示在默认情况下可能不显示的详细信息。可选的 ...
标签: Web开发
前两天参加了公司组织的一个WD培训,有一节课讲了标签语义化,听了之后感觉特别有用,更正了我以前对 HTML 和 CSS 的错误看法。 首先说明的一点是, 人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。 以前我真的没有怎么重视过搜索引擎,现在开始比较在意了,因为页面的很大一部分流...
标签: Web开发
视频已经在 Web 上广泛流行了,但是其格式几乎都是专有的。YouTube 使用 Flash,Microsoft 使用 Windows Media®,Apple 使用 QuickTime。在一种浏览器中用来嵌入这些内容的标记在另一种浏览器中是无效的。因此,WhatWG 提议引入一个新的 video 元素,用来嵌入任意视频格式。例如,可以用以下代码嵌入我的 QuickTime 电影 a Sora in Pro...
标签: Web开发
HTML标签的语义 如今Web标准都被通俗的叫做“div+css”或者“层布局”。我不反对这种便宜行事的叫法。但是这样会陷入一个误区:即大量的使用div标签作为结构元素。事实上这是一种更高级的div滥用(Jeffrey Zeldman在《网站重构》一书中提到)。 HTML为我们提供了相当丰富的标签,每个标签都有它各自的含义。我认为在设计时,除了遵循HTML语法...
标签: Web开发
考虑我们开发一个页面的过程 : 1.设计页面的结构 - HTML:这个过程是使用各种HTML元素构建网页的结构。 2.设计页面的外观 - CSS:这个过程是使用CSS去改善网页的外观。 3.设计页面的行为 - Javascript:这个过程是给网页的元素赋予一定的行为。 上面这些除了CSS外,HTML5在另外两个方面都不同程度的进行了扩充。这个系列是集中在第一个方面。...

经验教程

890

收藏

67
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部