HTML元素语义的分类

我的话:

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

以下是翻译的正文

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

HTML元素的语义类别

结构

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

div

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

q

HTML属性的分类

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

内容

alt

cite

datetime

lang

longdesc

title

延伸

class

id

rel

rev

时间: 2025-01-26 11:24:11

HTML元素语义的分类的相关文章

如何制作div+css保持xhtml语义结构的表单

css|xhtml 在form表单中,我们可以对form中的信息进行分组归类,如注册表单的form,我们可以将注册信息分组成 基本信息(一般为必填) 详细信息(一般为可选) 那我们如何更好的来实现呢?我们可考虑在表单form中加入下面两个标签: fieldset:对表单进行分组,一个表单可以有多个fieldset. legend:说明每组的内容描述. 我们看下面的代码: <form id="wwwwebjxcom" class="democss" action

简单form标准化实例——语义结构_表单特效

1.使用fieldset和legend标签 在form中,我们经常会对form中的信息进行分组,比如注册form,我们可能会将注册信息分组成基本信息(一般为必填),详细信息(一般为可选),那我们如何更好的来实现呢?我们可考虑在form中加入下面两个标签: 复制代码 代码如下: fieldset:对表单进行分组,一个表单可以有多个fieldset legend:说明每组的内容描述 Basic Register First name: ... Detailed Register Interest:

Web标准化之form语义结构的实例

Web标准化越来越受到大家的重视与关注,制作符合Web标准的网页,往往会遇到form的问题,这一块的知识很是缺乏,今天的这篇文章向大家介绍了一些form语义结构,希望对大家的CSS布局有所帮助. 1.使用fieldset和legend标签 在form中,我们经常会对form中的信息进行分组,比如注册form,我们可能会将注册信息分组成基本信息(一般为必填),详细信息(一般为可选),那我们如何更好的来实现呢?我们可考虑在form中加入下面两个标签: fieldset:对表单进行分组,一个表单可以有

语义化HTML:p、h1-6、q、blockquote、hr、address、code、pre、var、cite、dfn和samp

一.元素语义 p标签   W3C草案: The p element represents a paragraph.W3C specification   语义化的 <p>元素 表示:文章中的段落.默认样式 margin: 1em 0    h1-6标签   W3C草案: The h1 through h6 elements are headings for the sections with which they are associated.  W3C specification   语义化

《中国人工智能学会通讯》——7.4 语义组合

7.4 语义组合 分布式词表示的思想可以进一步扩展,即通过组合(Composition)的方式来表示短语.句子,甚至是篇章等更大粒度的语言单元.目前主要通过三种神经网络结构来实现不同的组合方式,即循环神经网络(顺序组合).卷积神经网络(局部组合)和递归神经网络(根据句法结构进行组合) [8] .下面以句子"我 喜欢 红 苹果"为例,说明不同组合方式的基本原理及其优缺点,具体可以参见图 1 中"深度学习"部分. 循 环 神 经 网 络(RNN,Recurrent Ne

几个不常用的HTML标记使用方法

Xhtml有很多不常用却很有用的标签.有的能事半功倍,有的能改进语义,有的则能提高易用性,我总结了一些,总结的原则是有用而且能用,就是大多数浏览器得支持,否则就不算"上上签"了.只能望"签"兴叹又有什么用呢? <base>标签 作用:标签为页面中所有链接指定默认链接地址或链接目标.有时候我们需要让首页的链接全部在新窗口中打开,使用这个标签就能一下搞定了! 属性:href:链接地址,target:目标,他的值可以是_blank,_parent,_self,

UML之类图

   一.概述    在UML中,类图是用来描述类.接口.协作以及他们之间关系的图,用来显示系统中各个类的静态结构,类图是定义其他图的基础.    一个类包括类的名称(Name).属性(Attribute).方法(Operation)       二.类之间的关系    类与类之间的关系最常见的有四种:依赖.泛化.关联.实现    1.依赖关系(Dependency)        表示两个或者多个模型元素之间语义上的关系,比如客户和提供者,对于一个元素(提供者)的某些改变可能会影响或提供消息给

中国人工智能学会通讯——基于图像认知的心理测评方法及系统

摘要:长久以来心理障碍的诊断和评估通常都是建立在晤谈.观察.量表测验的基础上,交互繁琐困难,主观性比较大,使得人的心理特征难以快速获取和量化.本研究创新性地将心理学和信息科学结合在一起,建立了情绪图像库,通过考察前景人脸和背景情绪图像的不同交互效应,收集反应时.眼动轨迹等生理特征,结合机器学习算法的数据分析,提出了一种全新的基于图像认知,以及人的生理特征的客观.便捷地提取人的心理特征的方法. 关键词:图像认知:心理测评:情绪图像库:反应时:眼动轨迹:机器学习 图像心理学测试系统 随着社会压力的增

浅谈Java自定义注解和运行时靠反射获取注解_java

java自定义注解 Java注解是附加在代码中的一些元信息,用于一些工具在编译.运行时进行解析和使用,起到说明.配置的功能. 注解不会也不能影响代码的实际逻辑,仅仅起到辅助性的作用.包含在 java.lang.annotation 包中. 1.元注解 元注解是指注解的注解.包括  @Retention @Target @Document @Inherited四种. 1.1.@Retention: 定义注解的保留策略 @Retention(RetentionPolicy.SOURCE) //注解仅