网页设计中label是什么意思,web中的label

http://www.itjxue.com  2023-01-23 08:53  来源:未知  点击次数: 

Web设计中的三个易混淆概念——label,tag,category

在web设计中,有一组非常容易混淆的概念:label,tag,category。无论在设计、沟通,还是分析网站结构时,都需要明确地加以辨别,否则会造成沟通失准甚至产品可用性降低的后果。本文通过定义与实例讲解3个概念的本质,再就最易混淆的两个组合进行对比找出区别与联系。

在Web设计中,指 页面可见 的所有 起说明和引导作用 的 单排 文字,通常是词语或词组,有时会省略文本简化为一个图标,设计标记文本的过程称为命名。例如“联系我们”、“登录”,这些就是典型的常用标记,一个网站所有的标记组成了它的标记系统(labeling systems)。

在《Web信息架构》一书的中文版中,将label译作“标签”,不妥且会与tag混淆。在查阅大量信息架构、交互设计相关博客、问答后,基本确认目前国内对原著中label的理解无偏差,并且将label译为“标记”更为合理。

下图绿框中的内容均可视为标记。其中search bar中的“搜索问题、话题或人”,向用户说明可键入的搜索关键词;右方放大镜图标,是由“搜索”这个标记省略文本演化而来,引导用户点击后进入搜索结果页面。“首页”、“话题”、“发现”为全局导航标记。页面内容部分,“标记(Label)”是统领下文内容的主题标记,下方“动态”、“精华”、“全部问题”是控制呈现内容的分类标记。分割线下的问题列表,每个问题的标题是标记,赞同数量、回答者、回答者简介等等全是标记。

好了,让我们再来回顾label(标记)的定义: 页面可见 的所有 起说明和引导作用 的 单排 文字。想要了解更多关于标记的信息请查看: 解构《Web信息架构》——标记系统 。

tag是由开发者为了更快捷地找到某个已保存链接时,在链接后面加上的单词备忘起源而来。tag说明了某个对象的属性或特征,语义上是内容的关键词组,功能上为搜索匹配而生。发展到现在具有高度的灵活性,并且有时允许用户自定义tag。下图中的“生活”、“心理”、“公交车”就是下面问题的tag。

通常在设计网页时,会对内容的题材进行分类,做好分类之后再将内容按照题材填充进对应的分类。用户通过分类能够找到自己想要的主题内容。

label是比tag范围更广的概念。label可以命名为任意的文字,是网页框架中一个区域的功能概括,选择不同的标记,相应区域的功能就会发生变化。而tag专指某个内容对象的属性,文本可为形容该对象或者与对象相关的的词汇,一般较短。

上图从三个方面对比标记与标签,分析如下。图片原址:

《标签与标记的区别》-千鸟

按照二者的定义,可以强行认为标签是某种特殊用途的标记。但讨论这个是没有意义的,因为我们区分标签与标记,只是为了在语言沟通上消除异义,并对两者有更明确的了解,以便工作使用时不会犯错。

tag的出现就是为了方便查找、聚类,这个目的完全贴合分类法的特性。于是,tag这种自定义标签,逐渐衍生出了通俗分类法(folksonomy,也译作“分众分类法”)。分类这种行为,通常出现在对内容的组织和排列上。各位经常能在社交媒体,以及视频网站等承载富媒体内容的地方注意到分类法的使用,前者tag居多,后者tag,category都有。两者之间的对比如下:

其实,作为分类的一种补充,tag能精确地达到category所覆盖广阔范围中的某一个点,所以,很多时候在网站上会将他们混合使用,在类目下泛阅读、泛浏览中增加一个精确定位与查找的途径。

标签有什么用

label标签在HTML中的作用是定义input元素的标注。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

label 标签的 for 属性应当与相关元素的 id 属性相同。"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

扩展资料

特点

1、由尖括号包围的关键词,比如 html

2、通常是成对出现的,比如 div 和 /div

3、标签对中的第一个标签是开始标签,第二个标签是结束标签;

4、开始和结束标签也被称为开放标签和闭合标签。

5、也有单独呈现的标签,如:img src="百度百科.jpg" /等。

6、一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如h1标题/h1和 input type="text" value="按钮" /。

7、网页的内容需在html标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在head标签中,而网页需展示的内容需嵌套在body标签中。某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是应该养成正规编写习惯。

参考资料来源:百度百科-html标签

label什么意思?

label是标签的意思,一般在面向对象程序设计里,比如dephi里面有一个为label的控件,可以设置文字

标记是什么意思

label 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果,不过,它为鼠标用户改进了可用性。

如果用户在 label 元素内点击文本,就会触发此控件,就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

扩展资料:

HTML中label标签不会向用户展示任何特殊内容,它的作用是把自己与其他标签"绑定"起来,也可以说是与其他元素关联到一起。

label与其他元素关联的方式有两种:

1、显式联系:显式联系通过label的 "for" 属性和目标标签的 ID 来完成。

2、隐式联系:隐式联系可通过标签嵌套完成。

参考资料来源:百度百科-html标签

网页中的lable是什么

在标准的html中是没有label的。label是asp.net中的一个控件,即:“标签”的意思,一般用于显示一段文字,并可以对这段文字时进行格式化(如:颜色、字体大小等)

asp.net中虽然使用了label做为显示文字的一种控件,再最后解析给浏览器的时候,会把label还原成

span,而span是标准html中的一种元素。

(责任编辑:IT教学网)

更多

推荐微信营销文章