html 锚定整个 div 作为 link

Question

我有一个 div，其中包含一些文本（图标字体图标）和一段显示图标下方含义的段落。我想 link 整个内容到我页面上的锚点，但到目前为止它没有用。第一次在 this tutorial 之后使用锚点，不知道自己做错了什么（试过将 div 的 id 改成 name，还是不行）。

html:

<a href="#skills"><div class="menucontainer">
        <a class="icon ion-code-working"></a>
        <p>Skills</p>
</div></a>

<section id="skills">
    <div class="skills-container">
        <ul>
            <li>< html5 ></li>
            <li>.body { css3 }</li>
            <li>javascript.js</li>
            <li>$(jQuery)</li>
            <br/>
            <li><%= puts "rails 4" %></li>
            <li>< div class="bootstrap" ></li>
            <br/>
            <li>$ sudo apt-get update</li>
            <br>
            <li class="profile-icon">LinkedIn</li>
            <li class="profile-icon">GitHub</li>
            <li class="profile-icon">Udemy</li>
            <li class="profile-icon">Codecademy</li>
            <li class="profile-icon">Treehouse</li>
        </ul>
    </div>
</section>

Answer 1

你有一个 anchor 在一个 div 里面另一个 anchor..

html 锚定整个 div 作为 link

html anchors with whole div as link

html

anchor