New syntax (version) of the href attribute

[edamianx]

-- old version

<h2><a href=” ”>...</a></h2>

<li><a href=” ”>...</a></li>

( . . . . )

-- new version

<h2 href=” ”>…</h2>

<li href=” ”>…</li>

<td href=” ”>...</td>

<p href=” ”>...</p>

<span href=” ”>...</span>

Explanation

Simpler syntax

The new approach eliminates the need for an additional <a> element inside the header tag. The code becomes more concise and easier to manage.

Example: instead of using two tags (<a> and <h2>), only one tag (<h2> with the href attribute) is needed.

Improved readability

Simpler syntax makes the code more transparent, especially for less experienced programmers. Instead of thinking about the right HTML structure, all you need to do is add the href attribute.

Improved performance

Reducing the number of nested elements (such as <a> within <h2>) reduces the amount of HTML rendered, which can slightly improve performance, especially on large, complex web pages.

Direct functionality

Thanks to the new solution, tags immediately serve as links.

[alpgul]

You can utilize Custom Elements technology to establish a more modular structure in your web projects. This method allows you to create reusable components without framework dependency.

You can review the MDN documentation for detailed information:
https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements

Best regards.

[Crissov]

XHTML2 allows this of course, as does XLink within its namespace. Think of that as you please.