HTML5*boilerplateHTML5样板AROCK-SOLIDDEFAULTFORHTML5AWESOME.
HTML5固定默认值I'mnewhere:plzexplainwhyit'ssoawesome,first.
点击这里,了解最新特性DOWNLOADBOILERPLATE1.
0UPDATEDMAR21ST下载样板1.
0更新于3月21日BOILERPLATEDOCUMENTEDKEEPTHEHINTSANDLINKS存档样板保存提示和链接ORBOILERPLATE"STRIPPED"NOCOMMENTS,JUSTTHEBIZNISS.
或者分块样板无评论,只有**ORBOILERPLATECUSTOM100%HIPSTER.
NEW!
或者定制样板超棒.
最新!
READTHEDOCS阅读文稿CONTRIBUTEONGITHUB在GITHUB投稿COMMENTHERE在这里评论FOLLOWONTWITTER在TWITTER上留言JOINTHEMAILINGLIST加入邮件列表HTML5BOILERPLATEIS1.
0!
HTML5样板1.
0!
Monday,March21,20112011年3月21日星期一AlongwithHTML5Boilerplate'srocksolidcommitmenttocross-browserconsistency,H5BPbringsyoudeliciousdocumentation,asiteoptimizingbuildscript,andacustomboilerplatebuilder.
Inadditiontothis,wenowsupportlighttpd,GoogleAppEngine,andNodeJSwithoptimizedserverconfigurations(alongwithApache,Nginx,andIIS)andwe'vereducedtheoverallsizeofthepublishedboilerplateby50%.
随着HTML5的样板对跨浏览器一致性的坚决支持,H5BP为您带来优秀文档,优化构建脚本网站,和自定义样板建设者.
除了这个,我们现在支持的lighttpd,谷歌应用程序引擎,优化服务器配置的NodeJS(以及与Apache,Nginx,和IIS),我们已经减少了已发表样板总体规模的50%.
Quicklylookupthewhyofeverythingyousee.
快速查找原因DOCS!
文档!
Wenowhaverathercomprehensivedocumentation,contributedbythecommunityanddesigned/implementedbyMickaelDaniel.
Youcanaddtoityourselvesifyoulike.
我们现在有比较全面的文档,这些是由社区提供的,并由迈克尔丹尼尔设计和实施.
如果您喜欢,您可以自行添加.
Feelfreetodiginifyou'reallWTFoveraparticularbitofcode.
Welikelyhavealreadydocumentedwhatisgoingonandwhyit'sagoodidea.
Somepagesyou'llenjoythereadthrough:TheMarkup,TheStyle,MakeItBetter,andGettingStarted.
Wealsonowhaveseveralvideostowalkyouthroughthisstuff.
如果你对一段特定代码非常了解,那么尽情钻研吧.
我们可能已经记录了它的过程和优势所在.
你可能会喜欢通读一些页面:标记,风格,优化,和启动.
我们现在也有一些视频来讲述这些.
SatisfyperformancemetricstoolslikeYSlowandPageSpeedeasily.
容易满足性能矩阵工具,像YSlow和PageSpeed.
BOILERPLATEBUILDSCRIPT样板构建脚本TheBoilerplatebuildscriptisreadyforprimetime.
YouknowallthosesiteoptimizationtricksthatSteveSouderstellsyouisagoodideaYou'refourkeystrokesawayfromnailinga100%onthem.
Nowyoucan:样板构建脚本在初始时间已经备好.
您了解所有SteveSouders传授的网站优化技巧吗您已经是个专家了.
现在您可以:Combinesandminifiesjavascript(viayuicompressor)组合并最小化JAVA脚本(通过yui压缩机)CombinesandminifiesCSS组合并最小化CSSOptimizesJPGsandPNGs(withjpegtran&optipng),saving15-50%ofpageweight优化JPGs和PNGs(用jpegtran和optipng),节省页面量的15-50%Removesdevelopmentonlycode(anyremainingconsole.
logfiles,profiling,testsuite)删除开发唯一代码(所有剩余的console.
log文件,分析,测试套件)Basictoaggressivehtmlminification(viahtmlcompressor)基于高效html最小化(通过html压缩机)Revisesthefilenamesofyourassetssothatyoucanuseheavycaching(1yearexpires)withoutcacheconflicts.
修改资产文件名以便使用无缓存冲突的重缓存(一年期)Upgradesthe.
htaccesstouseheaviercaching更新.
htaccess以使用更重的缓存UpdatesyourHTMLtoreferencethesenewhyper-optimizedCSS+JSfiles更新HTML以引用这些新的高优化CSS+JS文件UpdatesyourHTMLtousetheminifiedjQueryinsteadofthedevelopmentversion更新您的HTML以使用精简版jQuery而不是开发版RemoveunneededreferencesfromHTML(likearootfolderfavicon)从HTML中删除不必要的引用(如根文件夹网站图标)buildaccordingtowhatenvironmentyouwant:production,testordevelopment根据你想要的环境构建:生产,测试或开发Togetherwiththeserverconfigurations(likethe.
htaccess),we'veseenreductionsoftotalpageweightfrom120kto30k.
WeguaranteeA-levelperformancewithYSlowandGooglePageSpeedwhenusingthebuildscriptalongwiththeserverconfigs.
(Okay,maybenot"guarantee",butyourparentswillbereallyproudofyou.
:)owncustomboilerplatetoyourdelight.
加上服务器配置(如.
htaccess),我们已经把页面大小从120k减到30k.
在使用带有服务器配置的构建脚本时,我们用Yslow和GooglePageSpeed保证A级性能.
(好吧,也许不是"保证",但你的父母会为你感到骄傲).
自己定制的样板让你高兴.
BOILERPLATECUSTOMOhhellyes.
Youaskedforit,nowyouhaveit:acustombuilder!
YoumighthavespottedInitializrbyJonathanVerrecchia.
We'veintegrateditintotheproject,sonowyouhavecompletecontroltochooseonlywhatyouwant.
自定义样板你要求的自定义生成器现在有了!
你可能已经用JonathanVerrecchia发现了Initializr.
我们已经把它集成到项目中,因此现在你可以选择你想要的完全控件.
Choosewhatkindofconditionalclassesyouwant:none,oldIEorallIEversions选择你想要的条件类:无,旧版IE或者所有版本的IEDoyouwanthandheldstylesNowyoucanchoose!
你想要手持风格吗现在你可以选择了!
IfyouwouldlikejQueryminifiedversion,youcanhaveitornothavejavascriptorjQueryalltogether.
如果您想要精简版jQuery,你可以有或没有JavaScript或jQuery.
Lovehtml5shivNowyoucanusethatinsteadofmodernizr喜欢html5shiv吗现在你可以用它代替modernizrConfigfilesforIIS,Nginixornoneavailabletochoosefrom为IIS和Nginix配置文件或无可选择IfGoogleAnalyticsisnotyourthing,youcanchoosetonothaveit如果GoogleAnalytics不适合你,你可以选择不要它Now,asidefromdocs,thebuildscript,andtheinitializr,we'vegotabunchofenhancementsinthebaseboilerplate:现在,除了文档,构建脚本,和initializr,我们已经有了基本样板的许多改进:BUILDSCRIPT构建脚本MassiverewritesoyoucandefinewhichHTML,CSS,JSfilestooperateoninyourconfigurableproject.
propertiesfiles.
Thisallowsyoutoletthebuildscriptoperateonveryuniquefolderarchitecture,includingnon-H5BPprojects.
大规模重写,因此你可以在可配置的project.
properties文件中定义要操作的HTML,CSS,JS文件.
这可以让你将构建脚本在特定文件夹结构上操作,包括非H5BP项目.
Environmentsaredefinable.
环境是可定义的.
htaccessExpiresheadersareupgradedto1year,asthefilenamesarerevvedhtaccessExpires头文件升级到一年,因为文件名revvedAddedasourcedirectoryoptioninthebuildconfig,soyoursourcefilescanbeinadifferentdirectoryfromthefinalgeneratedfiles(usefulforotherCMSes/frameworkslikeDjango).
在生成的配置中添加源目录选项,因此源文件可以与最终生成文件在不同的目录中(对其他CMSes/frameworks像Django有用).
INDEX.
HTMLWeuseaprotocol-relativeurlforthejQueryinclude,topreventthemixedcontentwarning.
Theorderoftags,,andcharsethasbeendocumentedmoreextensivelynow.
TL;DR:Youaresafetousetheboilerplate'sorderoftags.
We'veshorteneduptheGoogleAnalyticssnippet.
AddedanARIAroleattributetodiv#main.
Thisassumesyourmaincontentgoeswithinthatcontainer.
我们使用了包括jQuery的协议相关URL,以防止混合内容的警告.
标签,和字符集的秩序,已被更广泛地记录.
TL;DR:你可以安全使用样板标记的顺序.
我们已经缩短了谷歌分析片段.
增加一节ARIA角色属性到div#main.
假设你的主要内容在容器内.
IE9doesn'tgetitsownconditionalclass!
Yay!
IE9没有自己的条件类.
STYLE.
CSSAdded.
focusablehelperclassthatextends.
visuallyhiddentoallowtheelementtobefocusablewhennavigatedtoviathekeyboard.
通过键盘来导航时,添加.
focusable辅助类,扩展.
visuallyhidden以聚集元素.
Anchorlinksarenolongerreset.
BasicallyourresetistheeffectivelymergedwithEricMeyer'srecentCSSresetupdateandalsotheHTML5Doctorreset.
目标链接不再重置.
我们的复位基本上是有效和最近EricMeyer的CSS重置更新合并,HTML5医生复位.
Anunorderedlistwithinanavelementwillnolongerhaveamargin.
nav元素内无序列表将不再有边距.
Allhelperclassesarenowafterprimarystylestoensurecorrectoverridesandnotbeburdenedwithresets.
所有辅助类是现在的主要样式,以确保正确的覆盖,而不负担重置.
.
visuallyhiddenisnolongercamelCase,astobeconsistentwithotherclassnameformats.
.
visuallyhidden不再是camelCase,与其他类名格式一致.
Updatedthespecificityof.
visuallyhiddenruletomakesureitoverridesallotherdeclarations.
更新.
visuallyhidden规则的特殊性,以确保它覆盖所有其他声明.
Removedresetonimageelementswithintablecellsastheylookuglyalongsidemultilinetexts.
Browsersdefaulttobaselinealignmentforimageswhichworksbetterthantopalignment.
删除表格单元格内的图像元素复位,因为它们与多行文本一起看起来不美观.
对图像来说默认浏览器基线对齐比顶端对齐更好.
Increasedmargin-leftonol,toallowfor2-digitlistnumbers.
增加左边距,允许两位列表数字AddedaprintresetonIE'sproprietaryfilters.
增加了对IE的专有过滤器打印重置Printstylesnolongerprintshashlinksorjavascriptlinks.
打印样式不再打印哈希链接或JavaScript链接.
Updatedsub/supcsstomakethemnotbeimpactedbyline-height,sonowyoucandosub/superscriptswithoutworrying.
更新sub/supCSS,使他们不会被线高度影响,所以现在你也可以无顾虑地做下标/上标.
PROJECT工程Addedahumans.
txtsoyoucanclarifyauthorshipandtoolsused添加humans.
txt使得你可以分类作者和使用工具RemovedYUIprofiling.
Youprobablyweren'tusingitanyway.
删除YUI属性,您可能不用.
RemovedQUnit'sunittests.
Thereisnoneedtoshipwiththem,really.
删除Qunit的单元测试.
真没必要运行.
WEBSERVERCONFIGS网络服务器设置.
HTACCESS.
htaccessisfarmoredocumentednow.
Takeareadthroughit!
.
htaccess现在已记录完了.
建议通读一下.
Changedmimetypeof.
icofilesto"image/x-icon".
改变.
ico文件的mimetype为"image/x-icon".
HTMLManifestfilesnowuse.
appcacheextensioninsteadof.
manifest,asperhttp://html5.
org/r/5812.
HTML证明文件使用.
appcache扩展,而不是.
manifest,参见http://html5.
org/r/5812Forcedeflateforaccept-encodingheadersmangledbyturtletappers,courtesyofYahoo!
'sresearch带有turtletappers的接收-解码头文件的力缩小,Yahoo!
研究的帮助Wenerfedsomeofthedirectivesincaseyou'reonserverwithoutmod_headers.
(Whichistotallycrazy,man)我们冲撞一些指令以防您在服务器上没有mod_headers.
Blockaccessto.
gitand.
svnfolders.
块登陆到.
git和.
svn文件夹.
EradicatingChrome'sconsolewarningonWOFFfontdownloads.
删除在WOFF字体下载上的Chrome警示Moreoptimizationsavailableifyousetthe.
htaccessdetailsupinyourhttpd.
conf如果在httpd.
conf中设置.
htaccess细节,就有更多优化.
htaccessnowcaches.
htcfiles.
htaccess缓存.
htc文件Movedallserverconfigurations(exceptapache's.
htaccess)overtothenewhtml5-boilerplate-server-configsrepo.
HeadoverthereifyouarenotusingApache.
移动所有服务器配置(除了apache的.
htaccess)到新的html5样板服务器配置repo.
如果您不用Apache,悬挂在那里.
Updated.
htaccessandmime.
typesforoggformats.
更新.
htaccess和mime.
types到ogg格式.
FixedregressionwhereEOTfontshadbeenexcludedfromDEFLATEcompression固定复原其中EOT字体已从DEFLATE压缩中排除Apacheversionindependence:Usemod_filterforcompression,withfallbacktoAddOutputFilterByTypedirectiveforlegacyversionsApache版独立性:使用mod_filter来压缩,退回到继承版本的AddOutputFilterByType指令Addedplugin/extensionmimetypesforSafari,Chrome,Firefox添加Safari,Chrome,Firefox的plugin/extensionmimetypesNGINXCleanedupcacheexpiresdirectives.
清除缓存过期指令NowincludesSVGandfontformatsforgzipping.
现在包含gzipping的SVG和字体格式expiresheaderbugfixed.
过期头文件bugfixed.
IISAddedFlashvideomimetypestoIISserver添加Flashvideomimetypes到IISserverFixedsomemimetypeweirdnessthatwaspreventingpropercaching固定一些mimetypeweirdness以防止合适的缓冲AlsoGoogleAppEngine,Lighttpd,andNodeJSconfigurationswereadded添加GoogleAppEngine,Lighttpd,和NodeJS配置Basicallyalotofgreatupdatesweremadefor1.
0.
Hereareall220commitssincelastrelease,broughttoyoubyover102contributors.
Youmayaskthough,doIneedtoupgradeexistingsitesShortanswer:nah,you'regood.
为1.
0基本上作了大量更新.
下面是自去年推出的超过102名投稿者的所有220款.
您可能会问,我需要升级现有的网站吗这可以简短地回答:不用.
我们在选择虚拟主机和云服务器的时候,是不是经常有看到有的线路是BGP线路,比如前几天有看到服务商有国际BGP线路和国内BGP线路。这个BGP线路和其他服务线路有什么不同呢?所谓的BGP线路机房,就是在不同的运营商之间通过技术手段时间各个网络的兼容速度最佳,但是IP地址还是一个。正常情况下,我们看到的某个服务商提供的IP地址,在电信和联通移动速度是不同的,有的电信速度不错,有的是移动速度好。但是如果...
BuyVM商家算是一家比较老牌的海外主机商,公司设立在加拿大,曾经是低价便宜VPS主机的代表,目前为止有提供纽约、拉斯维加斯、卢森堡机房,以及新增加的美国迈阿密机房。如果我们有需要选择BuyVM商家的机器需要注意的是注册信息的时候一定要规范,否则很容易出现欺诈订单,甚至你开通后都有可能被禁止账户,也是这个原因,曾经被很多人吐槽的。这里我们简单的对于BuyVM商家新增加的迈阿密机房进行简单的测评。如...
全球独立服务器、站群多IP服务器、VPS(哪个国家都有),香港、美国、日本、韩国、新加坡、越南、泰国、加拿大、英国、德国、法国等等99元起步,湘南科技郴州市湘南科技有限公司官方网址:www.xiangnankeji.cn产品内容:全球独立服务器、站群多IP服务器、VPS(哪个国家都有),香港、美国、日本、韩国、新加坡、越南、泰国、加拿大、英国、德国、法国等等99元起步,湘南科技VPS价格表:独立服...