## 一. 組件詳解
1. 版權組件一般出現在footer中，網站的最后。
2. 版權組件由英文和中文部分組成，以英文部分聲明為主。
3. 版權組建示例：
> 
* * * * *
## 二.功能描述
1. 聲明網站的版權。
* * * * *
## 三.代碼規范
* 1.版權組件用data-type="copyright"標識。
* 2.版權組件英文部分用data-type="copy-usa"標識。
* 3.版權組件中文部分用data-type="copy-china"標識。
* 4.dom結構如下：
~~~
<p data-type="copyright">
<span data-type="copy-usa">Copyright ?2013-2016 h5create.com. All Rights Reserved.</span>
<span data-type="copy-china">嗨創版權所有</span>
</p>
~~~
* 5.規范圖解：
> 
* * * * *
## 四.代碼示例
#### 應用場景一：
* 代碼：
~~~
<footer style="background-color: #000;">
<ul style="text-align: center;padding: 60px 0 30px 0;margin-bottom: 0;">
<li style="display: inline-block;margin: 10px 30px;"><img src="/diy/asyn.file/jsb/module/copyright/copyright-1/img//QQ.png" class="img-responsive" style="display: inline-block;margin-right: 15px;" alt=""/><span data-effect="edit" style="color: #fff;">QQ</span></li>
<li style="display: inline-block;margin: 10px 30px;"><img src="/diy/asyn.file/jsb/module/copyright/copyright-1/img/weixin.png" class="img-responsive" style="display: inline-block;margin-right: 15px;" alt=""/><span data-effect="edit" style="color: #fff;">微信</span></li>
<li style="display: inline-block;margin: 10px 30px;"><img src="/diy/asyn.file/jsb/module/copyright/copyright-1/img/weibo.png" class="img-responsive" style="display: inline-block;margin-right: 15px;" alt=""/><span data-effect="edit" style="color: #fff;">微博</span></li>
<li style="display: inline-block;margin: 10px 30px;"><img src="/diy/asyn.file/jsb/module/copyright/copyright-1/img/renren.png" class="img-responsive" style="display: inline-block;margin-right: 15px;" alt=""/><span data-effect="edit" style="color: #fff;">人人</span></li>
<li style="display: inline-block;margin: 10px 30px;"><img src="/diy/asyn.file/jsb/module/copyright/copyright-1/img/facebook.png" class="img-responsive" style="display: inline-block;margin-right: 15px;" alt=""/><span data-effect="edit" style="color: #fff;">Facebook</span></li>
</ul>
/**************以下是版權組件***********/
<p class="text-center" style="color: #fff;padding: 0 10px 30px 10px;margin: 0;" data-type="copyright">
<span data-type="copy-usa">Copyright ?2013-2016 h5create.com. All Rights Reserved.</span>
<span data-type="copy-china" style="" >嗨創 版權所有</span>
</p>
/************以上是版權組件*************/
</footer>
~~~
* 效果：
> 
* * * * *
## 五.補充說明
按照規范開發的組件，嗨創將會為其提供以下功能
1.分別編輯中文和英文版權信息
2.為該網站所有頁面統一替換版權信息
3.更換版權時，信息可同步已經編好的信息
