What's wrong with the tag?

Question

Google Chrome

Created the following block:

<a class="href" href="#">
     <div class="logo"></div>
     <div class="block">
             <h2>Febox - создание сайтов</h2>
              <p>Веб-студия дизайна</p>
      </div>
      <a class="link" href="#">
           <i class="fa fa-chevron-right"></i>
      </a>
</a>

Everything seems to be clear, there is another a.link block in the a.href block, but when displayed in the browser, I see the following:

Can't a tags be nested?

Answer 1

Nothing is clear. Some tags cannot be nested. For example P. Including A. Simply nesting tags does not make sense and when a new tag is opened, the parent tag will be automatically closed.

Answer 2

From the official standard:

The a element may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (eg buttons or other links).

Answer 3

No ...
How do you think it should work? Follow two links at the same time?
Why the second link for the icon at all?

Answer 4

In general, you should revise your markup and bring it to a rational form
Well, if you really want to pervert, then do this

<a class="href" href="#">
     <div class="logo"></div>
     <div class="block">
             <h2>Febox - создание сайтов</h2>
              <p>Веб-студия дизайна</p>
      </div>
      <div class="link" onclik="location.href='/path/to/res'">
           <i class="fa fa-chevron-right"></i>
      </div>
</a>