HTML content অ্যাট্রিবিউট

content অ্যাট্রিবিউট HTML-এ <meta> এলিমেন্টের সাথে ব্যবহৃত হয়। এটি name বা http-equiv অ্যাট্রিবিউটের সাথে জোড়া দিয়ে মেটা ইনফরমেশন (description, keywords, viewport, charset ইত্যাদি) প্রদান করে।

সিনট্যাক্স

<meta name="description" content="মেটা বিবরণ">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta http-equiv="refresh" content="30">

সাধারণ ব্যবহার

name / http-equiv	content মান	উদ্দেশ্য
name="description"	পেজের সংক্ষিপ্ত বিবরণ	SEO, সার্চ রেজাল্ট স্নিপেট
name="keywords"	কীওয়ার্ডস (কমা-সেপারেটেড)	SEO (আধুনিকতায় কম গুরুত্বপূর্ণ)
name="viewport"	width=device-width, initial-scale=1.0	রিসপন্সিভ ডিজাইন (মোবাইল)
name="author"	লেখকের নাম	মেটাডেটা
http-equiv="refresh"	30; url=https://example.com	পেজ রিফ্রেশ/রিডাইরেক্ট
http-equiv="Content-Security-Policy"	policy string	CSP হেডার সেট
charset (appx.)	UTF-8	ক্যারেক্টার এনকোডিং (HTML5: `<meta charset="UTF-8">`)

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="নিখরচায় শিখুন">
  <meta name="keywords" content="HTML, CSS, JavaScript, প্রোগ্রামিং">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <h2>টিউটোরিয়াল</h2>
  <p>নিখরচায় প্রোগ্রামিং টিউটোরিয়াল:</p>
  <ol>
    <li>Java</li>
    <li>C++</li>
    <li>C</li>
    <li>C#</li>
  </ol>
</body>
</html>

আউটপুট

HTML content অ্যাট্রিবিউট

গুরুত্বপূর্ণ নোটস

<meta> ট্যাগ <head> এর ভিতরে থাকতে হয়।
content অ্যাট্রিবিউট খালি রাখা যাবে না যদি name বা http-equiv থাকে।
HTML5-এ <meta charset="UTF-8"> শর্টহ্যান্ড ব্যবহার করা ভালো (পুরানো: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">)।
Open Graph / Twitter Card মেটা ট্যাগেও content ব্যবহার হয় (property="og:title")।