你能在<section>中使用href属性吗?

时间:2016-12-10 09:01:59

标签: html

可能不在话题我希望它不是。 我只是在浏览这些问题的时候,我发现了一些我认为不对的东西。

section class =&#34; someclass&#34; HREF =&#34;的index.html&#34;

问的人得到了他的答案,但没有一个人回答说关于这条线的任何事情,所以我感兴趣但却找不到任何东西。

你能在章节中使用href属性吗?我以为你可以在a,area,base和link上使用它。如果你可以使用它,它会做什么?我真的找不到任何关于它的东西......

感谢。

2 个答案:

答案 0 :(得分:1)

不,它无效。 The section element只能拥有global attributesaccesskeyclasscontenteditablecontextmenudirdraggabledropzonehiddenidlangspellcheckstyletabindextitle,{ {1}}。

答案 1 :(得分:1)

href属性确实只是<a><area><base><link>convenient attribute + element reference)的有效属性。

既然有效性已经明确,我们可以讨论如何使用(ab)(仍未使其有效)。

使用javascript,可以赋予任何属性含义,即使是无效的属性。

&#13;
&#13;
var section = document.querySelector('section[href]'),
    href = section.getAttribute('href');

section.innerHTML = 'Could have loaded ' + href + ' here';
&#13;
<section href="index.html">
  default content
</section>
&#13;
&#13;
&#13;

这是HTML5之前的一种常见做法,滥用有效属性以及引入无效属性,只是为了用脚本实现行为。

这就是为什么从HTML5开始,W3C / WhatWG(亲切地编写这些规范的人)提供了data-属性前缀,它允许构成HTML中没有任何意义的属性,并且是一直被视为有效。

因此,href属性在<section> - 元素上无效,但它可能已经使用javascript赋予了一些含义,这是无效的,应该是data-href(或一个更好地描述其目的的名称。