[HTML Examples] Document metadata ~ link

[schalkneethling]

Need an HTML example for the link element
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

Contributing

https://github.com/mdn/interactive-examples/blob/master/CONTRIBUTING-HTML.md

[Elchi3]

Is this really suitable? I'm a bit unsure what demo interactively here. Ideas?

[wbamberg]

Is your point that it's not "interactive" because it's not really possible for the user to edit the linked stylesheet, or even to edit the link href?

I guess that's a reasonable concern, but I think it might still be valuable to show the syntax and basic effect, with something like your <style> example:

<link href="/media/examples/example-style.css" rel="stylesheet">
<!-- 
example-style.css contains:

p {
  color: green;
}
-->

<p>This text will be green.</p>

<p style="color: blue">The <code>style</code> attribute can override it, though.</p>

What do you think? I agree it's not super-useful, but it seems easy enough to include.

[Elchi3]

Ah, okay, I haven't realized the media folder yet. I think that would work and I will work on it. Thank you, Will!

[stephanmax]

I’m happy to work on this.

[stephanmax]

@wbamberg, this can be closed after PR #1029 got merged.