关于这个头部的shadow dom？

Question

http://m.qidian.com/male/

链接在上面，这个dom结构不太常见，用在这里的意义是？
我看网页里大量的用了svg的元素 跟这个有关？

Answer 1

shadow DOM是Web Component很重要的特性，目的是允许我们给DOM标签附加上功能作用（包括css/html/javascript）。

比如，HTML5中的 <video> 标签。正常我们使用的是时候只是简单的一个DOM标签：

<video controls autoplay name="media">  
    <source id="mp4" src="1.mp4" type="video/mp4">
</video>

但如果你展开来看，里面包含着播放、暂停等一些额外的元素。

就是让DOM标签更有存在的实际意义，但又不会被外界影响。

如果你在使用Angular2，这种东西会非常常见