纺织网

纺织网

当前位置: 主页 > 花型设计 >

【HTML 教程】网页元素的属性html样式属性

纺织网 时间:2019年10月07日 07:39

  网页元素的属性(attribute)能够定制元素的举止,差别的属性会导致元素有差别的举止。元素属性的写法是 HTML 标签内部的“键值对”。

  上面代码中,html标签内部的键值对lang=en,就称为html元素的属性。属性名为lang,属性值为en。

  属性名与属性值之间,通过等号=毗连。属性值能够放正在单引号或双引号之中,创议联合运用双引号。某些属性值能够不运用引号,然则创议不要如此写。

  有些属性是布尔属性,即属性值是一个布尔值,唯有“翻开”和“闭塞”两种处境。这时属性值能够省略,只消增加了属性名,就流露翻开该属性。

  上面代码中,required便是input标签的布尔属性。即使加上这个属性,就流露翻开,没相合闭便是闭塞。

  整体属性(global attributes)是全面元素都能够运用的属性。也便是说,你能够把下面的属性,加正在随便一个网页元素上面,只是有些属性对某些元素不妨不出现意思。

  id属性是元素正在网页内的独一标识符。譬喻,网页不妨包括众个p标签,id属性能够指定每个p标签的独一标识符。

  id属性的值必需是整体独一的,统一个页面不行有两个沟通的id属性。别的,id属性的值不得包括空格。

  id属性的值还能够正在最前面加上#,放到 URL 中动作锚点,定位到该元素正在网页内部的地点。譬喻,html样式属性用户拜访网址的时分,浏览器会自愿将页面滚动到bar的地点,让用户第一眼就看到这个人实质。

  class属性用来对网页元素实行分类。即使差别元素的class属性值沟通,就流露它们是一类的。

  上面代码中,第一个p和第三个p是一类,由于它们的class属性沟通。

  title属性用来为元素增加附加证实。大大都浏览器中,鼠标悬浮正在元素上面时,会将title属性值动作浮动提示,显示出来。

  上面代码中,title属性阐明了这一块实质的宗旨。鼠标悬停正在上面时,浏览器会显示一个浮动提示。一朝鼠标移开,html样式属性提示就会磨灭。

  网页凡是运用鼠标操作,然则某些处境下,用户不妨愿望运用键盘,或者唯有键盘能够用。是以,浏览器承诺运用 Tab 键,遍历网页元素。也便是说,只消连续按下 Tab 键,网页的中央就会从一个元素改变到另一个元素,选定中央元素从此,就能够实行下一步操作,譬喻按下回车键拜访某个链接,或者直接正在某个输入框输入文字。

  这里就有一个题目,按下 Tab 键的时分,浏览器奈何明了跳到哪一个元素。HTML 供应了tabindex属性,处置这个题目。它的名字的寄义,便是 Tab 的次序(index)。

  tabindex属性的值是一个整数,流露用户按下 Tab 键的时分,网页中央改变的次序。差别的属性值有差别的寄义。

  负整数:该元素能够获取中央(譬喻运用 Java 的focus措施),但不介入 Tab 键对网页元素的遍历。这个值凡是是-1。html样式属性

  正整数:网页元素根据从小到大的次序(1、2、3、……),介入 Tab 键的遍历。即使众个元素的tabindex属性沟通,则根据正在网页源码内里显露的次序遍历。

  上面代码中,p标签的tabindex为0,意味着该元素能够获取中央,而且也能够被 Tab 键遍历,次序由其正在源码内里的地点确定。

  日常来说,tabindex属性最好都设成0,根据自然次序实行遍历,如此较量符适用户的预期,除非网页有非常结构。即使网页全面元素都没有配置tabindex,那么唯有那些默承认以遍历的元素(譬喻链接、输入框等)材干介入 Tab 键的遍历,次序由其正在源码的地点确定。是以实践上,唯有那些无法获取中央的元素(譬喻span、div)须要介入遍历,才有须要配置tabindex属性。

  accesskey属性指定网页元素获取中央的急迅键,该属性的值必需是单个的可打印字符。只消按下急迅键,该元素就会取得中央。

  accesskey属性的字符键,必需配合效用键,一同按下才会生效。也便是说,急迅键是“效用键 + 字符键”的组合。差别的浏览器与差别的操作编制,效用键都纷歧律。譬喻,Chrome 浏览器正在 Windows 编制和 Linux 编制的急迅键是Alt + 字符键,正在 Mac 编制的急迅键是Ctrl + Alt + 字符键。

  hidden是一个布尔属性,流露现在的网页元素不再跟页面联系,是以浏览器不会烘托这个元素,是以就不会正在网页中看到它。

  属意,CSS 的可睹性配置,高于hidden属性。即使 CSS 设为该元素可睹,hidden属性将无效。

  上面代码中,第一个p的lang属性,流露运用英语,第二个p的lang属性,流露运用中文。

  HTML 网页的实质默认是用户不行编辑,contenteditable属性承诺用户编削实质。它有两个不妨的值。

  上面代码中,鼠标单击句子,就能够进入编辑形态,用户能够变动句子的实质。当然,除非提交到任事器,不然改良页面仍然显示素来的实质。

  浏览器日常会自带拼写检讨效用,编辑实质时,拼错的单词下面会显示血色的海浪线。spellcheck属性就流露,是否翻开拼写检讨。

  属意,因为该属性只正在编辑时生效,是以这个例子必需加上contenteditable属性,流露本段实质可编辑。鼠标单击就能够进入编辑形态,这时才会看到拼写提示。不行编辑的形态下,拼写失误是不提示显示的。看待那些不行编辑的元素,该属性无效。

  这个属性看上去像布尔属性,然则本来是列举属性,是以最好不要省略它的值。即使没有指定这个属性,浏览器将自行确定是否翻开拼写检讨。

  除了上面这些属性,整体属性还搜罗事情管制属性(event handler),用来响运用户的行动。这些属性的值都是 Java 代码,请参考 Java 教程,这里只列出这些属性的名单。返回搜狐,查看更众

【HTML 教程】网页元素的属性html样式属性的相关资料:
  本文标题:【HTML 教程】网页元素的属性html样式属性
  本文地址:http://www.6266.fun/huaxingsheji/20191007/199.html
  简介描述:网页元素的属性(attribute)能够定制元素的举止,差别的属性会导致元素有差别的举止。元素属性的写法是 HTML 标签内部的键值对。 上面代码中,html标签内部的键值对lang=en,就称为...
  文章标签:html样式属性
  您可能还想阅读以下相关文章:
----------------------------------