ان لائن، ایمبیڈڈ، اور بیرونی سٹائل کے شیٹس: آپ کو جاننے کی کیا ضرورت ہے
فرنٹ اینڈ کی ویب سائٹ کی ترقی اکثر 3 لیتا ہے سٹول کے طور پر پیش کیا جاتا ہے. یہ ٹانگیں مندرجہ ذیل ہیں:
- ایک سائٹ کی ساخت کے لئے ایچ ٹی ایم ایل ؛
- بصری شیلیوں کے لئے CSS ؛
- رویے کے لئے جاوا اسکرپٹ.
اس سٹول، سی ایس ایس یا کیجادنگ انداز شیٹس کا دوسرا ٹانگ، وہی ہے جو ہم آج یہاں دیکھ رہے ہیں. خاص طور پر، ہم 3 قسم کے شیلیوں سے خطاب کرنا چاہتے ہیں جو آپ کسی دستاویز میں شامل کرسکتے ہیں.
- ان لائن سٹائل
- ایمبیڈڈ شیلیوں
- خارجی شیلیوں
ان قسم کے سی ایس ایس سٹائل میں سے ہر ایک کو ان کے فوائد اور خرابی ہوتی ہے، لہذا ہم انفرادی طور پر ان میں سے ہر ایک پر گہری نظر ڈالیں.
ان لائن طرزیں
ان لائن شیلیوں ایسی شیلیوں ہیں جو HTML دستاویز میں ٹیگ میں لکھی جاتی ہیں. ان لائن سٹائل صرف مخصوص ٹیگ کو متاثر کرتی ہیں جو ان پر لاگو ہوتے ہیں. یہاں ایک معیاری لنک، یا لنگر، ٹیگ پر لاگو ایک ان لائن طرز کا ایک مثال یہ ہے:
اس سی ایس ایس کا اصول اس لنک کے معیاری لائن لائن ٹیکسٹ سجاوٹ کو بدل دیتا ہے. تاہم، صفحے پر کسی بھی دوسرے لنک کو تبدیل نہیں کرے گا. یہ ان لائن شیلیوں کی حدود میں سے ایک ہے. چونکہ وہ صرف ایک مخصوص آئٹم پر تبدیل کرتے ہیں، اصل صفحے کے ڈیزائن کو حاصل کرنے کے لۓ آپ کو اپنے شبیہیں کے ساتھ اپنے ایچ ٹی ایم ایل کو ہٹا دینا ہوگا. یہ ایک بہترین عمل نہیں ہے. دراصل، یہ "فونٹ" ٹیگ اور ویب صفحات میں ساخت اور طرز کے مرکب کے دنوں سے ہٹا دیا گیا ایک قدم ہے.
ان لائن سٹائل میں بھی بہت زیادہ خاصیت ہے.
یہ انہیں دوسرے، غیر ان لائن سٹائل کے ساتھ زیادہ سے زیادہ کرنے کے لئے بہت مشکل بناتا ہے. مثال کے طور پر، اگر آپ کسی سائٹ کے ذمہ دار بننا چاہتے ہیں اور میڈیا کے سوالات کا استعمال کرتے ہوئے کسی عنصر کو کسی خاص بریک پوزیشن کو کیسے دیکھتے ہیں، ان عنصر پر ان لائن شیلیوں کو یہ کرنا بہت مشکل ہوتا ہے.
بالآخر، ان لائن شیلیوں کو بہت ہی مناسب طریقے سے استعمال کیا جاتا ہے.
دراصل، میں نے کبھی کبھی اپنے ویب صفحات پر ان لائن شیلیوں کا استعمال کبھی کبھی استعمال نہیں کیا.
ایمبیڈڈ طرزیں
ایمبیڈڈ شیلیوں شیلیوں ہیں جو دستاویز کے سر میں سرایت ہیں. ایمبیڈڈ شیلیوں اس صفحہ پر صرف ٹیگ کو متاثر کرتی ہیں جس میں وہ سرایت کر رہے ہیں. ایک بار پھر، یہ نقطہ نظر سی ایس ایس کی طاقتوں میں سے ایک سے منفی ہے. چونکہ ہر صفحہ میں سٹائل ہوسکتے ہیں
، اگر آپ بیٹھائڈ تبدیلی کرنا چاہتے ہیں، جیسے سرخ رنگ سے لنکس کے رنگ کو تبدیل کرنے کے لۓ، آپ کو ہر صفحے پر یہ تبدیلی کرنے کی ضرورت ہوگی، کیونکہ ہر صفحے کو سرایت سٹائل شیٹ کا استعمال ہوتا ہے. یہ ان لائن شیلیوں کے مقابلے میں بہتر ہے، لیکن ابھی تک بہت سے حالات میں بھی مشکلات ہیں.
اس میں شیلیوں کی شیٹ شامل ہیں
ایک دستاویز کے اس صفحے پر ایک اہم رقم مارک اپ کا کوڈ بھی شامل ہے، جو مستقبل میں مستقبل کو منظم کرنا بھی مشکل بنا سکتا ہے.
سرایت شدہ طرز چادروں کا فائدہ یہ ہے کہ بوجھ فوری طور پر صفحے کے ساتھ ہی، لوڈ کرنے کے لۓ دیگر بیرونی فائلوں کی ضرورت ہوتی ہے. یہ ڈاؤن لوڈ رفتار اور کارکردگی کے نقطہ نظر سے فائدہ ہوسکتا ہے.
بیرونی انداز شیٹس
زیادہ تر ویب سائٹس آج بیرونی سٹائل کے شیٹ کا استعمال کرتے ہیں. بیرونی شیلیوں ایسی شیلیوں ہیں جو علیحدہ دستاویز میں لکھے جاتے ہیں اور پھر مختلف ویب دستاویزات سے منسلک ہوتے ہیں. خارجی سٹائل کے شیٹس کسی بھی دستاویز پر منحصر ہوسکتے ہیں جو اس سے منسلک ہوتے ہیں، اس کا مطلب یہ ہے کہ اگر آپ کے پاس 20 صفحہ کی ویب سائٹ ہے جہاں ہر صفحہ اسی سٹائل شیٹ کا استعمال کرتا ہے (یہ عام طور پر یہ کیسے ہوتا ہے)، آپ ہر ایک میں بصری تبدیلی کر سکتے ہیں. ان صفحات کے صرف اس سٹائل شیٹ کو ترمیم کرکے.
یہ طویل مدتی سائٹ کے انتظام کو بہت آسان بنا دیتا ہے.
خارجہ طرز کے چادروں کے نیچے یہ ہے کہ انہیں ان بیرونی فائلوں کو حاصل کرنے اور لوڈ کرنے کے لئے صفحات کی ضرورت ہوتی ہے. ہر صفحہ ہر سی ایس ایس شیٹ میں استعمال نہیں کرے گا، بہت سے صفحات اس میں بہت ساری سی ایس ایس صفحہ لوڈ کرسکیں گے.
جبکہ یہ سچ ہے کہ بیرونی سی ایس ایس کی فائلوں کے لئے کارکردگی کا نشانہ بنایا گیا ہے، یہ یقینی طور پر کم سے کم ہوسکتا ہے. حقیقی طور پر، سی ایس ایس کی فائلیں صرف ٹیکسٹ فائلیں ہیں، لہذا وہ عام طور پر اس کے ساتھ شروع کرنے کے لئے بہت بڑے نہیں ہیں. اگر آپ کی پوری سائٹ 1 سی ایس ایس فائل کا استعمال کرتی ہے، تو آپ ابتدائی طور پر لوڈ ہونے کے بعد اس دستاویزی دستاویز کا بھی فائدہ اٹھاتے ہیں.
اس کا مطلب یہ ہے کہ پہلے صفحے پر کوئی معمول کارکردگی کا نشانہ بنایا جا سکتا ہے، لیکن اس کے بعد والے صفحے کو کراس ایس ایس فائل کا استعمال کریں گے، لہذا کسی بھی ہٹ کو منفی نہیں کیا جائے گا. بیرونی سی ایس ایس کی فائلیں یہ ہے کہ میں اپنے تمام ویب صفحات کیسے بناؤں.