HTML5 হাতেখড়ি, পর্ব-৩ (এক্সটার্নাল CSS ও JavaScript যোগ করা) | পিসি হেল্পলাইন বিডি (PC Helpline BD)
বিজ্ঞাপন
Homeওয়েব ডিজাইনHTML5 হাতেখড়ি, পর্ব-৩ (এক্সটার্নাল CSS ও JavaScript যোগ করা)

6 মাস আগে (জুন ১৬, ২০১৬) 57 বার দেখা হয়েছে

HTML5 হাতেখড়ি, পর্ব-৩ (এক্সটার্নাল CSS ও JavaScript যোগ করা)

Category: ওয়েব ডিজাইন | Tags: , by

বিজ্ঞাপন
Domain Hosting Offer

পর্ব ২ এ আমরা Doctype ও Character Encoding নিয়ে আলোচনা করেছি, না পড়ে থাকলে পর্ব-২ পড়ে নিন। এই পর্বে আমরা দেখবো কিভাবে এক্সটার্নাল CSS ফাইল ও JS ফাইল যোগ করা হয়।

CSS ফাইল যেভাবে যোগ করা হয়ঃ

এখনকার সময়ে প্রায় সব যথাযথ ভাবে ডিজাইন করা ওয়েবসাইট ও প্রফেসনালি ডিজাইন্ড ওয়েবসাইটে এক্সটার্নাল CSS ফাইল ব্যাবহার করা হয়। ওয়েবসাইটে এক্সটার্নাল CSS ফাইল যোগ করতে <head> </head> এর মধ্য <link> ট্যাগ ব্যাবহার করা হয়ঃ

<head>
<meta charset=”utf-8″>
<title>Add External CSS File</title>
<link href=”styles.css” rel=”stylesheet”>
</head>

<link> ট্যাগ এর মধ্য href অ্যাট্রিবিউট এ CSS ফাইলের লোকেশন দেয়া হয় এবং rel অ্যাট্রিবিউট দ্বারা সংযুক্ত ফাইলের সাথে রিলেশন বোঝানো হয়। যেহেতু CSS ই একমাত্র স্টাইলিং ল্যাঙ্গুয়েজ তাই HTML5 এ
type=”text/css”
লেখা অপ্রয়োজনীয়।

JavaScript ফাইল যেভাবে যোগ করা হয়ঃ

HTML5 এ জাভাস্ক্রিপ্ট ফাইল যোগ করা প্রায় HTML এর আগের ভার্সনগুলোর মতোই, <head> </head> এর মধ্য <script> ট্যাগ ব্যাবহার করে এক্সটার্নাল জাভাস্ক্রিপ্ট ফাইল যোগ করা হয়।

<head>
<meta charset=”utf-8″>
<title>Adding External JS</title>
<script src=”scripts.js”></script>
</head>

<script> ট্যাগ এর মধ্য src অ্যাট্রিবিউটের মাধ্যমে জাভাস্ক্রিপ্ট এর ফাইলের লোকেশন দেয়া হয়। language=”JavaScript” অ্যাট্রিবিউট HTML5 এ ব্যাবহার করা অপ্রয়োজনীয় কারন নতুন ব্রাউজার গুলো এক্সাটার্নাল স্ক্রিপ্টিং ফাইল কে জাভাস্ক্রিপ্ট হিসাবেই পার্স করা শুরু করে।
জাভাস্ক্রিপ্ট সংযুক্ত HTML ডকুমেন্ট যদি Internet Explorer এ বারবার টেস্ট করার প্রয়োজন হয় তা হলে <head> সেকশন এ <!– saved from url=(0014)about:internet –> কোডটি ব্যাবহার করুন

<head>
<meta charset=”utf-8″>
<!– saved from url=(0014)about:internet –>
<title>Internet Explorer Hack</title>
<script src=”scripts.js”></script>
</head>

এই কমেন্ট ব্যাবহার করলে Internet Explorer মনে করে ফাইলটি ইন্টারনেট থেকে ডাউনলোড হয়েছে, এই কমেন্ট না থাকলে Internet Explorer স্পেশাল লক ডাউন মোড এ চলে যায় এবং বারবার সিকিউরিটি ওয়ার্নিং দেখাতে থাকে। Internet Explorer ছাড়া অন্য ব্রাউজার গুলো এই কমেন্ট কে ইগনোর করে ফলে অন্য ব্রাউজার গুলোতে এই কমেন্ট এর জন্য কোনো সমস্যা পোহাতে হবে না।

বিঃদ্রঃ বন্ধুদের সাথে শেয়ার করুন, হয়ত কারো উপকারে আসবে।

ফেসবুকে যুক্ত হতে এখানে ক্লিক করুন

About 3

author

88th Zend Certified PHP Engineer in Bangladesh. Programmer, UI/UX Designer & Entrepreneur.

Related Posts

১ responses to “HTML5 হাতেখড়ি, পর্ব-৩ (এক্সটার্নাল CSS ও JavaScript যোগ করা)”

  1. […] মেটা ট্যাগ নিজেকে টাইপ করে নিতে হবে। পর্ব-৩ এ দেখুন কিভাবে এক্সটার্নাল CSS ফা… বিঃদ্রঃ বন্ধুদের সাথে শেয়ার করুন, হয়ত […]

PC Helpline BD Facebook

হট পোস্ট