DOMs : Add schema to complete the text explanation

[alemarre]

Hi,
The text explanation was a bit confusing for me at the first read (a lot a "new" terms : local dom, light dom, shadow dom, shady dom)
I think a schema could help understanding

[googlebot]

Thanks for your pull request. It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

📝 Please visit https://cla.developers.google.com/ to sign.

Once you've signed, please reply here (e.g. I signed it!) and we'll verify. Thanks.

---

• If you've already signed a CLA, it's possible we don't have your GitHub username or you're using a different email address. Check your existing CLA data and verify that your email is set on your git commits.
• If you signed the CLA as a corporation, please let us know the company's name.

[alemarre]

I signed it

[googlebot]

CLAs look good, thanks!

[stramel]

<content> should be <slot> now...

[ghost]

This is a suggested edit to a 1.0 doc so it should stay <content>

[stramel]

so we should keep it <content> even though 1.7+ can make use of slots and reduces changes going to 2.0?

[ghost]

¯_(ツ)_/¯ Or note hybrid syntax?

[ghost]

This is a suggested edit to a 1.0 doc so it should stay <content>

[ghost]

Something seems not quite right about this. I will try to explain my thoughts.

I read the the comments in the <template> section as instructing me to insert my own code here, and that my code must be either:

• A "Shadow DOM (browser implementation)", or
• A "Shady DOM (Polymer implementation)"

I would not know what either of these things are, or how to write them.

Thus I find this suggested addition to be more confusing rather than clarifying.

But I will ask @arthurevans to comment here and will trust his opinion on the matter.