天給大家推薦這個HTML5開發手冊,希望能幫助正在學習web前端的人,鄙人也是剛學習前端沒多久,借助于一點資訊平臺能夠結識更多前端大牛,這是我的HTML5進階學習一點資訊群:250777811,里面有很多大牛隨時解答學習問題,每天晚上休息的時候還有免費的企業項目解決,歡迎初學者和進階的伙計申請加入。
1、HTML5中文手冊
通過制定如何處理所以HTMl元素以及如何從錯誤中恢復的緊缺規則,HTML5改進了互操作性,并2減少了開發成本。HTML5中的新特性包括了嵌入音頻、視頻和圖形的功能,客戶端數據存儲,以及交互式文檔。
2、 CSS完全參考手冊3.0下載
3、JavaScript參考手冊
JavaScript 本地對象和內置對象 Browser 對象(BOM)、 HTML DOM 對象 、JavaScript 對象參考手冊 本參考手冊描述每個對象的屬性和方法,并提供實例。
4、jQuery 1.4參考手冊
2010年1月22日,更新至JQuery 1.4版本,本版是參考shawphy的1.4在線版本制作,更新了好多以前的內容,以前沒仔細核對過,發現之前網上流行的chm版本基本都基于1.2的,1.3的內容很多都沒加進去,這次都補全了。用*標注了1.3版本新加的內容,@標注1.4新加的內容,方便大家查看。
5、Ajax中文手冊
AJAX是一種運用JavaScript和可擴展標記語言(XML),在網絡瀏覽器和服務器之間傳送或接受數據 的技術。AJAX可以用來和數據端進行數據的交互聯通。AJAX可以用來創建更多交互式的網絡應用程序。
6、Bootstrap3參考手冊
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規范,它即是由動態CSS語言Less寫成。
全部HTML5手冊內容都已經上傳群文件了250777811
關注悟空頭條,每日收獲HTML5學習干貨,傳播正能量,吾有本頭條!
念:
HTML5 是HTML、XHTML 以及 HTML DOM 的新標準(推薦標準)。
語法:
根據HTML5設計化繁為簡的準則,文檔類型和字符說明都進行了簡化:
<!DOCTYPE html> <meta charset='UTF-8'> .......
HTML5元素
HTML5定義了一組新的語義化標記來描述元素的內容。
header 標記頭部區域的內容。 footer 標記腳部區域的內容 section 頁面中的一塊區域 article 獨立的文章內容 aside 相關內容或者引文 nav 導航類 video:定義視頻,比如 電影片段或其他視頻流 <video src='movie.ogg' controls='controls'>video元素</video> audio:定義音頻,比如音樂或其他音頻流 <audio src='audio.wav'>audio元素</audio> ...........
HTML5其他功能
HTML5引入了一種用于用于查找頁面DOM元素的selectors API。
document.querySelector("#demo")--->返回文檔中匹配指定 CSS 選擇器的第一個元素。 document.querySelectorAll("#demo")--->返回文檔中匹配指定 CSS 選擇器的所有元素。
html5文檔結構代碼
html5 有什么神奇? 就是進化的一套標準。
我是不是整理的都好初級,不過整理即鞏固加回憶,只要是好好學習,那么時間就不是浪費,那么道路就一定是正確的!!加油啊 小果凍de邁阿密!!
天發了一篇干貨,似乎沒人看,好吧,我們來說說技術吧。
HTML5專題是隨性更新,不一定每天更新這個專題。
一個HTML5文檔的最簡單結構是:
結構
相比常規的html更為精簡
<header><section><footer><nav><article><aside>
1、頁眉header、整個頁面的頭部
2、正文article、博文或者新聞的展現
3、頁腳footer、一般用于呈現頁面底部的相關信息,可以放在body最下面,也可以放在article的最下面,只要記住它的作用是呈現其他信息,且不能相互嵌套
4、導航nav、可以出現在header,也可以出現在footer,也可以出現在section,只要保證語義化,即用作導航功能,如配合footer就可以表示為如下形式
5、側邊欄aside、用于頁面上一些與主題聯系不大而相對獨立的區域,通常用于邊欄,例如展示以下內容:快速鏈接、最多訪問、登錄注冊等
6、文檔中的節section、通常表示一段專題性的內容,一般會帶有標題,應用的典型場景有文章的章節、標簽對話框中的標簽頁、或者論文中有編號的部分,section可以說語義化強于div,但是弱于article,也可以這么說吧,article標簽是特殊的section,section是特殊的div,語義遞減。對于 section 和 article 的區分乍看比較難,其實重點就是看看這段內容脫離了整體是不是還能作為一個完整的、獨立的內容而存在,這里面的重點又在完整身上。因為其實說起來 section 包含的內容也能算作獨立的一塊,但是它只能算是組成整體的一部分,article 才是一個完整的整體。
那么section所用到的結構可以如下幾種形式:
①
②
通過上面可以看出,section可以應用的場景很多,但是需要注意的就是保證語義化。
通過第三點所列出的標簽,可以對網站的大綱做一個總結,并不代表正確的大綱就是如此,但是可以起到借鑒作用。
當然了,頁面結構的設計完全取決于開發人員,但是為了更好的體現HTML5的語義化原則,清楚的認識每個標簽所代表的語義就很重要,這里所列出的文檔結構只是一種代表,在<section>里面可以包含更多的新的標簽,諸如<figure><video><hgroup>等,都需要根據需求來確定。
對于使用不支持HTML5的瀏覽器的用戶,同樣有解決的辦法:
可以在<head></head>內部以注釋的形式(這樣的注釋只對IE(包括那些國產的IE內核的瀏覽器)有效)引用這樣一個js,它托管在Google開源服務器上,它可以讓IE8及以下版本的ie也支持那些新的html5標簽(包括IE6).
以上全部還必須使用CSS形成自己的樣式,所謂語義,僅僅是開發人員在查看的頁面的時候可以很清晰的知道頁面結構,何處為頭部何處為內容。
更多前端小知識,盡在https://blog.imcyk.com
*請認真填寫需求信息,我們會在24小時內與您取得聯系。