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