قرار داده و مقدار را به آن اختصاص دهیم:
کد HTML:
<div class="text">
<p>This
is a sentence</p>
<p>This is another
sentence</p>
<p>This is yet another
sentence</p>
<p>This is one more sentence</p>
</div>
.text p {
color: #03c;
font-size: 2em
}
در
ابتدا شاید این موضوع زیاد با اهمیت به نظر نرسد اما اگر شما بتوانید از
آن بطور صحیح در تمام صفحه استفاده کنید به راحتی 20% از حجم فایل شما کم
خواهد شد. همچنین شاید توجه کرده باشید که مقادیر مربوط به رنگها کوتاه تر
از حالت عادی است. 03c# کوتاه شده مقدار 0033cc# است شما می توانید از این
روش خلاصه کردن در هر جایی که مقادیر با این فرم قرار دارند استفاده کنید.
5.
استفاده از خلاصه نویسی خصوصیات در CSS
در زیر روش خلاصه نویسی
بعضی المانهای CSS را مشاهده می کنید:
Font:
کد HTML:
font: 1em/1.5em bold italic serif
font-size:
1em;
line-height: 1.5em;
font-weight: bold;
font-style:
italic;
font-family: serif
Border:
کد
HTML:
border:
1px black solid
border-width: 1px;
border-color: black;
border-style:
solid
Background:
کد HTML:
background: #fff url(image.gif)
no-repeat top left
background-color: #fff;
background-image:
url(image.gif);
background-repeat: no-repeat;
background-position:
top left;
Margin:
کد HTML:
margin: 2px 1px 3px 4px (top, right,
bottom, left)
margin-top: 2px;
margin-right: 1px;
margin-bottom:
3px;
margin-right: 4px
این
قوانین بطور عملی برای border و padding نیز قابل استفاده است.
6.
استفاده از فراخوانی نسبی
سعی کنید از آدرس دهی مطلق پرهیز کنید
زیرا فضای بیشتری را اشغال می کند و تغییر دادن آنها در آینده مشکل است. یک
مثال از فراخوانی مطلق بصورت زیر است: که بهتر است به این صورت باشد: . اما
اگر فایل ها در فهرست های مختلف باشند از خلاصه نویسی های زیر استفاده
کنید:
· :
فراخوانی http://www.URL.com/filename.html
· : فراخوانی
http://www.URL.com/directory/filename.html
· : فراخوانی index.html
در فهرست جاری
· : فراخوانی index.html از یک
فهرست بالاتر
· : فراخوانی
filename.html از یک فهرست بالاتر
· : فراخوانی index.html از دو فهرست
بالاتر
8. حذف تگ های غیر ضروری META و مقادیر درون آن
بسیاری
از تگهای META غیر ضروری هستند و کار زیادی انجام نمی دهند. در صورت علاقه
می توانید لیست تگهای META را در این آدرس مشاهده کنید . تگ های METAی با
اهمیت برای موتورهای جستجو تگ های keywords و description هستند. البته
استفاده نادرست و بیش از اندازه از آنها به تازگی باعث کاهش اهمیت آنها شده
است. در هنگام استفاده از هرکدام از این تگ ها سعی کنید حجم محتوای آنها
برای هر یک کمتر از 200 کاراکتر (حرف) باشد. هر مقداری بیش از این باعث
افزایش حجم صفحه شما خواهد شد. متا تگ های طولانی برای موتورهای جستجو
مناسب نیستند زیرا کلمات کلیدی شما را کم رنگ می*کنند.
9.
انتقال javascript و CSS درون صفحه به فایلهای مستقل
برای استفاده از
CSS که در فایل خارجی قرار دارد از کد زیر استفاده کنید:
کد HTML:
<link
type="text/css" rel="stylesheet" href="filename.css" />
و برای استفاده از javascript
که در فایل خارجی قرار دارد از کد زیر استفاده کنید:
کد HTML:
<script language="javascript" src="filename.js"
type="text/javascript"></script>
هر فایل خارجی یک بار فراخوانی
شده و بعد از آن در کامپیوتر کاربر (برای استفاده های بعدی) ذخیره می شود.
بجای قرار دادن javascript و CSS در تک تک صفحات HTML آنها را برای یک بار
در یک فایل خارجی قرار دهید و از آن درون صفحات استفاده کنید. فراموش
نکنید که هیچ محدودیتی برای استفاده از این فایل*های خارجی وجود ندارد.
برای مثال بجای ساختن یک فایل CSS بزرگ، یک فایل برای قسمتهای یکسان در
تمام صفحات و چند فایل هم برای قسمت*هایی که در صفحات خاص استفاده می شوند
بسازید.
10. استفاده از / در انتهای آدرس فهرستها:
بجای
استفاده از این کد:
کد HTML:
<a href="http://www.URL.com/directoryname" >
از کد زیر استفاده کنید:
کد
HTML:
<a
href="http://www.URL.com/directoryname/" >
زیرا اگر از / در انتهای آدرس
استفاده نکنید سرور متوجه نخواهد شد که اشاره به فایل شده یا فهرست. اما با
اضافه کردن / سرور فورا" متوجه می شود که به یک فهرست اشاره شده و آنرا
نمایش می دهد.
