برای اینکه ارور های inline را تشخیص بدهیم ابتدا اجازه دهید تا نحوه بکار گیری css ها در حالت های مختلف را باهم بررسی کنیم. معمولا css ها به سه صورت زیر تعریف میشوند :
internal (داخلی) :
در این روش کد های style و شمایل درون قسمت یا تگ <head> کد html قالب سایت قرار میگیرد. به مثال زیر توجه نمایید:
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
همانطور که می بینید خواص و عناصر لازمه درون قسمت هد قالب اصلی قرار گرفته است.
Inline (درون خطی) :
در این روش کدهای style درون هر تگ به صورت جداگانه بکار میروند. با استفاده از این روش هر خاصیت فقط برای همان عنصری که ویژگی به آن نسبت داده شده تعریف می شود. به کد مثال زیر توجه کنید :
<!DOCTYPE html>
<html>
<body>
<h1 style=”color:blue;”>This is a Blue Heading</h1>
</body>
</html>
در بالا رنگ آبی فقط برای h1 تعریف شده و تنها همان سرتیتر را آبی میکند.
external (خارجی) :
اگر شما کدهای style را درون یک فایل با پسوند .css به صورت جداگانه از کد قالب اصلی وارد کنید نیازمند فراخوانی آن در قالب اصلی هستید که معمولا با خط کد زیر آن را فراخوانی میکنید.
<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” href=”styles.css”>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
همانطور که در بالا می بینید فایل style.css بدین صورت فراخوانی شده که کد های شکل دهی ظاهر قالب به صورت زیر در آن قرار داده شده است.
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p {
color: red;
}
خب حالا قصد توضیح تفاوت های آنهارا داریم. اگر ما بخواهیم شکل و ظاهر کل سایت، یعنی اجزا و ویژگی های کلی آن یکسان بماند و همگی از یک خصوصیت بهره ببرند باید آنها را به صورت داخلی یا خارجی تعریف کنیم. در اینصورت تمام اجزا و عناصر خواصشان باهم یکسان می باشد. چنانچه قصد داشته باشیم فقط و فقط یک جز مثلا h3 یک قسمت رنگ آن آبی باشد و با بقیه تیتر ها متفاوت باشد باید از روش درون خطی استفاده کنیم. توجه داشته باشید که در هنگام بارگذاری سایت ابتدا عناصر درون خطی اجرا می شوند و بعد عناصر در حالتهای بعدی.. به صورت راحت تر اگر بیان کنیم ترتیب اجرای قالب به صورت زیر می باشد :
- عناصر درون خطی
- عناصر داخلی
- عناصر خارجی
ولی توصیه می شود حتی الامکان برای خوانایی کد قالب و مرتب بودن و همینطور سرعت در بارگذاری سایت از عناصر داخلی کمتر استفاده کنید. مگر زمانی که بخواهید یک قسمت خاص ویژگی منحصر بفرد با بقیه قسمت ها داشته باشد.
امیدوارم این مقاله مورد توجه شما قرار گرفته باشد .
نوشته ارور های inline را تشخیص بدهیم اولین بار در آموزش برنامه نویسی پدیدار شد.
مبنع این خبر (برای مشاهده متن کامل خبر لینک زیر را بزنید):
آموزش برنامه نویسی