<p>Today I was working on a tab navigation for a webpage. I tried the <a href="http://www.alistapart.com/articles/slidingdoors2/" rel="noreferrer">Sliding Doors</a> approach which worked fine. Then I realized that I must include an option to delete a tab (usually a small X in the right corner of each tab). </p>

<p>I wanted to use a nested anchor, which didn't work because it is <a href="http://www.w3.org/TR/html4/struct/links.html#h-12.2.2" rel="noreferrer">not</a> allowed. Then I saw the tab- navigation at <a href="http://www.pageflakes.com" rel="noreferrer">Pageflakes</a>, which was actually working (including nested hyperlinks). Why?</p>

[{'answer_id': 20944, 'author': 'Yaakov Ellis', 'author_id': 51, 'author_profile': 'https://Stackoverflow.com/users/51', 'pm_score': 4, 'selected': True, 'text': '<p>They must be doing some really crazy stuff with JavaScript to get it to work (notice how neither the parent nor the nested anchor tags have a name or href attribute - all functionality is done through the class name and JS).</p>\n\n<p>Here is what the html looks like:</p>\n\n<pre><code>&lt;a class="page_tab page_tab"&gt;\n  &lt;div class="page_title" title="Click to rename this page."&gt;Click &amp; Type Page Name&lt;/div&gt;\n  &lt;a class="delete_page" title="Click to delete this page" style="display: block;"&gt;X&lt;/a&gt;\n&lt;/a&gt;\n</code></pre>\n'}, {'answer_id': 20967, 'author': 'Chris Marasti-Georg', 'author_id': 96, 'author_profile': 'https://Stackoverflow.com/users/96', 'pm_score': 0, 'selected': False, 'text': '<p>Actually, the code I had pasted previously was the generated DOM, after all JS manipulation.  If you don\'t have the <a href="https://addons.mozilla.org/en-US/firefox/addon/1843" rel="nofollow noreferrer">Firebug</a> extension for Firefox, you should get it now.</p>\n\n<p>Edit: Deleted the old post, it was no longer useful.  Firebug is, so this one is staying :)</p>\n'}, {'answer_id': 366021, 'author': 'Jakub Narębski', 'author_id': 46058, 'author_profile': 'https://Stackoverflow.com/users/46058', 'pm_score': 0, 'selected': False, 'text': '<p>I suspect that working or not working nested links might depend if your browser renders page in strict mode (e.g. XHTML DTD, application/xml+html MIMEtype), or in "quirks" mode.</p>\n'}, {'answer_id': 2096795, 'author': 'Jarosław Przygódzki', 'author_id': 254352, 'author_profile': 'https://Stackoverflow.com/users/254352', 'pm_score': 4, 'selected': False, 'text': '<p><a href="http://www.w3.org/TR/html401/struct/links.html#h-12.2.2" rel="noreferrer">Nested links are illegal</a></p>\n'}, {'answer_id': 33499678, 'author': 'Anas', 'author_id': 2721727, 'author_profile': 'https://Stackoverflow.com/users/2721727', 'pm_score': 0, 'selected': False, 'text': "<p>In spite of nested tags are illegal but writing them using JS will work!, try this:</p>\n\n<pre><code>$('&lt;a&gt;', {\n     href: 'http://google.com',\n     html: '&lt;a&gt;i am nested anchor  &lt;/a&gt;I am top Anchor'\n }).appendTo($('body'))\n</code></pre>\n"}]
['https://Stackoverflow.com/questions/20926', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/2078/']