建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
vs2010怎么開(kāi)發(fā)html5，有沒(méi)有哪里詳細(xì)教程？
html5 是一種標(biāo)準(zhǔn)啊，全部都是文本代碼，可以用任何的可以寫(xiě)文本的軟件去開(kāi)發(fā)啊。你用vs2010，寫(xiě)字板，文本，DR都可以去開(kāi)發(fā)，保存的文件只要是.html或者是.htm .asp. php 都是可以的呀。沒(méi)有什么固定軟件去開(kāi)發(fā)的。 你要是想學(xué)習(xí)html5的話就就像樓上說(shuō)的 ，去W3School，最權(quán)威的網(wǎng)站。本回答由 睿典()回答。
成都創(chuàng)新互聯(lián)公司主要業(yè)務(wù)有網(wǎng)站營(yíng)銷(xiāo)策劃、成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、微信公眾號(hào)開(kāi)發(fā)、微信小程序開(kāi)發(fā)、H5開(kāi)發(fā)、程序開(kāi)發(fā)等業(yè)務(wù)。一次合作終身朋友，是我們奉行的宗旨；我們不僅僅把客戶(hù)當(dāng)客戶(hù)，還把客戶(hù)視為我們的合作伙伴，在開(kāi)展業(yè)務(wù)的過(guò)程中，公司還積累了豐富的行業(yè)經(jīng)驗(yàn)、全網(wǎng)整合營(yíng)銷(xiāo)推廣資源和合作伙伴關(guān)系資源，并逐漸建立起規(guī)范的客戶(hù)服務(wù)和保障體系。
vs2010使用html5的問(wèn)題。
1、啟動(dòng) Visual Studio 2010。
2、在“文件”菜單中，依次選擇“新建”和“項(xiàng)目”。將打開(kāi)“新建項(xiàng)目”對(duì)話框。在 Visual Basic 或 Visual C# 中選擇“WEB應(yīng)用程序”，然后將其命名為“HTML5Template”。單擊“確定”。
3、在這個(gè)項(xiàng)目中添加下面這些文件。
兩個(gè)分別放置js和css的文件夾：css、js
HTML5基本模板頁(yè)：index.html
jQuery：jquery-1.4.2.min.js
Modernizr ：modernizr-1.5.min.js
HTML5 樣式文件：html5reset.css
一個(gè)空的css文件：style.css
如何用VS2010或者VS2015創(chuàng)建一個(gè)Html5的網(wǎng)站工程
Html5 與網(wǎng)站無(wú)直接關(guān)系
Html5 需要有相應(yīng)的瀏覽器支持
IE 直到 11 才算全面支持 Html5，所以說(shuō)用 VS 開(kāi)發(fā) HTML5 網(wǎng)站，我看懸
vs2010里面的視圖怎么完美支撐HTML5
關(guān)于VS里的設(shè)計(jì)模式顯示不正常的問(wèn)題，是有多方面的，但這個(gè)問(wèn)題并不是任何時(shí)候都需要解決。
下面分別說(shuō)明幾種常見(jiàn)的：
1、動(dòng)態(tài)代碼引起的預(yù)覽不正確。
比如我做了簡(jiǎn)單的導(dǎo)航條效果：
，我在單獨(dú)的css文件里寫(xiě)了樣式，但是因?yàn)槟撤N需要，我的css文件加載是代碼寫(xiě)進(jìn)去的。比如：
這時(shí)候，如果切換到設(shè)計(jì)視圖下，由于css的地址是一個(gè)變量，或者是需要代碼執(zhí)行出來(lái)才有結(jié)果的，設(shè)計(jì)視圖不可能知道此時(shí)css的地址是什么，自然也就沒(méi)有辦法正確的載入css文件。所以預(yù)覽的效果就變成了：
但實(shí)際上，我運(yùn)行出來(lái)，正確執(zhí)行之后的效果是：
這是不是挺像你截圖里描述的效果？從你的截圖來(lái)看，你所有的樣式都沒(méi)有顯示出來(lái)，因?yàn)閏ss文件在預(yù)覽的時(shí)候無(wú)法加載，執(zhí)行之后，在生成頁(yè)面的時(shí)候變量解釋成了正確的地址之后效果就正確了。
所以我首先懷疑你的頁(yè)面里，css連接的部分使用了某些動(dòng)態(tài)的代碼來(lái)實(shí)現(xiàn)。
如果是這樣，這個(gè)問(wèn)題根本就沒(méi)有解決的必要。原因前面也說(shuō)了，你怎么能要求vs去猜你的變量在還沒(méi)運(yùn)行時(shí)候的值呢？這才是變量的意義。
2、html代碼的兼容性問(wèn)題。
我們知道html有過(guò)好幾個(gè)標(biāo)準(zhǔn)，而且不同的瀏覽器內(nèi)核之間支持的部分還不完全相同。而vs中使用的是ie的內(nèi)核。和你在谷歌瀏覽器中看到的效果有出入是很常見(jiàn)的問(wèn)題。
比如同樣的一個(gè)代碼：
在IE和谷歌瀏覽器下運(yùn)行出來(lái)的效果你看到差別在哪了嗎？
毫無(wú)疑問(wèn)的，VS的設(shè)計(jì)模式的確是使用的IE內(nèi)核，請(qǐng)看設(shè)計(jì)模式下的預(yù)覽：
所以，如果你的代碼中存在這些兼容性不好的寫(xiě)法，那么是會(huì)出現(xiàn)一些不一致的。小的排版問(wèn)題在內(nèi)容比較多的頁(yè)面里會(huì)產(chǎn)生一些互相的擠壓和移位。導(dǎo)致整體頁(yè)面變得亂七八糟。
如果是這種情況，那么你可以解決它，你要找到出問(wèn)題的地方，替換成更兼容的寫(xiě)法。
3、html5和css3，以及可視化編輯器的問(wèn)題
由于IE從IE9開(kāi)始才能較好的支持HTML5和CSS3（但是還是比不上谷歌和FF），所以如果你的頁(yè)面主要是以這些新的技術(shù)為主的話，那么確實(shí)在設(shè)計(jì)視圖下可能會(huì)出現(xiàn)預(yù)覽不對(duì)的情況。
但是我想說(shuō)的是，可視化的編輯器始終只是一個(gè)參考，特別是VS，他的設(shè)計(jì)模式主要是方便開(kāi)發(fā)人員拖放一些服務(wù)器控件上來(lái)，和調(diào)整他們的大致位置（一些容器控件的包含之類(lèi)的），VS本身也在設(shè)計(jì)視圖的時(shí)候加入了大量的輔助線框和一些占位的但是最后不會(huì)顯示出來(lái)的東西。所以基本上不會(huì)有哪個(gè)成熟的開(kāi)發(fā)人員真的會(huì)用設(shè)計(jì)視圖來(lái)完成UI設(shè)計(jì)。
應(yīng)該這樣講，這個(gè)設(shè)計(jì)視圖的最大作用是用來(lái)參考，但不必太在意其中的細(xì)節(jié)，該有的東西有了，互相之間的包含關(guān)系對(duì)了，剩下的就看運(yùn)行出來(lái)的效果。最終效果始終是以運(yùn)行出來(lái)后瀏覽器的效果為基準(zhǔn)，所以一般都是直接在vs里調(diào)整html源碼，然后運(yùn)行了看效果。
4、總結(jié)
雖然你的問(wèn)題問(wèn)的是，有什么辦法能讓VS里的內(nèi)核切換成谷歌瀏覽器里的效果。
但是看了我上面的分析，我想你應(yīng)該明白，這個(gè)問(wèn)題的本質(zhì)不在于用什么內(nèi)核來(lái)預(yù)覽，你只要夠理解你自己寫(xiě)的代碼，你就不用擔(dān)心它在這里顯示成什么樣。
你應(yīng)該關(guān)心的是，運(yùn)行出來(lái)后，把地址復(fù)制到谷歌瀏覽器，IE，F(xiàn)irefox甚至是safari中，看看頁(yè)面的表現(xiàn)是否相差不大。
既然VS里的內(nèi)核是IE的，你為什么不在IE下看看運(yùn)行出來(lái)是否也是設(shè)計(jì)視圖的這個(gè)樣子呢？
如果也是這樣亂亂的，請(qǐng)確認(rèn)你使用的是IE9以上的版本，和保證你的代碼兼容性。
明白了嗎？不要糾結(jié)這個(gè)問(wèn)題了。
網(wǎng)頁(yè)標(biāo)題：vs2010html5,vs2017html
新聞來(lái)源：http://fisionsoft.com.cn/article/dssijje.html
