السلام عليكم
موضوع هام جدآ
حبيت أشاركم فى هذا الموضوع المهم
اولآ وقبل كل شىء قد يحدث خطآ نتيجة فى عدم غلق الوسوم
مثل هذا
كود HTML:
<p align="right">
<a href="http://www.swalif.net">swalif</a>
الحل الصحيح
كود HTML:
<p align="right">
<a href="http://www.swalif.net">swalif</a></p>
فعند فتح وسم يجب التأكد من أغلاقوا
كود HTML:
<b></b>
<p></p>
<li></li>
<ul></ul>
<div></div>
<span></span>
<label></label>
وأيضا من بعض الأخطاء
الصحيح
طبعآ نتحدث فى xhtml
ضع ها أعل الصفحة
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
والكثير من أصحاب المواقع يستخدمون الميتا بالطريق الأعتيادية
الخاطئة
كود HTML:
<meta name="keywords" content="">
<meta name="description" content="" >
الصحيحة
كود HTML:
<meta name="keywords" content="" />
<meta name="description" content="" />
ولاتنسى ان الميتا تضع بين head
و التايتل تضع بين
head
واذا كان أستيراد ل
css
او جافا سكربت تضعوا بين
head
أو ايقونة الموقع
واذا قمت بكتابة css فى الصفحة يكون بهذا الشكل
كود HTML:
<style type="text/css">
<!--
body {
margin: 0px 0px;
topmargin: 0;
leftmargin: 0;
background: #4C4C4C;
font-family: tahoma;
font-size: 12px;
color: #727272;
}
-->
</style>
وعند كتابة جافا سكربت فى الصفحة
كود HTML:
<script type="text/javascript" language="JavaScript">
<!--
function test(value){
}
//-->
</script>
كود HTML:
<head>
<title>site</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="StyleSheet" href="style.css" type="text/css" />
<script type="text/javascript" src="script.js"></script>
</head>
باقى محتوى الصفحة يضع بين
كود HTML:
<body>
<div>
<h1>header</h1>
</div>
<div>
<b>data</b>
<br/>
<a href="#">link</a>
</div>
<div>
footer
</div>
</body>
ولاتنسى أغلا الصفحة ب
وهذا تلخيص سريع
كود HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>site</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="StyleSheet" href="style.css" type="text/css" />
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
<!--
body {
margin: 0px 0px;
topmargin: 0;
leftmargin: 0;
background: #4C4C4C;
font-family: tahoma;
font-size: 12px;
color: #727272;
}
-->
</style>
<script type="text/javascript" language="JavaScript">
<!--
function test(value){
}
//-->
</script>
</head>
<body>
<div>
<h1>header</h1>
</div>
<div>
<b>data</b>
<br />
<a href="#">link</a>
</div>
<div>
footer
</div>
</body>
</html>
--------