中行上海个人HTML5项目是指以HTML5技术架构开发的个人网络金融产品和服务应用，同时可满足移动端浏览器、二维码扫码跳转及PC端WEB浏览器访问使用。
中行上海个人H5项目主要应用场景分为线上及线下渠道。
1、线上渠道主要包括中国银行手机银行、“中国银行上海分行”微信公众号及第三方合作机构官方渠道（以下简称“第三方平台”，包括但不限于非中行的APP、官方微信及PC端等渠道）等；
2、线下渠道为利用中行上海个人H5项目URL链接通过技术手段生成的二维码布放在中行网点、第三方合作机构的线下营业机构或投放在宣传单页，供您扫描二维码后使用中行上海个人H5项目的服务模式。
以上内容供您参考，业务规定请以实际为准。
如有疑问，欢迎咨询中国银行在线客服。
诚邀您下载使用中国银行手机银行APP或中银跨境GO APP办理相关业务。
总体把页面一分为二，<header>是包含在<article>里面的，页脚部分是单独的一块儿。大致结构获悉了后再从局部入手，<header>部分，有主标题、副标题、还有作者署名，前面我们讲过，如果除了主标题，还有一个副标题，那可以把这两个标题写在一个<hgroup>元素中。如果除了主标题之外，还有其他内容，比如内容摘要、发表时间、作者、图片或者小标题链接等，那就应该把他们放在一个 <header>元素中。<header>
<hgroup>
<h1>给个人博客增加色彩元素提升网站用户体验</h1>
<h2>网页的色彩——决定用户是否驻足停留的关键</h2>
</hgroup>
<p class="Byline">design by DanceSmile</p>
</header>
接下来是文章正文部分：
部分代码：
<div class="Content">
<p>第一眼看到杨青个人博客网站的时候，如果你喜欢...</p>
...
</div>
正文当中还有一幅插图，html5新增加了插图这个<figure>语义元素，<figcaption>不是只能包含文本，任何html元素都可以，比如链接、小图标。<figcaption>包含了对图片的完整说明，所以alt文本就显得多于了，这种情况下，可以把<img>元素中的alt属性删除：
<figure>
<img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg">
<figcaption>图片来源：腾讯CDC《浅析网页色彩应用》</figcaption>
</figure>
最后在把上面的代码写在<article>里面。
<footer>部分只是一些简单的页脚信息。
上海个人产品服务HTML5项目是指以HTML5技术架构开发的个人网络金融产品和服务应用，同时可满足移动端浏览器、二维码扫码跳转及PC端WEB浏览器访问使用。H5项目主要应用场景分为线上及线下渠道。线上渠道主要包括中国银行手机银行、上海分行官方微信公众号及第三方合作机构官方渠道（以下简称“第三方平台”，包括但不限于非我行的APP、官方微信及PC端等渠道）等；线下渠道为利用我行H5项目URL链接通过技术手段生成的二维码布放在我行网点、第三方合作机构的线下营业机构或投放在宣传单页，供客户扫描二维码后使用我行H5项目的服务模式。
以上内容供您参考，业务规定请以实际为准。
如有疑问，欢迎咨询中国银行在线客服。
诚邀您下载使用中国银行手机银行APP或中银跨境GO APP办理相关业务。
