6
मुझे jQuery में और अधिक मिल रहा है और इसलिए HTML/जावास्क्रिप्ट/सीएसएस बेस साइट सेट अप किया है जो मैं अपने सभी परीक्षणों के लिए उपयोग करता हूं।वर्तमान में सबसे अच्छा HTML/CSS/जावास्क्रिप्ट कॉन्फ़िगरेशन क्या है?
के बाद से इन परीक्षणों अंततः PHP और ASP.NET MVC वेबसाइटों में बदल जाएगी, मैं मूल बातें नीचे यह की चोटी पर पटकथा भाषाओं के निर्माण से पहले आधुनिक ब्राउज़रों और वेब मानकों के लिए सही फिर से प्राप्त करने के लिए इस अवसर का उपयोग करना चाहते हैं।
- XHTML 1.0 सख्त
- UTF-8 एन्कोडिंग
- के रूप में कुछ सीएसएस संदर्भ संभव (के रूप में के लिए 1 सीएसएस फ़ाइल में सब कुछ डाल दिया:
मैं उपयोग करने के लिए चयन किया है लोडिंग की गति)
- जितना संभव हो उतना जावास्क्रिप्ट संदर्भ (1 जावास्क्रिप्ट फ़ाइल पी lus jQuery कोड बेस संदर्भ - मैं गूगल jQuery कोड बेस का उपयोग कर यह मानें कि गति के लिए सबसे अच्छा अभ्यास)
- मैं अपने कोड की जाँच के रूप में मैं इसे http://validator.w3.org
साथ निर्माण है कुछ और मैं कुछ भी करने की जरूरत है विचार करें?
index.htm:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>Text XHTML Page</title>
<link href="css/main.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="javascript/main.js"></script>
</head>
<body>
<h1 class="highlightTitle">Text</h1>
<p class="main">First</p>
<p>Second</p>
<p id="selected" class="regular">Third</p>
<p>Fourth</p>
<form action="">
<div>
<input type="button" value="highlight it" onclick="highlightIt();countThem()" />
<input type="button" value="highlight title" onclick="highlightTitle()" />
<p>here is another paragraph</p>
</div>
</form>
</body>
</html>
main.cs:
p.highlighted {
background-color:orange;
}
h1.highlightTitle {
background-color:yellow;
}
h1.deselected {
background-color:#eee;
}
p.regular {
font-weight: bold;
}
main.js
यहाँ अपने परीक्षण वेबसाइटों में से एक का एक उदाहरण है:
google.load("jquery", "1.3.2");
function highlightIt() {
$('#selected')
.toggleClass('highlighted');
}
function countThem() {
alert("there are " + $("p.main").size() + " paragraphs");
}
function highlightTitle() {
$("h1").toggleClass("deselected");
}
विकल्प आप अच्छे लग रहे किए। xhtml सख्त, utf-8, jquery ... मुझे लगता है कि जब आप कुछ शोध और परीक्षण करते हैं तो यह सामान्य रूप से सबसे अच्छा काम करता है। – markus