首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

转: 细说HTML元素ID和Name属性区别

第一段里对于ID和Name解答说太笼统了,当然那个解释对于ID来说是完全对,它就是Client端HTML元素Identity。...显然这些用途都不是能简单使用ID来代替掉,所以HTML元素ID和Name却别并不是身份证号码和姓名这样区别,它们更本就是不同作用东西。    ...当然HTML元素Name属性在页面中也可以起那么一点ID作用,因为在DHTML对象树中,我们可以使用document.getElementsByName来获取一个包含页面中所有指定Name元素对象数组...Name属性还有一个问题,当我们动态创建可包含Name属性元素时,不能简单使用赋值element.name = "..."...这里再顺便说一下,要是页面中有n(n>1)个HTML元素ID都相同了怎么办?在DHTML对象中怎么引用他们呢?

1.9K30

html标签属性(attribute)和dom元素属性(property)

从对象来说,attribute是html文档上标签属性, 而property则是对应dom元素自身属性。...,   它们按照规范在html文档上设置这样自定义属性,并不修改dom元素属性),而在w3c浏览器下可以正确区分他们异同;   2,在ie6,7,8(Q)下,通过getAttribute和setAttribute...dom core扩展,   针对HTML和XHTML对象细节描述),Dom (HTML)规范指出了dom元素属性property和html标签属性对应关系,他们分别是id,dir,lang,title...当html特性是JS保留字情况下,会在特性名称   前加上“html”,如labellabel.htmlFor.在HTML解析阶段,浏览器会将html上述标签属性绑定在相对应DOM元素属性上,...根据 HTML4.01 规范中描述,一个 INPUT 元素 HTML 标签上 value 属性指定了这个控件 "currentValue"。最初 "当前值" 会采用 "初始值"。

1.8K50
您找到你想要的搜索结果了吗?
是的
没有找到

从li看html标签属性(attribute)和dom元素属性(property)

> 最后打印出来为0是由于: 元素属性有attribute 和 property 两种。...li 元素 value属性(property) 有特殊作用,其值只能是数字 如果设置值不是数字将会只反应到元素 value属性(attribute)....HTML 标签 value 属性 定义和用法 value 属性规定规定列表项目的数字。接下来列表项目会从该数字开始进行升序排列。...兼容性注释 在 HTML 4.01 中,不赞成使用 li 元素 value 属性;在 XHTML 1.0 Strict DTD 中,不支持 li 元素 value 属性。...当为有序排列时可以清楚看到value作用 部分区别 从对象来说,attribute是html文档上标签属性,而property则是对应dom元素自身属性

2.7K10

HTML 里 img 元素 src 和 srcset 属性有何区别?

HTML 中,img 元素通常用于在网页中插入图片。img 元素有两个相关属性:src 和 srcset。 src 属性指定图像 URL,它是必需。...srcset 属性允许您指定一系列不同大小或分辨率图像文件,以便浏览器可以根据设备像素密度和屏幕大小选择最合适图像。...在使用 srcset 属性时,可以选择一个默认图像文件,将其 URL 放在 img 元素 src 属性中。如果浏览器不支持 srcset 属性无法选择最合适图像,则将加载默认图像文件。...总的来说,src 属性用于指定图像 URL,而 srcset 属性用于指定一系列不同大小或分辨率图像文件,以便浏览器可以选择最合适图像来适应不同设备和屏幕大小。 下面是一个具体例子。...最后,浏览器将选中图片资源 URL 赋给 img 元素 src 属性,然后加载并显示该图片。

3.5K10

学习HTML5 技巧

当今科技发展速度真惊人,稍不留神,就可能无法跟上它步伐。新一代HTML-HTML5发展也不停带给我们新惊喜, 我们将通过这篇文章向大家介绍一些HTML技巧。 1.... 上面的代码它不能以简单而且富有语义关联方式与图形标题关联,因为它仅仅是用段落标记以及图片元素包裹,而 HTML5通过引进元素,改进了这一点。...form action=”" method=”get”> Email: <input id=”email” name=”email” type=”email...检测浏览器对属性支持 前面提到过并非所有的浏览器都支持这些属性,那是否有什么方法能够判断浏览器是否能够识别它们呢?...上面的代码里,我们创建了一个新输入元素,并确认pattern属性是否能够被识别。如果能够识别的话,浏览器就支持这个功能,否则就不支持。 if (!’

58040

三天学会HTML5 之第一天

即使在没有引入DTD情况下,很多浏览器也可以识别HTML元素,因为它们自身包含对HTML 元素定义,这就是为什么很多开发人员没有感受到DTD 存在。...HTML5 与之前版本区别 HTML5不是基于SGML 语言,因此不需要DTD ,它是一种全新标记语言,有自己解析规则,HTML5语法规则与之前版本有很大差别,可以称上是一种全新语言...Lab2_ 新输入属性 新类型值 之前为了获得不同UI 元素,如DatePicker,range Picker,color Picker等,会使用不同类库。...HTML5 为输入元素引入了新属性“type”,看以下示例: Number <input type="number" name="MyNuberElement" id="MyNumberElement...Lab5—使用输入元素type属性,实现验证功能: E-mail:

95670

html基础

