记得去年底找到一个很棒的HTML5网站模版下载网站Templated，真的是网站开发者的好朋友，至少我们不用从无到有、从头到尾来打造一个网站，而是直接就现有的样版去做修改或调整，让建网站难度降低许多，也减少花费的时间和开支。

之前网友推荐我一个名为HTML5 UP！的网页设计下载网站，提供大量HTML5模版，而且这些模版都支持响应式网页设计（Responsive Web Design，简称RWD），也是俗称的「自适应网页设计」，通过自动弹性调整画面设计，以改变布局方式来使不同大小屏幕皆能正常浏览，达到最好的使用体验。

因为自适应网页设计在开发上较为繁琐，一般很少免费提供下载的网站，但HTML5 UP！收录一系列共28种网页设计，通通都是HTML5+CSS3并有响应式设计功能，网站采用的授权方式为Creative Commons姓名标示3.0，也就是说你可以自由分享、修改这些模版，唯独需要保留网页里的姓名标示（Attribution）。

如果你喜欢这位设计师的作品，那可在Pixelarity网站找到更多模版下载，不过这网站是采用订阅计费方式，最便宜方案为每三个月美元，可自由下载所有的网页设计。

站点名称：HTML5 UP！

网站连接：http://html5up.net/

使用教学

STEP 1

HTML5 UP！网站提供的模版都具有一定的质量，使用的图片大多为免费图库而来，采用的是CC0授权，一般来说要放在网页上、或者置换掉都没有问题。从网页里可以点选任何一个设计的Live Demo进行即时预览，或者Free Download免费下载。

STEP 2

HTML5 UP！的即时预览（Live Demo）功能蛮好用的，除了可以让你即时操作网页、查看整体效果外，从左上角还能切换不同大小屏幕装置，例如桌面、平板电脑、手机，就能即时看到「响应式网页设计」效果。

这是其中一个模版Strata在桌面浏览器的呈现效果：

切换到平板电脑时，屏幕宽度虽然缩小，但可以发现网页设计没有太大变化。

一旦切换到手机大小，网页就自动缩成一行，不过依然保持原有的设计，并且能够正常显示网页上的内容，这就是自适应网页设计的特色。在HTML5 UP！里提供的样版皆支持自适应设计，喜欢的话点选右上角的Download即可免费下载！

STEP 3

下载时不用注册、也无需登录任何数据，可以的话，记得顺手帮HTML5 UP！按个赞，或是加入追踪，让这个网站可以被更多人看到。

----我是分割线------

致力发布和推广来自世界各地的互联网资源

希望与更多人分享网络快乐与便利，点关注作者更精彩！

TML5 提供了播放音频文件的标准。

互联网上的音频

直到现在，仍然不存在一项旨在网页上播放音频的标准。

今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。

HTML5 规定了在网页上嵌入音频元素的标准，即使用 <audio> 元素。

浏览器支持

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 <audio> 元素.

注意: Internet Explorer 8 及更早IE版本不支持 <audio> 元素.

HTML5 Audio - 如何工作

如需在 HTML5 中播放音频，你需要使用以下代码：

实例

<audiocontrols><sourcesrc="horse.ogg"type="audio/ogg"><sourcesrc="horse.mp3"type="audio/mpeg">您的浏览器不支持 audio 元素。</audio>

control 属性供添加播放、暂停和音量控件。

在<audio> 与 </audio> 之间你需要插入浏览器不支持的<audio>元素的提示文本 。

<audio> 元素允许使用多个 <source> 元素. <source> 元素可以链接不同的音频文件，浏览器将使用第一个支持的音频文件

音频格式及浏览器支持

目前, <audio>元素支持三种音频格式文件: MP3, Wav, 和 Ogg:

音频格式的MIME类型

HTML5 Audio 标签

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

016年12月，我国网民规模达7.31亿，互联网普及率为53.2%。

专家预计2017年我国网民规模将达7.72亿，互联网普及率达55.9%。

除去未成年和老龄化人口，相当于你身边的每一个中国人都在上网。你却还没有自己的网站？不懂什么是HTML5》担心建站成本高？最终就这样被竞争对手甩在身后。

既然焦虑无法避免，那就选择高质量的模板建站。

一个优质的网站模板，不仅能为你省下设计、前端的繁琐工序，还能直接帮你做营销。用户要做的只是直接替换网站模板的文字和图片。下面给大家推荐几款2017年颇为流行的响应式网站模板。

注：下面所有图片中，左侧为电脑/平板站显示效果，右侧为手机站/微站显示效果。

1、家装设计类展示模板

2、体育用品商城模板

3、在线教育类展示模板

4、品牌展示型商城模板

5、厨具类商城模板

6、租车类商城模板

7、网络服务企业展示模板

8、钟表类商城模板

9、美食类企业官网模板

10、大型综合类商城模板

11、生鲜生活类商城模板

12、租房网站模板

13、化妆品分销商城模板

14、体育品牌商城展示模板

15、传统贸易企业展示模板

以上模板全部由HTML5+CSS3代码编写，全部完美兼容手机端，适合个人和企业使用。

想获得更多响应式网站模板及直接预览模板动态效果，可以访问建站宝盒模板市场：http://www.iisp.com/design/site_package.php?s=yuqiuping