你所不知道的html5與html中的那些事（一）-創(chuàng)新互聯(lián)

你所不知道的html5與html中的那些事（一）

梧州ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

文章簡介：

關于html5相信大家早已經耳熟能詳，但是他真正的意義在具體的開發(fā)中會有什么作用呢？相對于html，他又有怎樣的新的定義與新理念在里面呢？為什么一些專家認為html5完全完成后，所有的工作都可以達到真正的云方式呢？這一系列的問題你是否已經想明白了呢？

本系列文章將為您一一解答你所不知道的關于html5與html中的那些事;具體會包括如：html5新的理念與想法，html5的新標簽的用意與具體開發(fā)中場景應用，html5與css3的感情經歷（用法搭配），包括html5的父親html的一些小隱私（您在開發(fā)中可能不知道的事）;

回到今天的正題

今天這篇文章主要講到的您可能不知道的事有：

1)html頁面基本結構中您所沒有注意到的內容有那些?

2)html5中最看重的理念“語義化”相比html有什么區(qū)別？

3)網(wǎng)頁文件的命名您想到過會影響您網(wǎng)站的體驗么？

第一個問題：

html頁面基本結構中您所沒有注意到的內容有那些?

下面我們看一個標準的html頁面代碼

你所不知道的html5與html中的那些事（一）

這個是個最基本的html頁面了，你也許一看感覺熟悉的不能在熟悉了，還有什么是我不知道的呢？

如果下面我說的幾點您都知道那就證明您真的用心研究過html與瀏覽器了;

第一點：

<!DOCTYPE html>這個標簽的用法，也許您發(fā)現(xiàn)一個html頁面您不寫這個標簽也是正確的，為什么還要加上他呢？用途是什么呢？其實它的用途是

1、告訴瀏覽器這個文件是html文件；

2、告訴瀏覽器html的版本，

這個標簽的寫法標準的就是我上面寫的，當然您可以小寫瀏覽器不會出錯，但是標準就是大寫可以說整個html

標簽就這個doctype標簽標準是大寫其余的標準都是小寫；當然您也可以不按標準來畢竟html規(guī)則相對寬松；

小編認為越是寬松的規(guī)則開發(fā)人員就應該越按照標準來；

ps:html5中一定要有這個標簽哦，具體的原因在后續(xù)的文章中會詳解關于改進后的HTML5DOCTYPE;

第二點：

<html lang="ch"> 這個標簽中的lang屬性，在一些頁面中并沒有這個屬性，那么它又是干什么的呢？

其實它就是告訴瀏覽器我這個頁面是什么語言的，注意是語言不是編碼格式哦，您是否見過下面的場景：

瀏覽器提示“檢測到當前頁面為英文是否翻譯為中文 ”這個就是因為這個屬性造成的，目前不是所以的

瀏覽器都有這個功能的；

第三點：

<head>標簽中其實都是用戶不可見的東西，他所包含的東西都是給瀏覽器或是搜索引擎用的，但是除了<title>標簽，他是用戶在head中唯一可以看到的標簽，說到title就先說他吧，給我們感覺好像就是一個頁面名字一樣可以顯示在瀏覽器的tag欄中；其實它對于瀏覽器來或是搜索引擎來說功能還是非常大的；

1，對瀏覽器來說title是書簽或是收藏夾默認的名稱（一般來說，也有例外）

2，對搜索引擎來說，他是搜索頁面的最優(yōu)先關鍵字哦；

下面是meta標簽的charset屬性.這個大家應該都知道是告訴瀏覽器我們的文件的編碼字符集，但是需要我們注意的是這個字符集與你所用的開發(fā)工具字符集是不是對應的？如果不對應可能會出現(xiàn)亂碼的這個問題小編就遇到過，費

了好大的勁才找到這個問題

haed中其它的一些標簽我們在之后的文章中會一個一個的說明今天就說這兩個吧；

第二個問題：

html5中最看重的理念“語義化”相比html有什么區(qū)別？

