html语言里的标签,元素, 属性有啥区别?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html语言里的标签,元素, 属性有啥区别?相关的知识,希望对你有一定的参考价值。

参考技术A

1、元素: 

html网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说,HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。

2、标签: 

标签就是<head>、<body>、<table>等被尖括号“<”和“>”包起来的对象,绝大部分的
标签都是成对出现的,如<table></talbe>、<form></form>。当然还有少部分
不是成对出现的,如<br>、<hr>等。

标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。

3、属性: 

为HTML元素提供各种附加信息的就是HTML属性,它总是以"属性名=属性值"这种名值对的形式出现,而且属性总是在HTML元素的开始标签中进行定义。

<html> 

<head> <title>标题</title> </head> 

<body bgcolor="#f00"> 

<div>hhhhhhhhhh</div> 

</body> 

</html>在这个示例中,<div>这是示例页面</div>就是HTML元素,其中“hhhhhhhhhh”就是元素的具体内容了。<head><title><body>等就是HTML标签,这是标签构成了HTML元素。 <body bgcolor="#f00">中的bgcolor=#f00"就是标签的属性,它定义了标签应该如何具体配置。

总之,元素和标签的区别也不必太在意,实际工作中我们都直接以标签统称。而属性就很容易明白了, 它就是为HTML标签添加各种附加信息或者配置选就比如说HTML是一个家庭,其中每一个HTML标签都是这个家庭中的成员,他们各有各的工作,例如div、p等;

每一个成员都还有属于他们自己的特征,这个特征的名称(例如:身高,体重,爱好等)就类似于HTML属性width, height,border等;这些特征的具体值(例如:180cm, 50kg, 读书等)就类似HTML属性值100px, 10px,solid #f00。

脚本标签中的“lang”和“type”属性有啥区别?

【中文标题】脚本标签中的“lang”和“type”属性有啥区别?【英文标题】:What is the difference between "lang" and "type" attributes in a script tag?脚本标签中的“lang”和“type”属性有什么区别? 【发布时间】:2010-09-11 20:47:46 【问题描述】:

对于&lt;script&gt; HTML 标签,lang=Javascripttype=text/javascript 之间的技术区别是什么?

我通常同时使用这两种方法,因为我一直认为旧版浏览器需要其中一种。

【问题讨论】:

【参考方案1】:

根据HTML 4.01 Spec:

类型: 此属性指定元素内容的脚本语言并覆盖默认脚本语言。脚本语言被指定为内容类型(例如,“text/javascript”)。作者必须为此属性提供一个值。该属性没有默认值。

语言:已弃用。此属性指定此元素内容的脚本语言。它的值是语言的标识符,但由于这些标识符不是标准的,因此该属性已被弃用,取而代之的是类型。

【讨论】:

请注意,type 在 HTML 5 中不再需要。如果缺少,则默认值为 text/javascript。 (w3.org/html/wg/drafts/html/master/…)【参考方案2】:

&lt;script language=""&gt; 可用于为 VBScript 和不同版本的 Javascript 提供服务。

除非您需要特定版本的 Javascript,否则不要使用语言属性,没有它您的代码仍然可以正常工作。

即使您确实需要某些代码的特定 Javascript 版本,也请尝试使用 (typeof window.blah.feature != "undefined") 检查来测试该功能是否存在。

以下是语言属性的用法示例: http://bclary.com/2004/08/27/javascript-version-incompatibilities

由于这种定义松散或不确定的行为,不推荐使用语言属性。

type 属性完全不同。它告诉浏览器脚本是什么 mime 类型,并且应该始终在脚本标签中指定。

【讨论】:

【参考方案3】:

OP 专门说“语言”而不是“语言”。更老的“语言”标签应该是 Javascript 或 VBScript。

但是 current 和看似有效的 "lang" 标签实际上是 书面 语言,如英语、西班牙语, 日本人。 Microsoft 的 Visual Studio 为“lang”的值提供了一个下拉列表,它们都类似于 en-us、fr、ja 等。对于英语美国、法语、日语等......

我认为如果您有一个复杂的多语言设置,可能是使用此标签的正当理由 - 也许有一个内容管理系统可以支持这一点,然后提供正确的 javascript 文件 - 比如jQuery控制资源?

【讨论】:

这应该是正确的答案。 languagelang 是不同的属性。 我最近了解到,建议使用 lang 来定义书面语言(英语、西班牙语等),以实现可访问性 - 例如屏幕阅读器。【参考方案4】:

language 是旧属性,type 是新属性。您必须使用过渡(不是肯定的,但相当肯定)doctype 才能合法地使用这两个属性。

【讨论】:

【参考方案5】:

Type 更笼统,指的是脚本块的 mime 编码。据我所知,您只需要一个,并且通常该块无需 type 或 lag 属性即可工作。

我倾向于使用类型。

【讨论】:

【参考方案6】:

lang为脚本语言,type为脚本标签内容的MIME类型。

【讨论】:

【参考方案7】:

基本上,这两个属性都不是必需的。使用它们的唯一原因是验证,这在 HTML5 中已失效。

【讨论】:

以上是关于html语言里的标签,元素, 属性有啥区别?的主要内容,如果未能解决你的问题,请参考以下文章

HTML中的span标签到底是啥意思,有啥具体的作用

htm语言的语法基础及规则

HTML语言中TR,TH和TD有啥区别

html5中<head>标签和<header>标签有啥区别

html 中 <a>标签里面的id 和 name 有啥区别

<label>标签有啥用