# Web component design, attribute or content HTML?

Which one of these web components is designed better?

Option 1 contains an a tag within the custom element.

  <bootstrap-social service="github" size="lg">
</bootstrap-social>


Option 2 the custom element has an href tag and the inner text is within the element.

  <bootstrap-social service="github" size="lg" href="http://github.com/reggi">

Since the only difference between the two examples is the href attribute we see in DevDocs that:
In the documentation, the only elements that receive the href attribute are: <a>, <area>, <base> and <link>. Although href works with any other element, I believe that, when it comes to semantics, Option 1 is the most suitable.