المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : صحح اخطاء استايل styleك وإجعله متوافق مع المعايير القياسية



walid
11-01-2013, بتوقيت غرينيتش 09:50 PM
طبعا مش هقول إنك هتجيب الإستايل style ولا شئ المفروض انك تعمل كل شئ بإيدك يا عمري
طيب بدل ما نستخدم برامج ووجع دماغ
جبتلكم الاخطاء الشائعة في في هذا المجال
وإن شاء الله خير
بس شرط بسيط
اولا صلي علي حبيبك النبي
ثانيا ما تقلبوا الموضوع اسئلة عن مواضيع اخري

نيجي للمهم





المهم
مثلآ هذا الخطأ
رمز Code:
<img src=&quot;imges.gif&quot; width=&quot;50&quot; height=&quot;50&quot;>
وهذا هو الحل الصحيح
رمز Code:
<img src=&quot;imges.gif&quot; width=&quot;50&quot; height=&quot;50&quot; alt=&quot;&quot; />
وهذا خطأ أيضآ
رمز Code:
<br>
وهذا الحل الصحيح
رمز Code:
<br />
هذا خطئ
رمز Code:
<p align=&quot;right&quot;> <a href=http://www.ar-law.net>شبكة أرض القانون</a>
التصحيح
رمز Code:
<p align=&quot;right&quot;> <a href=http://www.ar-law.net>شبكة أرض القانون</a></p>
فعند فتح وسم يجب التأكد من أغلاقوا
رمز Code:
<b></b> <p></p> <li></li> <ul></ul> <div></div> <span></span> <label></label>
وأيضا من بعض الأخطاء
رمز Code:
<hr>
رمز Code:
<hr/>
والكثير من أصحاب المواقع يستخدمون الميتا بالطريق الأعتيادية

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

مثال لطريقة خاطئة
رمز Code:
<div> <form action=&quot;index.php&quot; method=&quot;post&quot;> <input type=&quot;text&quot; name=&quot;email&quot;> <input type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;submit&quot;> </div>

فى هذا المثال الخاطىء لم يتم أغلاق
رمز Code:
<form>

رمز Code:
<form></form>

ولم يتم كتابة input بالشكل السليم
رمز Code:
<input type=&quot;text&quot; name=&quot;email&quot; />

وشىء هام أيضآ أحيانا يقومموا بوضع قيمة داخل type بأسم نفس الحقل

مثل ذلك
رمز Code:
<input type=&quot;email&quot; name=&quot;email&quot;>

type تكون text , password, submit, والمزيد تجدوا فى w3

وهذا الحل الصحيح
رمز Code:
<div> <form action=&quot;index.php&quot; method=&quot;post&quot;> <input type=&quot;text&quot; name=&quot;email&quot; /> <input type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;submit&quot; /> </form> </div>
يتبع
تم إعادة كتابة الموضوع
اخوكم الفرجاني




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى