当我将标题包装在链接中时是否可以访问？

Question

我有一个标题，我想创建一个返回主页的链接。如果我这样做，这是一个错误吗？

<a href="index.php?menuid=1" title="Go back to the homepage.">
   <header>
       <h1>Title of the page</h1>
   </header>
</a>

如果最好从<h1>创建链接，那么如何将链接扩展到标题的大小？因为它上面的链接如下所示：

Answer 1

如果您希望整个标题成为链接，那么这是正确的方法（至少在现代HTML5浏览器中）。如果您希望<h1>的宽度为<header>，请添加

h1 {
  width: 100%
}

到你的CSS（虽然你应该在h1中添加一个id或类，并通过它选择，比一般的h1更好。）

Answer 2

添加我的答案（也更新了你fiddle）

header{
    display:block;
    height:210px;
    width:560px;
    text-align:left;
    background-color:#eb4172;
    border: 20px solid transparent;
}
h1 {
    background-color:#00aaff;
    width:100%;
    height:100%;
    display:block;
}

h1 a{
    width: 100%;
    display: block;
    height: 100%;
}