DOCTYPE html> 声明为 HTML5 文档 元素HTML 页面的根元素 元素包含了文档元(meta)数据,如 定义网页编码格式为...HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页...,显示提示字 5.alt 如果图片无法正常加载,显示提示字 如:<img src="img/工作狂.jpg" title="程序猿" alt="淦" height="500px" width=...13.li 列表项标记,是ul与ol直接子元素,li标签中可以定义任意元素,也可以使有序和无序列表互相嵌套 .........定义 常用几个属性: name:一般表单元素 id:唯一 常结合js使用 class:可重读 可以给多个值 结合css 表单元素常用属性: name 给个名字 value 默认值

2.1K30

HTML入门与进阶以及HTML5_html 菜鸟教程

(3)、行内元素特点: (1)可以与其他行内元素位于同一行; (2)行内内部可以容纳其他行内元素,但不可以容纳块元素,不然会出现无法预知效果; 常见行内元素有:strong、em、span等。...事实上,span标签往往都是用来配合CSS来 修饰元素。 3、id和class id和class是HTML元素中两个最基本公共属性。...我们知道搜索引擎识别一个页面结构,是根据标签语义以及id属性识别的。因此 id属性不要轻易使用。此外,id命名也十分关键,特别是对搜索引擎优化而言。...语法: 说明性文字 说明: label标签for属性值为所关联表单元素id,例如, 则其所关联...for属性使得鼠标单击范围扩大到label元素 上,极大地提高了用户单击可操作性。事实上,label标签有两种关联方式,我们拿复选框来说,下面两行代码是等价

3.9K20

HTML入门与进阶以及HTML5

(3)、行内元素特点: (1)可以与其他行内元素位于同一行; (2)行内内部可以容纳其他行内元素,但不可以容纳块元素,不然会出现无法预知效果; 常见行内元素有:strong、em、span等。...事实上,span标签往往都是用来配合CSS来 修饰元素。 3、id和class id和class是HTML元素中两个最基本公共属性。...我们知道搜索引擎识别一个页面结构,是根据标签语义以及id属性识别的。因此 id属性不要轻易使用。此外,id命名也十分关键,特别是对搜索引擎优化而言。...语法: 说明性文字 说明: label标签for属性值为所关联表单元素id,例如, 则其所关联...for属性使得鼠标单击范围扩大到label元素 上,极大地提高了用户单击可操作性。事实上,label标签有两种关联方式,我们拿复选框来说,下面两行代码是等价

4.7K30

提升网站可访问性CSS实践方法

DOCTYPE html>  ...  五、避免使用纯图片文本内容 使用纯图片文本内容可以导致无法进行文本搜索和屏幕阅读器无法读取文本内容,这会影响网站可访问性。...以下是一些CSS实践方法: 1、使用 aria-label 属性来为图片定义相应文本内容。...六、使用适当语义化HTML标记 适当地使用 HTML 标记可以让网站更具有语义性和可访问性,并且能够帮助搜索引擎更好地索引网站内容。...以下是一些常用HTML标记和它们语义含义: :用于定义导航链接标记。 :用于定义一篇文章或一个独立内容区域标记。...以下是一些常见 ARIA 属性: aria-label:用于为元素提供文本描述。 aria-describedby:用于指定元素所关联文本内容。

18530

HTML入门与进阶以及HTML5

(3)、行内元素特点: (1)可以与其他行内元素位于同一行; (2)行内内部可以容纳其他行内元素,但不可以容纳块元素,不然会出现无法预知效果; 常见行内元素有:strong、em、span等。...事实上,span标签往往都是用来配合CSS来 修饰元素。 3、id和class id和class是HTML元素中两个最基本公共属性。...我们知道搜索引擎识别一个页面结构,是根据标签语义以及id属性识别的。因此 id属性不要轻易使用。此外,id命名也十分关键,特别是对搜索引擎优化而言。...语法: 说明性文字 说明: label标签for属性值为所关联表单元素id,例如, 则其所关联...for属性使得鼠标单击范围扩大到label元素 上,极大地提高了用户单击可操作性。事实上,label标签有两种关联方式,我们拿复选框来说,下面两行代码是等价

3K30

HTML 基础

超文本标记语言 (HTML, HyperText Markup Language) ,是构成网页最基础内容,用来创建并以可视化方式来呈现网页,它确定了一个网页内容而不是功能HTML 给英文文本加上了标记...menus,textarea,fieldset,legend 和 label 元素注释:placeholder 属性,是 HTML 5 新增加表单元素属性,IE 9 以下浏览器不支持form 表单...元素内点击文本,就会触发此控件,就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关表单控件上注释:label 元素 for 属性应当与相关元素 id 属性相同,for 属性可把 label...属性,这是为锚定义一个超文本链接来源必需属性,表示链接目标的 url 或 url 片段,页面内锚点跳转,通过 href 属性,值为所在要跳转到位置元素 id 值 #id属性 id 在同一个页面...)来说就是这种情况,如果用户选择不显示图像,或者如果浏览器无法显示图像,因为它是无效或不支持类型,在这些情况下,浏览器会用该元素 alt 属性定义文本来替换图像alt 属性定义了描述图像替换文本

3.8K30
领券