語義化這個概念應該說是伴著html5應運而生，什么是html5 中的所的語義化？簡單來說就是"描述內容的含義(meaning)"

比如說<p>標簽就是段落的意思，在html5中所有的標簽都有它看書的語義的。而沒有語義的標簽在html中有，在html5中就沒有了；比如<font>標簽；而html5又為了補充html現(xiàn)在的不足加上一些新的標簽如article,footer,header等等；

而些標簽的分類叫法也從“塊級元素”與“行內元素”變成了“外圍內容”與“短語內容”

在html5中最基本的理念就是語義與顯示分離，html代碼中出現(xiàn)的標簽都讓開發(fā)人員或瀏覽器一看就知道是干什么用的東西，至于顯示效果那是ccs3（Cascading Style Sheet）需要干的事情,所以在html5中這個兩個好×××終于距離產生了美；

那么語義化以后對html文檔有什么好處么？

1.可以提升可訪問性與互操作性（兼容性會更好）

2.改進搜索引擎的優(yōu)化

3.一般來說可以讓 html文件更小；

4.讓代碼更好唯護，與css3的關系更和諧；

第三個問題：

網(wǎng)頁文件的命名你想到過會影響你網(wǎng)站的體驗么？

這個一聽第一感覺就是不靠譜，一個文件的名字還會影響到網(wǎng)站的體驗？

正確的答案確實是：是的

如 :文件名：Html_First_Blog.htm 與html-first-blog.html

這個兩個文件名不管是在用戶的體驗上與搜索引擎上都第二個完勝第一個。是不是有人會問為什么？？

下面我就說一下有如下幾點是需要我們注意的：

1，文件名需要用小寫字母：

場景就是最簡單的輸入地址吧，你認為寫

http://192.168.0.1/TestHtml/The_First/Html5.html

方便還是寫 http://192.168.0.1/testhtml/the-first/html5.html方便呢？

這個自己體會吧

2，用短橫線分隔單詞；

大家一定會認為，用"_"挺好，其實這是做c開發(fā)時候的寫法，也可以說是習慣，但是在網(wǎng)站中“-”是搜索引擎更喜歡的style；

3，使用標準的擴展名：

現(xiàn)在用好多的網(wǎng)站都是用.htm的擴展名，這個瀏覽器也不會報錯，但是標準的擴展名就是.html的所以大家以后寫的時候就不要省時間少寫一個字母“l(fā)”了；

記住以上幾點才正確的寫網(wǎng)頁文件的命名方法哦，不要把寫其它語言的方法放進來。

今天講了一些平時我要經常見到，但是不會去注意的地方（只是冰山一角），不知道對讀到這篇文章的您有什么幫助沒有？

其實這些細節(jié)平時如果不關注也許也不會出什么大的錯誤，但是一個好的開發(fā)人員需要有一個好的習慣，一款好的軟件需要用良好的細節(jié)體驗，一個好的網(wǎng)站同樣也需要更好規(guī)范與細節(jié)（您說呢？）

下次文章我們會講一些關于網(wǎng)站制作的小巧門與html的<h>標簽的用法；也許還會有一些你所不知道的好玩的小問題，幫您解答；

感謝您的閱讀，期待下次與您見面；

轉載請注明出處：謝謝合作！

如果有什么不同的想法與建議，或是想第一時間獲得博客更新提醒，以及更多技術信息分享，歡迎關注個人微信公眾平臺:程序員互動聯(lián)盟(coder_online)，掃一掃下方二維碼或搜索微信號coder_online即可關注,我們可以在線交流。

你所不知道的html5與html中的那些事（一）

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前標題：你所不知道的html5與html中的那些事（一）-創(chuàng)新互聯(lián)
轉載注明：http://aaarwkj.com/article46/csodhg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、建站公司、服務器托管、虛擬主機、Google、微信公眾號

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

你所不知道的html5與html中的那些事（一）-創(chuàng)新互聯(lián)