整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
着微信小程序的发布，前端开发也会慢慢火起来，对相关从业人员而言了解一些技术动向则十分必要。
大约两年前，用于在 web 上构建和呈现内容的标记语言HTML 5发布。作为一个替代 HTML 4，XHTML 1 和 2级 DOM HTML 的语言，HTML 5 语言的改进使其能够支持更高级的多媒体，如<video>, <audio> 和 <canvas>，同时保持HTML 是可读的，并且能够被计算机和设备所理解。除了为现有文件改善和合理化标记之外，HTML 还为复杂的web应用程序提供标记和API。经常与之拿来对比的则是Adobe的Flash，HTML 5 现如今已经成为主要的内容交付标准。在接下来的几个月中，HTML 5将会更新升级到HTML 5.1。
HTML 5.1的标准已经得到了提升，从一个“候选发布版本”到一“提出建议”，再到成为一个“W3C推荐标准”之前的最后一步，HTML 5.1一致取代了HTML 5，并作为当前的HTML标准。你可以放心、安全的集成新功能，因为所有主要的浏览器厂商会在即将到来的新版本中实施该标准。
如果说HTML 5是一个开创性的发布，那么HTML 5.1则是通过一组添加，并同时取消过时的和旧的东西，进一步提高了HTML。
最明显的是<picture>元素。
当集成在Chrome，Opera，Firefox，Safari和Edge中，<picture>标签的介绍对这个元素重要性的一种确认。<picture>是一个用于指定多个<source>元素中其中一个明确的<IMG>元素的容器。浏览器会根据当前网页的布局选择合适的资源，以及它将显示在哪种设备（例如，一个普通的或retina显示器设备）上。对<picture>来说，一个比较方便的属性是srcset属性，这个属性可以让你在不同的场景下选择图片。
<picture>
<source srcset="designmodo-logo-wide.png" media="(min-width: 900px)">
<img src="designmodo-fallback.png" alt="DMD">
</picture>
显然，HTML 5.1将会删除一些元素。不像一些新闻资源引用<dialogue>增加到HTML 5.1，根据官方W3C的提议，实际上是要删除该元素。其他已删除的项包括：
· registerContentHandler(), isContentHandlerRegistered() 和 isProtocolHandlerRegistered()方法
· input元素的类型属性的日期时间值
· 自动填充机制未实现部分
· label元素不再Reassociatable
· 菜单元素的工具栏类型
· InputMode属性
虽然<dialog>被删除了，还有一些标签被建议删除，但是在新的规范中依然是可用的，不过，这些标签会被标记为“有风险”。这些元素可能会在HTML 5.2版本中被删除，如果浏览器厂商不再支持它们的话。所以，使用元素注释如<menu> 和 <menuitem>，或<keygen>标签，暂时来讲是一个好主意。
下个月HTML 5.1 将会成为标准。与此同时，W3C已经用于HTML 5.2。
补充一个很好的定义<meta name=”theme-color”>。如果你熟悉Vivaldi的话（Opera的前CEO Jon Stephenson von Tetzchner开发的一款浏览器），那你肯定喜欢它根据你所在的页面适应UI栏颜色的方式，该功能可以让开发者为网页选择一个主色，并在不同的UI场景中实现它。
从长远来看，HTML将在以一种可预见但有趣的方式进化。核心词汇和功能将会从以下4个主要方向延伸：
· 即将到来的规范如HTML 5.2
· 为适应不同规格的HTML5扩展或功能（参见SVG）
· 从原始的HTML5规范和标准单独拆下模块（参见Canvas,，通过脚本元素的绘制）
· 作为HTML5的扩展模块
via/designmodo 编译/DevStore齐刘海姑娘
原文地址：http://www.devstore.cn/new/newInfo/25668.html
TML标签规范
尽管目前浏览器都兼容HTML，但是，使网页能够符合标准，应该尽量使用XHTML规范来编写代码，需要注意以下事项：
（1）在XHTML中，标签名必须小写。在HTML中，标签名称可以大写，也可以小写。
（2）在XHTML中，属性名称必须小写。在HTML中，属性名称也必须是小写的。
（3）在XHTML中，标签必须严格嵌套；HTML对标签的嵌套没有严格的规定。
（4）在XHTML中，标签必须封闭；在HTML规范中，标签不闭合也是正确的，即标签可以不成对出现。例如，“<p>我没有结束标签”和“<p>我有开始标签和结束标签</p >”，这两条代码的显示效果，在HTML规范中是完全相同的，但是，在XHTML中，第一条语句是不允许的(不能正常显示)，必须像第二条语句那样，严格地使标签闭合。
（5）在XHTML中，即使是空元素的标签也必须封闭，这里说的空标签，就是指那些<img>、<br>、<hr>等不对称的标签，它们也必须闭合，即写作<img>、<br>、<hr/>；而在HTML.规范中，这类标签可以不封闭。例如，在HTML中书写为<img>或<img/>均是正确的，但在XHTML规范中，必须写为<img/>才正确。
（6）在XHTML中，属性值必须用双引号括起来；在HTML中，属性可以不必使用双引号。
（7）在XHTML中，属性值必须使用完整形式；在HTML中，一些属性经常使用简写方式设定属性值。例如：
<input disabled>
而在XHTML中，必须完整地写做：
<input disabled="true">
(8)在XHTML中，应该区分“内容标签”与“结构标签”。例如，<p>标签是一个内容标签，而<table>标签是结构标签，因此，不允许将<table>标签置于<p>标签内部。反之，如果将<p>标签置于<td>…</td>之间，则是完全正确的。
（9)在XHTML中，必须添加文档类型声明<！DOCTYPE>。该标签用于描述HTML的版本和文档类型声明，进行了相应的版本和文档类型声明之后，才能保证这是一个XHTML网页，从而让浏览器以相应的规范来解析网页，使网页正常显示。
常感谢人民日报整理了50个免费学习的网站，太实用了，家有学生的家长，收藏保存，不论是现在、将来都能用得到。
第一大类：【课程类名称和网址汇总】
1.【网易公开课】
中文公开课网站，不仅有国内众多公开课 TED、可汗学院等国外网站课程也有翻译。
http://open.163.com
2.【万门大学】
提供免费的高品质学习课程。
http://www.wanmen.org
3.【云课堂】
提供海量免费、优质的课程，部分课程付费。
http://study.163.com
4.【爱课程网】
集中展示“中国大学视频公开课”和“中国大学资源共享课”，是“高等学校本科教学质量与教学改革工程”支持建设的高等教育课程资源共享平台。
http://www.icourses.cn/home
5.【中国教育在线开放资源平台】
包括哈佛大学、耶鲁大学、斯坦福大学、复旦大学、浙江大学等国内外知名高校开放课程。
http://www.class.cn/index/open
6.【粉笔网】
关注全国各地知名老师并与其互动，下载原创的学习资料和题目。覆盖考研、四六级、雅思、托福、公务员考试、求职面试等。
http://www.fenbi.com
7.【MOOC学院】
点评课程，记录作业、资料和学习心得，相互探讨问题。可以在课程列表中寻找自己感兴趣的新课程。
第二大类：【知识类名称和网址汇总】
1. 【果壳网】
泛科技主题网站，提供有趣的内容，可以阅读、分享、交流、提问。
http://www.guokr.com
2. 【36氪】
提供科技以及新兴互联网公司的信息、评论和分析。
http://36kr.com
3. 【虎嗅网】
个性化商业资讯网站和交流平台
http://www.huxiu.com
4.【知乎】用提问和回答的方式，分享真实优质的知识经验和见解的社区。
http://www.zhihu.com
5、【科学松鼠会】致力于在大众文化层面传播科学的网站。 http://www.songshuhui.net
第三大类：【艺术类名称和网址汇总】
1.【豆瓣电影】
提供最新的电影介绍和影评、评分
http://movie.douban.com
2.【中国美术馆】
中国美术馆官方网站，包含艺术公开课、美术百科、精品展览等在线体验。
http://www.namoc.org
3【中华国粹网】
讨论对联、灯谜、古诗词的论坛。
http://www.zhgc.com
4、【胡来网】
全新的当代艺术在线社区，大量艺术家和艺术工作者在此建设个人主页、分享艺术作品。
http://www.hoolay.cn
5.【库克】
专注于非流行音乐发展的数字音乐图书馆，收藏海量古典音乐、各国民族风情音乐。
http://www.kuke.com
6.【好戏网】
提供戏剧推荐及城市戏剧资讯，涉及歌剧、芭蕾、话剧等多个方面。
http://www.mask9.com
第四大类：【阅读类名称和网址汇总】
1.【书格】
提起古籍问读的数空图书馆
http://shuge.org
2【十五言】
高质量的阅读和写作社区。
http://www.15yan.com
3.【豆瓣阅读】
优秀数字作品的阅读、出版平台，提供个人作者原创作品和出版社精品电子书。
http://read.douban.com
4.【读写人】
一个聚合了书评杂志、书评博客、中英文读书资源的读书网站。
http://www.duxieren.com
5.【简书】
优质原创内容社区。
http://www.ianshu.com
6.【好奇心日报】
内容精选平台，关注商业、智能、设计、娱乐等各界动态。
http://www.qdaily.com
第五大类：【数据库类名称和网址汇总】
1.【中国知网】
提供中国学术文献、外文文献、学位论文、年鉴等各类资源统一检索、统一导航、在线阅读和下载服务。
http://www.cnki.net
2.【中国科学引文数据库】
检索在国内期刊发表过的论文被引用情况。
http://sdb.csdl.ac.cn
3【CALIS高校学位论文库】
查询国内学位论文全文。
http://www.calis.edu.cn
4【世界知识产权组织】
查询国外专利文献。
http://www.wipo.int/portallen
5【中国统计网】
提供数据分析行业资讯和技能学习资料。
http://www.itongji.cn
6.【大桔灯】
在线免费分享文档平台，包括教学资料、考试题库等多领域资料。
http://www.dajudeng.com
第六大类：【IT/计算机类名称和网址汇总】
1.【51CTO】
一个专注于综合IT技术领域的在线教育平台大量免费课程可注册后在线学习。
http://www.51cto.com
2.【我要自学网】
视频教学网站，提供网页设计、PS、AE等软件的视频教程。
http://www.51zxwnet
3.【W3school】
免费的网站建设教程，内容包括基础的 HTML到XHTML，以及进阶的XML、SOL数据库、多媒体和WAP。
http://www.w3school.com.cn
4.【翼狐网】
提供Photoshop、Maya、AutoCAD等影视后期、游戏制作、工业设计应用软件的教学。
http://www.yilhuu.com
5.【慕课网】
IT技能学习平台，包含移动端开发、web前
端 html5教程等课程资源。
http://www.imooc.com
6.【Ul中国】
图形界面交互设计网站，专业的界面设计师交流、学习、展示平台。
http://www.ui.cn
第七大类：【外语类名称和网址汇总】
1.【译言网】
开放的社区翻译平台，可以提交发现的精彩外文内容、翻译原文库的文章、点评翻译作品、加入兴趣小组。
http://www.yeeyan.org
2.【扇贝单词】
实用的背单词网站
https://www.shanbay.com
3.【小语种口语网】
提供多种小语种口语练习的网站
http://www.tukkk.com
4.【魔方英语】
看电影学习英语的网站，提高口语和听力
http://www.mofunenglish.com
5.【声同小语种】
小语种学习论坛，提供泰语、西班牙语、法语阿拉伯语等语种的学习资料。
http://www.somdom.com
6.【普特英语听力】
实用的英语听力训练社区。
http://www.putclub.com
第八大类：【其他类技能类名称和网址汇总】
1.【蜂鸟网】
摄影爱好者分享摄影技巧和作品的网站
http://www.fengniao.com
2.【下厨房】
个分享实用苹谱做法和饮食知识的平台
http://www.xiachufang.com
3.【花瓣网】
一个创意收集网站，可以用它收集灵感，保存有用的素材。
http://www.huaban.com
4.【Smallpdf】
PDF格式文件在线处理网站，提供文件编辑、存储压缩、格式转换等功能。
http://smallpdf.com/cn
5.【幕布】
在线思维笔记工具，帮助整理结构化内容，构建清晰的思维逻辑。
http://mubu.io
6.【骑行者】
汇集了骑行资料和装备技术的自行车专业网站。
http://www.cyclist.cn
7【.石墨笔记】
在线协作文档工具，可以多人同时对文档编辑和评论，适合协作撰稿、方案讨论、会议记录和资料共享等工作。
http://shimo.im
以前网络媒体发布过这些网站的名字，没有标注网址，今天我把这50个【网址汇总】出来，复制网址粘贴在搜索框内，搜索出来就能用。
以上者50个网址，总有几个适合孩子和家长自己用，建议家长收藏保存备用，整理不易，期待把有价值的好资讯分享给更多需要的人，转发扩散，谢谢大家。学习资讯，教育那些事
点击下面图片，了解更多详情！
*请认真填写需求信息，我们会在24小时内与您取得联系。
