整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
著微信小程序的發布，前端開發也會慢慢火起來，對相關從業人員而言了解一些技術動向則十分必要。
大約兩年前，用于在 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小時內與您取得聯系。
