以前收藏的一些html, xpages,xpages主题分析引用css和js的区别,,今天分享出来,以方便大家更清楚的了解主题的引用js和css
一个国外网页对做xpages主题的说明
以下是本人的分析html, xpages,xpages主题分别引用js,css的小区别
文档下载
html引用(类似在domino开发的form的web开发)<meta http-equiv="X-UA-Compatible" content="IE=edge" >Xpages引用<xp:metaData httpEquiv="X-UA-Compatible" content="IE=edge"></xp:metaData>Theme引用<resources> <metaData> <httpEquiv>X-UA-Compatible</httpEquiv> <content>IE=edge</content> </metaData></resources>
html引用
<meta charset="utf-8">
Xpages引用
<xp:metaDatahttpEquiv="content-type" content="text/html;charset=utf-8"></xp:metaData>
主题引用
<resources> <metaData> <httpEquiv>content-type</httpEquiv> <content>text/html; charset=utf-8</content> </metaData></resources>
Html引用
<meta name="viewport" content="width=device-width,initial-scale=1.0">
Xpges引用
<xp:metaData name="viewport"content="width=device-width,initial-scale=1.0"></xp:metaData>
主题引用
<resources> <metaData> <name>content-type</name> <content>width=device-width, initial-scale=1.0</content> </metaData></resources>
HTML引用
<!–[if lt IE 9]>
<script src=’/bootstrap/js/jquery-1.10.1.min.js’></script>
<script src=’/bootstrap/js/html5shiv.min.js’></script>
<script src=’/bootstrap/js/respond.min.js’></script>
<![endif]–>
<!–[if (gte IE 9) |(!IE)]><!–>
<script src=’/" + _tDb +"/bootstrap/js/jquery-2.1.1.min.js’></script>
<!–<![endif]–>
Xpges引用
"/bootstrap-3.2/js/jquery-1.11.0.min.js"clientSide="true"
rendered="#{javascript:context.getUserAgent().isIE(0,8)}">
"/bootstrap-3.2/js/jquery-2.1.1.min.js"clientSide="true"
rendered="#{javascript:context.getUserAgent().isIE(9,11)|| (!context.getUserAgent().isIE())}">
"/bootstrap-3.2/js/html5shiv.min.js"clientSide="true"
rendered="#{javascript:context.getUserAgent().isIE(0,8)}">
"/bootstrap-3.2/js/respond.min.js"clientSide="true"
rendered="#{javascript:context.getUserAgent().isIE(0,8)}">
主题引用
<resource rendered="#{javascript:context.getUserAgent().isIE(0,8)}">
<content-type>application/x-javascript</content-type>
<href>/.ibmxspres/.extlib/bootstrap/jquery182/js/jquery-1.11.0.min.js</href>
</resource>
<resource rendered="#{javascript:context.getUserAgent().isIE(9,11)|| (!context.getUserAgent().isIE())}">
<content-type>application/x-javascript</content-type>
<href>/.ibmxspres/.extlib/bootstrap/jquery182/js/jquery-2.1.1.min.js </href>
</resource>
<resource rendered="#{javascript:context.getUserAgent().isIE(0,8)}">
<content-type>application/x-javascript</content-type>
<href>/.ibmxspres/.extlib/bootstrap/jquery182/js/html5shiv.min.js </href>
</resource>
<resource rendered="#{javascript:context.getUserAgent().isIE(0,8)}">
<content-type>application/x-javascript</content-type>
<href>/.ibmxspres/.extlib/bootstrap/jquery182/js/respond.min.js </href>
</resource>
更重要的是心理上的完全自由和放松,