HTML5 快速入門（1）

1、html5 快速入門（1）容易解釋：html5，市面上書籍無數(shù)，很厚很厚，也有無數(shù)大佬寫了無數(shù)文章，無數(shù)無數(shù)，多到看不完，我只寫兩篇文章概述html5常用內(nèi)容，可以為新手節(jié)約無數(shù)不須要的時(shí)光，兩篇文章主要涵蓋我開發(fā)多年常用到的功能。html5很強(qiáng)大但是在實(shí)際應(yīng)用中用到的并不多。了解常用的足以在無數(shù)項(xiàng)目中發(fā)揮威力。一些特別場(chǎng)景在自己查詢就ok，系統(tǒng)學(xué)習(xí)這兩篇我認(rèn)為就夠了在開頭進(jìn)入操作之前需要了解幾個(gè)基礎(chǔ)的概念，之后開頭用實(shí)踐來證實(shí)這些概念，并在實(shí)踐中不斷運(yùn)用。html5 是從html的升級(jí)。那么什么是html？html 是用來描述網(wǎng)頁(yè)的一種語(yǔ)言html 指的是超文本標(biāo)志語(yǔ)言 (hyper tex

2、t markup language)html 不是一種編程語(yǔ)言，而是一種標(biāo)志語(yǔ)言 (markup language)標(biāo)志語(yǔ)言是一套標(biāo)志標(biāo)簽 (markup tag)html 用法標(biāo)志標(biāo)簽來描述網(wǎng)頁(yè)對(duì)于第一次接觸的人特殊抽象，一系列讀下來，還是不懂什么是html，不要緊不懂就忘掉繁瑣的文字，漸漸說明和操作就明了了。來看點(diǎn)詳細(xì)，動(dòng)動(dòng)手，在掃瞄器中輸入 ，在空白出單機(jī)右鍵–查看，看到如下圖所示：第2快內(nèi)容就是html，里面一對(duì)一對(duì)的就是html標(biāo)簽，第3快展示的是css，css以后的文章在具體解釋。html干的事情就是在第2塊里面的內(nèi)容，哇！都是英文看懂，沒事就那么幾個(gè)標(biāo)簽，無所

3、畏懼。目前市面上在掃瞄器輸入域名，呈現(xiàn)出來的內(nèi)容99%。都是通過html渲染出來的。html里面的內(nèi)容是有什么組成的? 是標(biāo)簽（ html tag）html 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如 html 標(biāo)簽通常是成對(duì)浮現(xiàn)的，比如 和 標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開頭標(biāo)簽，其次個(gè)標(biāo)簽是結(jié)束標(biāo)簽開頭和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽展示的漢子內(nèi)容就是包含在閉合的標(biāo)簽以內(nèi)基本概念就到這里吧。動(dòng)手之后就知道了怎么回事了現(xiàn)在把上面啰啰嗦嗦的概念實(shí)現(xiàn)一下看看。我們把百度的html代碼多余的刪掉，留下結(jié)構(gòu)看看是什么樣子？怎么刪除 選中上面圖中紅四表示第2快的內(nèi)容按鍵盤上的 delete 就可以看到。留下基本結(jié)構(gòu)

4、：這就是剩下的基本內(nèi)容了，惟獨(dú)標(biāo)題其他的都沒有了；接下來我們手動(dòng)實(shí)現(xiàn)一下，打開編輯軟件，我用的是vscode, 建議你也下載一個(gè)。全部的html5 后綴名都是 ，是不是和百度簡(jiǎn)化之后的代碼一樣，到這里html你已經(jīng)基本把握了。就是上面這個(gè)結(jié)構(gòu)。一一解釋一下：是html5的標(biāo)準(zhǔn)申明，告知掃瞄器解析我的文檔并且是用html解析必需放在第一行，這個(gè)標(biāo)簽不用閉合是一個(gè)特別的標(biāo)簽僅此一行 標(biāo)簽 html全部?jī)?nèi)容都要包含在 中它是一個(gè)成對(duì)的標(biāo)簽有開頭和結(jié)束html內(nèi)容包含兩部分head 和body標(biāo)簽head 標(biāo)簽是 html的基本結(jié)構(gòu)的重要標(biāo)簽故名思議 head標(biāo)簽 表示者h(yuǎn)tml囫圇文檔的頭部，需要做

5、的事情無數(shù)比如：標(biāo)題的添加，囫圇文檔的編碼控制等等，我們漸漸完美，特點(diǎn)是無數(shù)在頭部書寫的內(nèi)容，并不會(huì)展示出來，除了標(biāo)題標(biāo)簽囫圇標(biāo)簽也是html5 最重要的元素是基礎(chǔ)的結(jié)構(gòu)全部網(wǎng)頁(yè)展示的內(nèi)容都是通過body向外展示的body也是一個(gè)成對(duì)的標(biāo)簽，全部html上用到的幾乎都是成對(duì)的標(biāo)簽 指定html囫圇文件的編碼關(guān)鍵字 先說一件事： 在百度搜尋豆瓣 然后就會(huì)看到豆瓣的名字浮現(xiàn)在百度搜尋里面，點(diǎn)擊豆瓣，就能打開豆 瓣官網(wǎng)。百度怎么搜尋到到呢？ 來動(dòng)動(dòng)手，打開豆瓣 點(diǎn)擊【右鍵】–【查看源文件】，就看到來豆瓣到html，其中有兩個(gè)地方留意觀看：這個(gè)就是我們說的關(guān)鍵字，keywords 是關(guān)鍵字存放的地方，description是對(duì)網(wǎng)站對(duì)描述，這兩個(gè)地方就是告知百度可以找到的依據(jù)，學(xué)到了吧。這些都是放在head里面，并且不會(huì)被用戶看到，head 里面的內(nèi)容還有無數(shù)無數(shù)，目前就介紹到這里，這些差不多是每個(gè)網(wǎng)站都必需用到：完整例子：在掃瞄器中打開看一下效果這個(gè)標(biāo)簽也比價(jià)常用。是注解的意思，怎么用，比如 這個(gè)內(nèi)容在掃瞄器看不