溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
文章簡介：
關(guān)于html5相信大家早已經(jīng)耳熟能詳，但是他真正的意義在具體的開發(fā)中會(huì)有什么作用呢？相對(duì)于html，他又有怎樣的新的定義與新理念在里面呢？為什么一些專家認(rèn)為html5完全完成后，所有的工作都可以達(dá)到真正的云方式呢？這一系列的問題你是否已經(jīng)想明白了呢？
本系列文章將為您一一解答你所不知道的關(guān)于html5與html中的那些事;具體會(huì)包括如：html5新的理念與想法，html5的新標(biāo)簽的用意與具體開發(fā)中場景應(yīng)用，html5與css3的感情經(jīng)歷（用法搭配），包括html5的父親html的一些小隱私（您在開發(fā)中可能不知道的事）;
回到今天的正題
今天這篇文章主要講到的您可能不知道的事有：
1)html頁面基本結(jié)構(gòu)中您所沒有注意到的內(nèi)容有那些?
2)html5中最看重的理念“語義化”相比html有什么區(qū)別？
3)網(wǎng)頁文件的命名您想到過會(huì)影響您網(wǎng)站的體驗(yàn)么？
第一個(gè)問題：
html頁面基本結(jié)構(gòu)中您所沒有注意到的內(nèi)容有那些?
下面我們看一個(gè)標(biāo)準(zhǔn)的html頁面代碼
這個(gè)是個(gè)最基本的html頁面了，你也許一看感覺熟悉的不能在熟悉了，還有什么是我不知道的呢？
如果下面我說的幾點(diǎn)您都知道那就證明您真的用心研究過html與瀏覽器了;
第一點(diǎn)：
<!DOCTYPE html>這個(gè)標(biāo)簽的用法，也許您發(fā)現(xiàn)一個(gè)html頁面您不寫這個(gè)標(biāo)簽也是正確的，為什么還要加上他呢？用途是什么呢？其實(shí)它的用途是
1、告訴瀏覽器這個(gè)文件是html文件；
2、告訴瀏覽器html的版本，
這個(gè)標(biāo)簽的寫法標(biāo)準(zhǔn)的就是我上面寫的，當(dāng)然您可以小寫瀏覽器不會(huì)出錯(cuò)，但是標(biāo)準(zhǔn)就是大寫可以說整個(gè)html
標(biāo)簽就這個(gè)doctype標(biāo)簽標(biāo)準(zhǔn)是大寫其余的標(biāo)準(zhǔn)都是小寫；當(dāng)然您也可以不按標(biāo)準(zhǔn)來畢竟html規(guī)則相對(duì)寬松；
小編認(rèn)為越是寬松的規(guī)則開發(fā)人員就應(yīng)該越按照標(biāo)準(zhǔn)來；
ps:html5中一定要有這個(gè)標(biāo)簽哦，具體的原因在后續(xù)的文章中會(huì)詳解關(guān)于改進(jìn)后的HTML5DOCTYPE;
第二點(diǎn)：
<html lang="ch"> 這個(gè)標(biāo)簽中的lang屬性，在一些頁面中并沒有這個(gè)屬性，那么它又是干什么的呢？
其實(shí)它就是告訴瀏覽器我這個(gè)頁面是什么語言的，注意是語言不是編碼格式哦，您是否見過下面的場景：
瀏覽器提示“檢測(cè)到當(dāng)前頁面為英文是否翻譯為中文 ”這個(gè)就是因?yàn)檫@個(gè)屬性造成的，目前不是所以的
瀏覽器都有這個(gè)功能的；
第三點(diǎn)：
<head>標(biāo)簽中其實(shí)都是用戶不可見的東西，他所包含的東西都是給瀏覽器或是搜索引擎用的，但是除了<title>標(biāo)簽，他是用戶在head中唯一可以看到的標(biāo)簽，說到title就先說他吧，給我們感覺好像就是一個(gè)頁面名字一樣可以顯示在瀏覽器的tag欄中；其實(shí)它對(duì)于瀏覽器來或是搜索引擎來說功能還是非常大的；
1，對(duì)瀏覽器來說title是書簽或是收藏夾默認(rèn)的名稱（一般來說 ，也有例外）
2，對(duì)搜索引擎來說，他是搜索頁面的最優(yōu)先關(guān)鍵字哦；
下面是meta標(biāo)簽的charset屬性.這個(gè)大家應(yīng)該都知道是告訴瀏覽器我們的文件的編碼字符集，但是需要我們注意的是這個(gè)字符集與你所用的開發(fā)工具字符集是不是對(duì)應(yīng)的？如果不對(duì)應(yīng)可能會(huì)出現(xiàn)亂碼的這個(gè)問題小編就遇到過，費(fèi)
了好大的勁才找到這個(gè)問題
haed中其它的一些標(biāo)簽我們?cè)谥蟮奈恼轮袝?huì)一個(gè)一個(gè)的說明今天就說這兩個(gè)吧；
第二個(gè)問題：
html5中最看重的理念“語義化”相比html有什么區(qū)別？
語義化這個(gè)概念應(yīng)該說是伴著html5應(yīng)運(yùn)而生，什么是html5 中的所的語義化？簡單來說就是"描述內(nèi)容的含義(meaning)"
比如說<p>標(biāo)簽就是段落的意思，在html5中所有的標(biāo)簽都有它看書的語義的。而沒有語義的標(biāo)簽在html中有，在html5中就沒有了；比如<font>標(biāo)簽；而html5又為了補(bǔ)充html現(xiàn)在的不足加上一些新的標(biāo)簽如article,footer,header等等；
而些標(biāo)簽的分類叫法也從“塊級(jí)元素”與“行內(nèi)元素”變成了“外圍內(nèi)容”與“短語內(nèi)容”
在html5中最基本的理念就是語義與顯示分離，html代碼中出現(xiàn)的標(biāo)簽都讓開發(fā)人員或?yàn)g覽器一看就知道是干什么用的東西，至于顯示效果那是ccs3（Cascading Style Sheet）需要干的事情,所以在html5中這個(gè)兩個(gè)好×××終于距離產(chǎn)生了美；
那么語義化以后對(duì)html文檔有什么好處么？
1.可以提升可訪問性與互操作性（兼容性會(huì)更好）
2.改進(jìn)搜索引擎的優(yōu)化
3.一般來說可以讓 html文件更小；
4.讓代碼更好唯護(hù)，與css3的關(guān)系更和諧；
第三個(gè)問題：
網(wǎng)頁文件的命名你想到過會(huì)影響你網(wǎng)站的體驗(yàn)么？
這個(gè)一聽第一感覺就是不靠譜，一個(gè)文件的名字還會(huì)影響到網(wǎng)站的體驗(yàn)？
正確的答案確實(shí)是：是的
如 :文件名：Html_First_Blog.htm 與html-first-blog.html
這個(gè)兩個(gè)文件名不管是在用戶的體驗(yàn)上與搜索引擎上都第二個(gè)完勝第一個(gè)。是不是有人會(huì)問為什么 ？？
下面我就說一下有如下幾點(diǎn)是需要我們注意的：
1，文件名需要用小寫字母：
場景就是最簡單的輸入地址吧，你認(rèn)為寫
http://192.168.0.1/TestHtml/The_First/Html5.html
方便還是寫 http://192.168.0.1/testhtml/the-first/html5.html方便呢？
這個(gè)自己體會(huì)吧
2，用短橫線分隔單詞；
大家一定會(huì)認(rèn)為，用"_"挺好，其實(shí)這是做c開發(fā)時(shí)候的寫法，也可以說是習(xí)慣，但是在網(wǎng)站中“-”是搜索引擎更喜歡的style；
3，使用標(biāo)準(zhǔn)的擴(kuò)展名：
現(xiàn)在用好多的網(wǎng)站都是用.htm的擴(kuò)展名，這個(gè)瀏覽器也不會(huì)報(bào)錯(cuò)，但是標(biāo)準(zhǔn)的擴(kuò)展名就是.html的所以大家以后寫的時(shí)候就不要省時(shí)間少寫一個(gè)字母“l(fā)”了；
記住以上幾點(diǎn)才正確的寫網(wǎng)頁文件的命名方法哦，不要把寫其它語言的方法放進(jìn)來。
今天講了一些平時(shí)我要經(jīng)常見到，但是不會(huì)去注意的地方（只是冰山一角），不知道對(duì)讀到這篇文章的您有什么幫助沒有？
其實(shí)這些細(xì)節(jié)平時(shí)如果不關(guān)注也許也不會(huì)出什么大的錯(cuò)誤，但是一個(gè)好的開發(fā)人員需要有一個(gè)好的習(xí)慣，一款好的軟件需要用良好的細(xì)節(jié)體驗(yàn)，一個(gè)好的網(wǎng)站同樣也需要更好規(guī)范與細(xì)節(jié)（您說呢？）
下次文章我們會(huì)講一些關(guān)于網(wǎng)站制作的小巧門與html的<h>標(biāo)簽的用法；也許還會(huì)有一些你所不知道的好玩的小問題，幫您解答；
感謝您的閱讀，期待下次與您見面；
轉(zhuǎn)載請(qǐng)注明出處：謝謝合作！
如果有什么不同的想法與建議，或是想第一時(shí)間獲得博客更新提醒，以及更多技術(shù)信息分享，歡迎關(guān)注個(gè)人微信公眾平臺(tái):程序員互動(dòng)聯(lián)盟(coder_online)，掃一掃下方二維碼或搜索微信號(hào)coder_online即可關(guān)注,我們可以在線交流。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
