এইচটিএমএল হেড:
HTML
উপাদানটি মেটাডেটা (ডেটা সম্পর্কে ডেটা) জন্য একটি ধারক হিসাবে ব্যবহৃত হয়। এটি ট্যাগ এবং ট্যাগের মধ্যে ব্যবহৃত হয়।একটি HTML নথির প্রধান হল একটি অংশ যার বিষয়বস্তু পৃষ্ঠা লোড করার সময় ব্রাউজারে প্রদর্শিত হয় না। এটিতে শুধু HTML নথি সম্পর্কে মেটাডেটা রয়েছে যা HTML নথি সম্পর্কে ডেটা নির্দিষ্ট করে৷
একটি এইচটিএমএল হেডে প্রচুর মেটাডেটা তথ্য থাকতে পারে বা খুব কম বা কোন তথ্য থাকতে পারে না, এটি আমাদের প্রয়োজনের উপর নির্ভর করে। কিন্তু একটি ওয়েবসাইট তৈরি করার সময় একটি এইচটিএমএল ডকুমেন্টের প্রধান অংশের একটি গুরুত্বপূর্ণ ভূমিকা রয়েছে।
মেটাডেটা নথির শিরোনাম, অক্ষর সেট, শৈলী, লিঙ্ক, স্ক্রিপ্ট এবং অন্যান্য মেটা তথ্য সংজ্ঞায়িত করে।
মেটাডেটাতে ব্যবহৃত ট্যাগগুলির একটি তালিকা নীচে দেওয়া হল:
</li> <li> <style></li> <li><meta></li> <li><link></li> <li><script></li> <li><base></li> </ul> </div> <div class="kc-elm kc-css-690836 kc-title-wrap "> <h1 class="kc_title">এইচটিএমএল <মেটা> উপাদান:</h1> </div> <div class="kc-elm kc-css-657051 kc_text_block"><p>HTML <meta> উপাদানটি ওয়েবপেজে অক্ষর সেট, পৃষ্ঠার বিবরণ, কীওয়ার্ড, লেখক এবং অন্যান্য মেটাডেটা নির্দিষ্ট করতে ব্যবহৃত হয়।</p> <p>মেটাডেটা প্রধানত ব্রাউজার, সার্চ ইঞ্জিন এবং অন্যান্য ওয়েব পরিষেবা দ্বারা আপনার ওয়েবপৃষ্ঠাকে আরও ভাল র্যাঙ্ক করার জন্য ব্যবহার করা হয়।</p> <p>চলুন দেখি কিভাবে মেটাডেটা ব্যবহার করবেন:</p> <p>একটি অক্ষর সেট সংজ্ঞায়িত করতে:</p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><meta charset=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"UTF-8"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">> </span></span></li> </ol> </div> </div> <p>অক্ষরসেট বৈশিষ্ট্য অক্ষর এনকোডিং নির্দিষ্ট করে। এই উদাহরণে আমরা এটিকে "UTF-8" এ সেট করেছি যার অর্থ এটি যেকোনো ভাষা প্রদর্শন করতে পরিচালনা করতে পারে।</p> <p>উদাহরণ:</p> </p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px; color: #333333; font-family: inter-regular, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><!DOCTYPE html> </span></span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><html> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><head> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><meta charset=<span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"UTF-8"</span><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;">> </span></span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"></head> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><body> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"> <p>This is written in English language<span style=<span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"color: blue"</span><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;">> My friend's name is.......</span></p> <p> </span></span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"> <p>This is Chinese language <span style=<span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"color: red"</span><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;">>Wǒ de péngyǒu jiào</span></p> <p> </span></span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"></body> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"></html> </span></li> </ol> </div> </div> <p>আপনার ওয়েবপৃষ্ঠার একটি বিবরণ সংজ্ঞায়িত করতে:</p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px; font-family: inter-regular, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: justify;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><meta name=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"description"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> content=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"Free Web tutorials"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">> </span></span></li> </ol> </div> </div> <p>আপনি যদি একটি মেটা বিবরণ দেন তবে এটি সার্চ ইঞ্জিন দ্বারা প্রাসঙ্গিক অনুসন্ধানের জন্য উপযোগী হবে।</p> <p>সার্চ ইঞ্জিনের জন্য কীওয়ার্ড সংজ্ঞায়িত করতে:</p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px; font-family: inter-regular, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: justify;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><meta name=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"keywords"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> content=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"HTML, CSS, XML, JavaScript"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">> </span></span></li> </ol> </div> </div> <p>কীওয়ার্ড মানটি একটি সার্চ ইঞ্জিনের জন্য কীওয়ার্ড সরবরাহ করতেও ব্যবহৃত হয়, তবে স্প্যামারদের কারণে এটি ব্রাউজার দ্বারা উপেক্ষা করতে পারে।</p> <p>ওয়েবপৃষ্ঠার লেখক সংজ্ঞায়িত করতে:</p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px; font-family: inter-regular, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: justify;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><meta name=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"author"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> content=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"Akon"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">> </span></span></li> </ol> </div> </div> <p>লেখকের মান সেই ব্যক্তির নাম উল্লেখ করে যিনি পৃষ্ঠার বিষয়বস্তু লিখেছেন, এবং কিছু বিষয়বস্তু ব্যবস্থাপনা সিস্টেমের দ্বারা স্বয়ংক্রিয়ভাবে লেখকের তথ্য বের করার জন্য এটি কার্যকর।</p> <p>প্রতি 30 সেকেন্ডে ডকুমেন্ট রিফ্রেশ করতে:</p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px; font-family: inter-regular, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: justify;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><meta http-equiv=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"refresh"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> content=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"30"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">> </span></span></li> </ol> </div> </div> <p>প্রদত্ত সময়ের ব্যবধানের পরে পৃষ্ঠাটি স্বয়ংক্রিয়ভাবে রিফ্রেশ করার জন্য ব্রাউজারকে নির্দেশাবলী প্রদান করতে মেটা রিফ্রেশ ব্যবহার করা হয়। উপরের উদাহরণ হিসাবে এটি 30 সেকেন্ড পরে স্বয়ংক্রিয়ভাবে রিফ্রেশ হবে</p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px; font-family: inter-regular, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: justify;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><meta http-equiv=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"refresh"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> content="</span><span class="number" style="margin: 0px; padding: 0px; border: none; color: #c00000; background-color: inherit;">10</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">; url=https:</span><span class="comment" style="margin: 0px; padding: 0px; border: none; color: #008200; background-color: inherit;">//www.javatpoint.com/html-head></span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> </span></span></li> </ol> </div> </div> <p>আপনি যদি বিষয়বস্তুর মান সহ একটি URL যোগ করেন, তাহলে সময়সীমা শেষ হওয়ার পরে এটি সেই পৃষ্ঠায় পুনঃনির্দেশিত হবে।</p> <p>উদাহরণ:</p> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none; font-family: inter-regular, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: justify; background-color: rgba(214, 189, 189, 0.3);" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><!DOCTYPE html> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"></html> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> <head> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"> <meta http-equiv=<span class="string" style="background-color: inherit; margin: 0px; padding: 0px; border: none; color: #0000ff;">"refresh"</span><span style="background-color: inherit; margin: 0px; padding: 0px; border: none;"> content=</span><span class="string" style="background-color: inherit; margin: 0px; padding: 0px; border: none; color: #0000ff;">"5; url=https://www.javatpoint.com/html-head"</span><span style="background-color: inherit; margin: 0px; padding: 0px; border: none;">> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> </head> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> <body> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><br /> <h2>Meta element Example</h2> <p> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> <p style=<span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"color: green;"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">>Kindly wait </span><span class="keyword" style="margin: 0px; padding: 0px; border: none; color: #006699; background-color: inherit; font-weight: bold;">for</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> </span><span class="number" style="margin: 0px; padding: 0px; border: none; color: #c00000; background-color: inherit;">5</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> seconds and after </span><span class="number" style="margin: 0px; padding: 0px; border: none; color: #c00000; background-color: inherit;">5</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> seconds it will automatically redirect to URL specified in meta tag</p> <p> </span></span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> </body> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"></html> </span></li> </ol> <p>এইচটিএমএল হেডের মধ্যে সমস্ত মেটা উপাদানগুলি কীভাবে ব্যবহার করা যায় তা দেখানোর জন্য নীচে একটি উদাহরণ দেওয়া হল</p> <p>উদাহরণ:</p> </p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px; color: #333333; font-family: inter-regular, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><!DOCTYPE html> </span></span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"></html> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><head> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><meta charset=<span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"UTF-8"</span><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;">> </span></span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><meta name=<span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"description"</span><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"> content=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"Free Web tutorials"</span><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;">> </span></span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><meta name=<span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"keywords"</span><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"> content=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"HTML,CSS,XML,JavaScript"</span><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;">> </span></span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><meta name=<span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"author"</span><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"> content=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"Akon"</span><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;">> </span></span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"></head> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><body> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"> <p>All the meta information are set.</p> <p> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"></body> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"></html> </span></li> </ol> </div> </div> </div> <div class="kc-elm kc-css-130722 kc-title-wrap "> <h1 class="kc_title">ভিউপোর্ট সেট করতে <meta> ট্যাগ ব্যবহার করুন:</h1> </div> <div class="kc-elm kc-css-113507 kc_text_block"><p><meta> ট্যাগ ব্যবহার করে ভিউপোর্টের নিয়ন্ত্রণ নিতে এই পদ্ধতিটি HTML5 এ চালু করা হয়েছে।</p> <p>ভিউপোর্ট হল একটি ওয়েবপেজের ব্যবহারকারীর দৃশ্যমান এলাকা। এটি ডিভাইস থেকে ডিভাইসে পরিবর্তিত হয় এবং মোবাইল ফোনে কম্পিউটার স্ক্রিনের চেয়ে ছোট দেখায়।</p> <p><meta> ভিউপোর্ট উপাদানের জন্য সিনট্যাক্স:</p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><meta name=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"viewport"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> content=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"width=device-width, initial-scale=1.0"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">> </span></span></li> </ol> </div> </div> <p>এখানে, <meta> ভিউপোর্ট উপাদানটি নির্দিষ্ট করে কিভাবে পৃষ্ঠার মাত্রা এবং স্কেলিং নিয়ন্ত্রণ করতে হয়।</p> <p>প্রস্থ=ডিভাইস-প্রস্থ ডিভাইসের স্ক্রীন-প্রস্থ অনুসরণ করতে পৃষ্ঠার প্রস্থ সেট করতে ব্যবহৃত হয় (যা ডিভাইসের উপর নির্ভর করে পরিবর্তিত হবে)।</p> <p>প্রাথমিক-স্কেল=1.0 প্রাথমিক জুম স্তর সেট করতে ব্যবহৃত হয় যখন পৃষ্ঠাটি ব্রাউজার দ্বারা প্রথম লোড করা হয়।</p> <p>ভিউপোর্ট <মেটা> ট্যাগ ছাড়া একটি ওয়েব পৃষ্ঠার উদাহরণ:</p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><!DOCTYPE html> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"></html> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><body> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> <p><b>To understand <span class="keyword" style="margin: 0px; padding: 0px; border: none; color: #006699; background-color: inherit; font-weight: bold;">this</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> example, you should open </span><span class="keyword" style="margin: 0px; padding: 0px; border: none; color: #006699; background-color: inherit; font-weight: bold;">this</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> page on a phone or a tablet.</b></p> <p> </span></span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><img src=<span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"image.jpg"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> alt=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"image"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> width=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"460"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> height=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"345"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">> </span></span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> <p> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">facer possim assum. </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"></p> <p> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"></body> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"></html> </span></li> </ol> </div> </div> <p><span style="font-family: inter-bold, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;"><b>ভিউপোর্ট <মেটা> ট্যাগ সহ একটি ওয়েব পৃষ্ঠার উদাহরণ:</b></span></p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px; font-family: inter-regular, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: justify;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><!DOCTYPE html> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><html> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><head> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><meta name=<span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"viewport"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> content=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"width=device-width, initial-scale=1.0"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">/> </span></span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><br /> <style> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">img { </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> max-width: <span class="number" style="margin: 0px; padding: 0px; border: none; color: #c00000; background-color: inherit;">100</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">%; </span></span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> height: auto; </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">} </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"></style> <p> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"></head> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><body> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> <p><b>To understand <span class="keyword" style="margin: 0px; padding: 0px; border: none; color: #006699; background-color: inherit; font-weight: bold;">this</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> example, you should open </span><span class="keyword" style="margin: 0px; padding: 0px; border: none; color: #006699; background-color: inherit; font-weight: bold;">this</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> page on a phone or a tablet.</b></p> <p> </span></span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"><img src=<span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"image.jpg"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> alt=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"image"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> width=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"460"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> height=</span><span class="string" style="margin: 0px; padding: 0px; border: none; color: #0000ff; background-color: inherit;">"345"</span><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">> </span></span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> <p> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;">facer possim assum. </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"></p> <p> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"></body> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; background-color: inherit;"></html> </span></li> </ol> </div> </div> <h4 class="n" style="margin-left: 0px; padding: 20px 15px 20px 40px; border-left: 3px solid orange; background: url('images/note.png') 4px 22px no-repeat #faebd7; border-radius: 3px; text-align: justify;"><span style="font-family: sans-serif;"><span style="font-size: 15px; font-weight: 500;">দ্রষ্টব্য: পার্থক্যটি স্পষ্টভাবে দেখতে, স্মার্টফোন বা ট্যাবলেটে এই পৃষ্ঠাটি খুলুন।</span></span></h4> </div> <div class="kc-elm kc-css-724168 kc-title-wrap "> <h1 class="kc_title">এইচটিএমএল <বেস> এলিমেন্ট:</h1> </div> <div class="kc-elm kc-css-984899 kc_text_block"><p>HTML <base> উপাদানটি একটি পৃষ্ঠার সমস্ত আপেক্ষিক URL-এর জন্য বেস URL এবং বেস লক্ষ্য নির্দিষ্ট করতে ব্যবহৃত হয়।</p> <p>উদাহরণ:</p> </p> <div class="codeblock" style="border: 1px solid #d5ddc6; width: 613.403px; background-color: rgba(214, 189, 189, 0.3); margin-bottom: 8px; padding: 10px 0px 16px; color: #333333; font-family: inter-regular, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> <div class="dp-highlighter" style="width: 730px; overflow: scroll hidden; padding-top: 0px; margin: 8px 0px !important;"> <ol class="dp-j" style="margin: 0px; padding: 0px; border: none;" start="1"> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><!DOCTYPE html> </span></span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"></html> </span></li> <li class="alt" style="width: 730px; margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><head> </span></li> <li class="" style="margin: 4px 0px 0px; padding: 0px 3px 0px 10px !important; border: none; line-height: 25px; color: #000000;"><span style="margin: 0px; padding: 0px; border: none; color: #000000; background-color: inherit;"><title>Page Title -
We have specified a base URL, the browser will look for the image "html5.png"
- at "https://static.javatpoint.com/htmlpages/images/html5.png"
-
>JavatPoint -
The link above will open in a new window because base target is set to "_blank".
HTML
Script within Head element