页元素的属性(attribute)可能定造元素的活动,差其余属性会导致元素有差其余活动。元素属性的写法是 HTML 标签内部的“键值对”。
上面代码中,html标签内部的键值对lang=en,就称为html元素的属性。属性名为lang,属性值为en。
属性名与属性值之间,通过等号=衔接。属性值可能放正在单引号或双引号之中,提倡团结行使双引号。某些属性值可能不可使引号,可是提倡不要如此写。
有些属性是布尔属性,即属性值是一个布尔值,惟有“翻开”和“闭塞”两种情形。这时属性值可能省略,只须增添了属性名,就展现翻开该属性。
上面代码中,required便是input标签的布尔属性。假使加上这个属性,就展现翻开,没相闭塞便是闭塞。
整体属性(global attributes)是全豹元素都可能行使的属性。也便是说,你可能把下面的属性,加正在轻易一个页元素上面,但是有些属性对某些元素能够不爆发旨趣。
id属性是元素正在页内的独一标识符。譬喻,页能够蕴涵多个p标签,id属性可能指定每个p标签的独一标识符。
上面代码中,三个p标签拥有差其余id属性,因而可能区别。
id属性的值必需是整体独一的,统一个页面不行有两个相通的id属性。别的,id属性的值不得蕴涵空格。
id属性的值还可能正在最前面加上#,放到 URL 中动作锚点,定位到该元素正在页内部的处所。譬喻,用户探访址的期间,浏览器会主动将页面滚动到bar的处所,让用户第一眼就看到这个人实质。
class属性用来对页元素举行分类。假使差别元素的class属性值相通,就展现它们是一类的。
上面代码中,第一个p和第三个p是一类,由于它们的class属性相通。
title属性用来为元素增添附加证据。大无数浏览器中,鼠标悬浮正在元素上面时,会将title属性值动作浮动提示,显示出来。
p本站实质行使创意共享许可证,可能自正在行使。/p
上面代码中,title属性说明了这一块实质的宗旨。鼠标悬停正在上面时,浏览器会显示一个浮动提示。一朝鼠标移开,提示就会隐没。
页平常行使鼠标操作,可是某些情形下,用户能够愿望行使键盘,或者惟有键盘可能用。因而,浏览器允诺行使 Tab 键,遍历页元素。也便是说,只须继续按下 Tab 键,页的重心就会从一个元素改变到另一个元素,选定重心元素此后,就可能举行下一步操作,譬喻按下回车键探访某个链接,或者直接正在某个输入框输入文字。
这里就有一个题目,按下 Tab 键的期间,浏览器若何真切跳到哪一个元素。HTML 供给了tabindex属性,办理这个题目。它的名字的寄义,便是 Tab 的递次(index)。
tabindex属性的值是一个整数,展现用户按下 Tab 键的期间,页重心改变的递次。差其余属性值有差其余寄义。
负整数:该元素可能获取重心(譬喻行使 Java 的focus技巧),但不参加 Tab 键对页元素的遍历。这个值平常是-1。
0:该元素参加 Tab 键的遍历,递次由浏览器指定,平常是根据其正在页内中映现的处所。
正整数:页元素根据从幼到大的递次(1、2、3、……),参加 Tab 键的遍历。假使多个元素的tabindex属性相通,则根据正在页源码内中映现的递次遍历。
上面代码中,p标签的tabindex为0,意味着该元素可能获取重心,而且也可能被 Tab 键遍历,递次由其正在源码内中的处所决意。
寻常来说,tabindex属性最好都设成0,根据天然递次举行遍历,如此比力符适用户的预期,除非页有迥殊构造。假使页全豹元素都没有树立tabindex,那么惟有那些默认同以遍历的元素(譬喻链接、输入框等)才力参加 Tab 键的遍历,递次由其正在源码的处所决意。因而实践上,惟有那些无法获取重心的元素(譬喻span、div)需求参加遍历,才有需要树立tabindex属性。
accesskey属性指定页元素获取重心的急促键,该属性的值必需是单个的可打印字符。只须按下急促键,该元素就会取得重心。
上面代码中,button的急促键是s,按下急促键,该元素就取得了重心。
accesskey属性的字符键,必需配合效用键,一块按下才会生效。也便是说,急促键是“效用键 + 字符键”的组合。差其余浏览器与差其余操作编造,效用键都纷歧律。譬喻,Chrome 浏览器正在 Windows 编造和 Linux 编造的急促键是Alt + 字符键,正在 Mac 编造的急促键是Ctrl + Alt + 字符键。
幼心,accesskey假使跟操作编造或浏览器级其余急促键有冲突,这时不会生效。
style属性用来指定方今元素的 CSS 样式。全体的树立,请看 CSS 教程。
hidden是一个布尔属性,展现方今的页元素不再跟页面闭连,因而浏览器不会衬托这个元素,以是就不会正在页中看到它。
幼心,CSS 的可见性树立,高于hidden属性。假使 CSS 设为该元素可见,hidden属性将无效。
上面代码中,第一个p的lang属性,展现行使英语,第二个p的lang属性,展现行使中文。
HTML 页的实质默认是用户不行编纂,contenteditable属性允诺用户编削实质。它有两个能够的值。
上面代码中,鼠标单击句子,就可能进入编纂形态,用户可能更正句子的实质。当然,除非提交到任事器,不然革新页面仍旧显示素来的实质。
浏览器寻常会自带拼写查抄效用,编纂实质时,拼错的单词下面会显示赤色的海浪线。spellcheck属性就展现,是否翻开拼写查抄。
幼心,因为该属性只正在编纂时生效,以是这个例子必需加上contenteditable属性,展现本段实质可编纂。鼠标单击就可能进入编纂形态,这时才会看到拼写提示。不成编纂的形态下,拼写缺点是不提示显示的。关于那些不成编纂的元素,该属性无效。
这个属性看上去像布尔属性,可是原本是列举属性,以是最好不要省略它的值。假使没有指定这个属性,浏览器将自行决意是否翻开拼写查抄。
除了上面这些属性,整体属性还罗变乱照料属性(event handler),用来响运用户的作为。这些属性的值都是 Java 代码,请参考 Java 教程,这里只列出这些属性的名单。,
支付宝转账赞助
支付宝扫一扫赞助
微信转账赞助
微信扫一扫赞助