এইচটিএমএল 5 এ আপনার নিজস্ব এইচটিএমএল ট্যাগ তৈরি করার কোনও উপায় আছে?

Question

আমি এরকম কিছু তৈরি করতে চাই

<menu>
    <lunch>
        <dish>aaa</dish>
        <dish>bbb</dish>
    </lunch>
    <dinner>
        <dish>ccc</dish>
    </dinner>
</menu>

এটি কি HTML5 এ করা যায়? আমি জানি আমি এটি দিয়ে করতে পারি

<ul id="menu">
    <li>
        <ul id="lunch">
            <li class="dish">aaa</li>
            <li class="dish">bbb</li>
        </ul>
    </li>
    <li>
        <ul id="dinner">
            <li class="dish">ccc</li>
        </ul>
    </li>    
</ul>

তবে এটি এত কম পাঠযোগ্য :(

Comments

আপনি কি করতে চেষ্টা করছেন? আপনি যা করছেন তার পরে কেবল divক্লাসের

— নামগুলি

এটি আপনার প্রয়োজনের চেয়ে আরও ভাল ফিট করে কিনা তা দেখতে আপনি এক্সএমএল + এক্সএসএলটিও দেখতে পারেন। এটি আপনাকে (এক্সস্লট অংশ) এক এক্সএমএল ডকুমেন্টকে (আপনার) অন্যকে (এইচটিএমএল) রূপান্তর করতে দেয়

— মাইকেল হেরেন

বাহ আমি এটি দীর্ঘ সময় আগে পোস্ট করেছি:) ট্যাগ নামের দ্বারা ধরার তুলনায় getElementById () কতটা ভাল পারফর্মেন্স দিয়েছে এবং এসভিজির মতো জিনিসগুলি তাদের শব্দার্থতত্ত্বগুলির সাথে কীভাবে সম্পূর্ণ নতুন কার্যকারিতা সরবরাহ করে, তা আমি মনে করি কাস্টম ট্যাগগুলির আমার চেয়ে কম ব্যবহার রয়েছে প্রাথমিকভাবে ভেবে থাকতে পারে। সমস্ত চিন্তাশীল মন্তব্য এবং উত্তর জন্য ধন্যবাদ সবাই!

— কোস্টা

সম্ভাব্য নকল কি কাস্টম উপাদান বৈধ HTML5?

— zzzzBov

এছাড়াও এইচটিএমএল 5 এ আপনার নিজস্ব ট্যাগগুলি তৈরি করার কোনও উপায় আছে?

— জন উ

Answer 1

আপনি ব্রাউজারগুলিতে কাস্টম ট্যাগগুলি ব্যবহার করতে পারেন, যদিও সেগুলি HTML5 হবে না (দেখুন কাস্টম উপাদানগুলি কি কার্যকর HTML5? এবং HTML5 স্পেক )।

ধরে নেওয়া যাক আপনি নামক একটি কাস্টম ট্যাগ উপাদান ব্যবহার করতে চান <stack> । আপনার যা করা উচিত তা এখানে ...

ধাপ 1

আপনার সিএসএস স্টাইলশিটে এর বৈশিষ্ট্যগুলিকে সাধারণীকরণ করুন (CSS রিসেট ভাবেন) - উদাহরণ:

 stack{display:block;margin:0;padding:0;border:0; ... }

ধাপ ২

ইন্টারনেট এক্সপ্লোরারের পুরানো সংস্করণগুলিতে এটি কাজ করার জন্য, আপনাকে এই স্ক্রিপ্টটি মাথায় সংযোজন করতে হবে (IE এর পুরানো সংস্করণগুলিতে যদি এটির প্রয়োজন হয় তবে গুরুত্বপূর্ণ!):

 <!--[if lt IE 9]> 
 <script> document.createElement("stack"); </script>
 <![endif]-->

---

তারপরে আপনি নিখরচায় আপনার কাস্টম ট্যাগটি ব্যবহার করতে পারেন।

<stack>Overflow</stack>

এছাড়াও অ্যাট্রিবিউট সেট করতে নির্দ্বিধায় ...

<stack id="st2" class="nice"> hello </stack>

Comments

একেবারে সঠিক. চমত্কার ধারণা নয়। তবে একেবারে সঠিক। আপনি নিজের পৃষ্ঠায় আপনার নিজের ট্যাগগুলির একটি সম্পূর্ণ আর্মি তৈরি করতে পারেন এবং আপনি যে সমস্ত ট্যাগের নাম ব্যবহার করতে চান তার একটি অ্যারে যুক্ত করে এবং তারপরে একটি লুপের অভ্যন্তরে প্রতিটি তৈরি করে আই 6 এর সাথে সমস্তগুলি পিছনের দিকে সামঞ্জস্য করতে পারেন , আপনার পৃষ্ঠার শিরোনামে, এর মধ্যে কোনও ব্যবহার শুরু করার আগে। এইচটিএমএল 5 শিম প্রথম স্থানে কাজ করে। ওল্ড-আইইগুলিতে স্টাইলিংয়ের জন্য প্রচেষ্টা চালিয়ে যাওয়ার জন্য প্রস্তুত থাকুন। এছাড়াও, যখন আমি বলতাম এটি অভ্যন্তরীণ-ব্যবহারের জন্য ঠিক আছে, আমি আসলে কীভাবে লোকদের জিনিসগুলি শেখাতে চাই তা নয়। মোটেই

— নর্গার্ড

আমি সম্মতি জানাই, আপনার নিজের ট্যাগগুলি লেখার জন্য হৃদয়ের মূর্ছা নয়। আপনি এটি পুরোপুরি পরীক্ষা করে নিন তা নিশ্চিত করুন। আমি যদিও একটি কথা বলতে চাই ... আই আই 6 এর জন্য সিএসএস লিখবেন না। সম্পদের সম্পূর্ণরূপে অপচয় এবং এমন একটি ভয়ঙ্কর পণ্যটির আরও ব্যবহার সক্ষম করে যা মাইক্রোসফ্টও সমর্থন করে না।

— টিমোথি পেরেজ

@ অ্যালেক্সওয়েলস - ক্রোম, এফএফ, সাফারি, আই 7-9

— টিমোথি পেরেজ

অত্যন্ত গুরুত্বপূর্ণ দ্রষ্টব্য: যদিও ব্রাউজারগুলি একটি কাস্টম উপাদান তৈরি করতে সমর্থন করে, তবে এটি আনুষ্ঠানিকভাবে এইচটিএমএল 5 স্ট্যান্ডার্ড দ্বারা সমর্থিত নয়। প্রযুক্তিগতভাবে , কাস্টম উপাদানগুলি ভারবোটেন। আপনি এটি করতে পারেন, এবং আপনার এইচটিএমএলকে সমস্ত সুন্দর এবং শব্দার্থগতভাবে গুরুত্বপূর্ণ দেখায়, তবে আপনি যদি তা করেন তবে আপনি মানটি ভেঙে চলেছেন you :)

— র‌্যান্ডল্ফো

কখনও কখনও ... নতুন মান নির্ধারণ করা প্রয়োজন। ;-)

— টিমোথি পেরেজ

Answer 2

আমি এই উত্তরগুলি সম্পর্কে খুব নিশ্চিত নই। যেমনটি আমি সবেমাত্র পড়েছি: "কাস্টম ট্যাগগুলি সবসময় HTML এ থাকা যায়" "

http://www.crockford.com/html/

এখানে বক্তব্যটি হ'ল এইচটিএমএলটি এসজিএমএল ভিত্তিক ছিল। এক্সএমএল এর ডকুমেন্ট এবং স্কিমার সাথে পৃথক, এইচটিএমএল অবৈধ হয় না যদি ব্রাউজার কোনও ট্যাগ বা দু'জন না জানে। <মার্কি> ভাবুন। এটি সরকারী মান হয় নি। সুতরাং এটি ব্যবহার করার সময় আপনার এইচটিএমএল পৃষ্ঠাটিকে "আনুষ্ঠানিকভাবে অনুমোদনহীন" করা হয়েছে, এটি পৃষ্ঠাটিও ভাঙ্গেনি।

তারপরে <keygen> রয়েছে, যা নেটস্কেপ-নির্দিষ্ট ছিল, এইচটিএমএল 4 এ ভুলে গিয়ে পুনরায় আবিষ্কার এবং এখন HTML5 তে নির্দিষ্ট করা আছে। এবং আমাদের এখন কাস্টম ট্যাগ বৈশিষ্ট্য রয়েছে, যেমন সমস্ত এইচটিএমএল 5 ট্যাগে ডেটা-জাইজেজ্ড = "..." অনুমোদিত।

সুতরাং, আপনার নিজের নিজস্ব পুরো কাস্টম অনির্ধারিত মার্কআপ সালাদ উদ্ভাবন করা উচিত নয়, এইচটিএমএলে কাস্টম ট্যাগ থাকা একেবারে নিষিদ্ধ নয়। এটি তবে, আপনি যদি এটি কোনও + xML কন্টেন্ট-টাইপ দিয়ে পাঠাতে না চান বা এসভিজি বা ম্যাথএমএল এর মতো অন্যান্য এক্সএমএল নেমস্পেসগুলি এম্বেড করেন না। এটি কেবল এসজিএমএল-সীমাবদ্ধ এইচটিএমএলে প্রযোজ্য।

Comments

এখানে আগ্রহের বিষয়টিও : লাইব্রেরডর ।

— মারিও

"সুতরাং এটি ব্যবহার করার সময় আপনার এইচটিএমএল পৃষ্ঠাটিকে" অফিসিয়াল অগ্রহণযোগ্য "করা হয়েছে, এটি পৃষ্ঠাটিও ভেঙেছিল না। - হ্যাঁ, ইন্টারনেট এক্সপ্লোরারে আপনার উদ্ভাবিত উপাদানগুলি স্টাইল করার চেষ্টা করুন। এটি কাজ করবে না। আপনি সম্ভবত এই ভাঙ্গাটিকে বিবেচনা করবেন না, তবে কাস্টম ট্যাগগুলি অবৈধ এবং ইন্টারনেট এক্সপ্লোরারে কাজ করে না, আপনি কীভাবে তর্ক করতে পারেন তা "অনুমোদিত" বলে আমি দেখতে পাচ্ছি না।

— পল ডি ওয়েট

আমি বলতে চাইছি, তিনি কোনও কিছু দিয়ে তাঁর বক্তব্য ব্যাক আপ করেন না। ডগলাস ক্রকফোর্ড কেবল এটি বলেছিলেন, এর অর্থ এটি সত্য নয়।

— পল ডি ওয়েট

এই চশমাটি যা বলে: "এই স্পেসিফিকেশনটি সংজ্ঞায়িত করা হয় না যে কীভাবে ব্যবহারকারী এজেন্টরা হ্যান্ডেল করে ... উপাদানগুলি ... এই নথিতে সুনির্দিষ্ট নয়। [...] আমরা নিম্নলিখিত আচরণের প্রস্তাব দিই: যদি কোনও ব্যবহারকারী এজেন্ট কোনও উপাদানটির মুখোমুখি হয় তবে স্বীকৃতি দেয় না, এটি উপাদানটির বিষয়বস্তু রেন্ডার করার চেষ্টা করা উচিত [[...] লেখক এবং ব্যবহারকারীদের অবশ্যই নির্দিষ্ট ত্রুটি পুনরুদ্ধারের আচরণের উপর নির্ভর করতে হবে না "- আইএমএইচও এর অর্থ ক্রোকফোর্ড একবারে ভুল হয়েছে।

— ব্যবহারকারী 123444555621

@ কোস্টা: এইচটিএমএল দরকারী কারণ এটি ট্যাগগুলির জন্য সম্মত অর্থগুলির একটি সেট। উদাহরণস্বরূপ, ব্রাউজারগুলি লিঙ্কগুলিকে ক্লিকযোগ্য করে তোলে কারণ আমরা সম্মত হয়েছি ( এইচটিএমএল স্পেসের মাধ্যমে ) যে <a>ট্যাগটি অন্য পৃষ্ঠার লিঙ্ক। আপনি নিজের মার্কআপ স্যালাড তৈরি করতে পারেন তবে এটি নিজেকে বাদ দিয়ে অন্য কারও কাছে অর্থ হবে না। নির্দিষ্ট উদ্দেশ্যে, এটি ঠিকঠাক হতে পারে তবে আপনি সত্যিই আর কোনও HTML ব্যবহার করছেন না।

— পল ডি ওয়েট

Answer 3

মাইকেল যেমন মন্তব্যে পরামর্শ দিয়েছিলেন, আপনি যা করতে চান তা বেশ সম্ভব তবে আপনার নামকরণ ভুল। আপনি "এইচটিএমএল 5 তে ট্যাগ যুক্ত করছেন না", আপনি নিজের ট্যাগ সহ একটি নতুন এক্সএমএল নথি প্রকার তৈরি করছেন।

আমি আমার শেষ কাজটিতে কিছু প্রকল্পের জন্য এটি করেছি। কিছু ব্যবহারিক পরামর্শ:

1. আপনি যখন বলছেন যে আপনি "এগুলি এইচটিএমএল 5 এ যুক্ত করতে চান", আমি ধরে নিলাম আপনার সত্যিকারের অর্থটি হ'ল আপনি চান যে সার্ভার সাইডে অনেক কাজ না করেই আপনি আধুনিক ব্রাউজারে পৃষ্ঠাগুলি সঠিকভাবে প্রদর্শন করতে পারেন। <? XML- স্টাইলশিট টাইপ = "পাঠ্য / এক্সএসএল" href = "মেনু.এক্সএসএল"?> এর মতো এক্সএমএল ফাইলের শীর্ষে "স্টাইলশিট প্রসেসিং নির্দেশ" সন্নিবেশ করে এটি সম্পাদন করা যায়। আপনার কাস্টম ট্যাগগুলিকে এইচটিএমএল রূপান্তর করতে আপনি তৈরি XSL স্টাইলশীটের পাথ দিয়ে "মেনু.এক্সএসএল" প্রতিস্থাপন করুন।

2. ক্যাভেটস: আপনার ফাইলটি অবশ্যই একটি সুসংহত এক্সএমএল ডকুমেন্ট হতে হবে, এক্সএমএল শিরোনাম <xML version = "1.0"> দিয়ে সম্পূর্ণ। মেলানো ট্যাগের মতো জিনিসগুলির জন্য এক্সএমএল HTML এর চেয়ে বাছাইযোগ্য। এছাড়াও, এইচটিএমএল এর বিপরীতে, ট্যাগগুলি কেস-সংবেদনশীল। আপনাকে অবশ্যই নিশ্চিত করতে হবে যে ওয়েব সার্ভারটি উপযুক্ত মাইম টাইপ "অ্যাপ্লিকেশন / এক্সএমএল" দিয়ে ফাইলগুলি প্রেরণ করছে। ফাইল এক্সটেনশান ".xML" হয় তবে প্রায়শই ওয়েব সার্ভারটি স্বয়ংক্রিয়ভাবে এটি করতে কনফিগার করা হবে, তবে চেক করুন।

3. বড় কেভিয়েট: অবশেষে, ব্রাউজারগুলির স্বয়ংক্রিয় এক্সএসএল রূপান্তরটি ব্যবহার করে, যেমনটি আমি বর্ণনা করেছি, কেবলমাত্র ডিবাগিং এবং সীমিত অ্যাপ্লিকেশনের জন্য যেখানে আপনার প্রচুর নিয়ন্ত্রণ রয়েছে কেবলমাত্র এটিই সেরা। আমি এটি আমার সর্বশেষ নিয়োগকর্তায় একটি সাধারণ ইন্ট্রানেট সেট আপ করতে সফলভাবে ব্যবহার করেছি, এটি কেবলমাত্র কয়েক ডজন লোক দ্বারা অ্যাক্সেস করা হয়েছিল। সমস্ত ব্রাউজারগুলি এক্সএসএল সমর্থন করে না এবং যাদের সম্পূর্ণরূপে সামঞ্জস্যপূর্ণ বাস্তবায়ন নেই। সুতরাং আপনার পৃষ্ঠাগুলি যদি "বন্য" -এ প্রকাশিত হয় তবে সার্ভারের পাশের সমস্তগুলিকে এইচটিএমএল রূপান্তর করা ভাল, যা কমান্ড লাইন সরঞ্জামের সাহায্যে বা অনেকগুলি এক্সএমএল সম্পাদকের বোতামের সাহায্যে করা যায়।

Answer 4

এইচটিএমএলে আপনার নিজের ট্যাগের নাম তৈরি করা বৈধ / সম্ভব নয়। এক্সএমএল, এসজিএমএল এবং অন্যান্য সাধারণ মার্কআপ ভাষাগুলির জন্য এটি।

আপনি সম্ভবত যা চান তা হ'ল

<div id="menu">
    <div id="lunch">
        <span class="dish">aaa</span>
        <span class="dish">bbb</span>
    </div>
    <div id="dinner">
        <span class="dish">ccc</span>
    </div>
</div>

অথবা পরিবর্তে <div/>এবং <span/>ভালো কিছু <ul/>এবং <li/>।

এটিকে ঠিক চেহারা এবং ফাংশন করার জন্য, কিছু সিএসএস এবং জাভাস্ক্রিপ্ট হুক আপ করুন।

Comments

না, তা নয়। এক্সএমএল দৃশ্যে আসার আগে এসজিএমএল এটির জন্য তৈরি হয়েছিল।

— কোয়ান্টিন

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

— লুকএন

আমি বাজি ধরছি এখনও কিছু লোক ডকুমেন্ট এসজিএমএল ডকুমেন্টেশনের জন্য ব্যবহার করছে। কয়েক বছর আগে অবশ্যই প্রচুর ছিল।

— কেন

Answer 5

আমি কেবল পূর্ববর্তী উত্তরে যুক্ত করতে চাই যে কাস্টম উপাদানগুলির জন্য কেবলমাত্র দুটি-শব্দের ট্যাগ ব্যবহার করার একটি অর্থ রয়েছে। এগুলি কখনই মানসম্মত হওয়া উচিত নয়।

---

উদাহরণস্বরূপ, আপনি ট্যাগটি ব্যবহার করতে চান <icon>, কারণ আপনি পছন্দ করেন না <img>এবং আপনি পছন্দ করেন না<i> আপনিও না ...

ভাল, মনে রাখবেন যে আপনিই একমাত্র নন। ভবিষ্যতে হয়তো, ডাব্লু 3 সি এবং / অথবা ব্রাউজারগুলি এই ট্যাগটি নির্দিষ্ট / প্রয়োগ করবে।

এই সময়ে, ব্রাউজারগুলি সম্ভবত এই ট্যাগটির জন্য স্থানীয় স্টাইল প্রয়োগ করবে এবং আপনার ওয়েবসাইটের ডিজাইনটি ভেঙে যেতে পারে।

সুতরাং আমি ব্যবহার করার পরামর্শ দিচ্ছি (এই উদাহরণ অনুসারে) <img-icon>।

---

প্রকৃতপক্ষে, ট্যাগটি <menu>ভালভাবে সংজ্ঞায়িত করা হয়েছে, যেমন ব্যবহৃত হয় না তবে সংজ্ঞায়িত হয়। এটির <menuitem>মতো আচরণ করা উচিত <li>।

Answer 6

কাস্টম ট্যাগগুলি সাফারি, ক্রোম, অপেরা এবং ফায়ারফক্সে ব্যবহার করা যেতে পারে, যতক্ষণ না তাদের "বর্গ = ..." এর জায়গায় ব্যবহার করা যায়।

সবুজ {রঙ: সবুজ} সিএসএস এর জন্য কাজ করে

<green>This is some text.</green>

Comments

আপনি সঠিক @chas তবে এই পদ্ধতিটি প্রস্তাবিত নয়, এবং এটি "হ্যাকস এবং ট্রিকস" বিভাগের অধীনে আসবে ...

— পিয়ুষ কুমার বালিয়ান

Answer 7

এমটাডেটা এম্বেড করার জন্য, আপনি এইচটিএমএল মাইক্রোডাটা ব্যবহার করে দেখতে পারেন , তবে এটি শ্রেণীর নাম ব্যবহারের চেয়ে আরও বেশি ভার্বোস।

<div itemscope>
    <p>My name is <span itemprop="name">Elizabeth</span>.</p>
</div>

<div itemscope>
    <p>My name is <span itemprop="name">Daniel</span>.</p>
</div>

Answer 8

এক্সএসএল স্টাইলশিট লেখার পাশাপাশি, যেমনটি আমি আগে বর্ণনা করেছি, সেখানে আরও একটি পদ্ধতি রয়েছে, যদি আপনি নিশ্চিত হন যে ফায়ারফক্স বা অন্য একটি পূর্ণাঙ্গ এক্সএমএল ব্রাউজার ব্যবহার করা হবে (অর্থাত্ ইন্টারনেট এক্সপ্লোরার নয়)। এক্সএসএল রূপান্তর এড়িয়ে যান এবং একটি সম্পূর্ণ সিএসএস স্টাইলশিট লিখুন যা ব্রাউজারকে কীভাবে সরাসরি এক্সএমএল ফর্ম্যাট করতে হয় তা জানায়। এখানে উলটোপথটি হ'ল আপনাকে এক্সএসএল শিখতে হবে না, যা অনেক লোককে একটি কঠিন এবং বিপরীতমুখী ভাষা বলে মনে হয়। নেতিবাচকতাটি হ'ল আপনার সিএসএসকে স্টাইলিং খুব সম্পূর্ণরূপে নির্দিষ্ট করতে হবে, ব্লক নোডগুলি কী কী রয়েছে, কী কী ইনলাইন রয়েছে ইত্যাদি Usually সাধারণত, CSS লেখার সময় আপনি ধরে নিতে পারেন যে ব্রাউজারটি "জানে" <<> উদাহরণস্বরূপ, একটি ইনলাইন নোড, তবে <ডিসিশ> কী করবেন তার কোনও ধারণা নেই।

অবশেষে, আমি এটি চেষ্টা করে কয়েক বছর হয়ে গেছে, তবে আমার স্মরণে বলা হয় যে আইই (কমপক্ষে কয়েকটি সংস্করণ পিছনে) সরাসরি এক্সএমএল ডকুমেন্টগুলিতে সিএসএস স্টাইলশিট প্রয়োগ করতে অস্বীকৃতি জানায়।

Comments

হ্যাঁ, আমি মনে করি আইই একটি বিশেষ এক্সএমএল রেন্ডারিং মোডে চলে গেছে এবং আপনাকে এক্সএমএল ডকুমেন্টের একটি পূর্বনির্ধারিত, সংযোগযোগ্য সংস্করণ দেখাচ্ছে।

— পল ডি ওয়েট

Answer 9

এইচটিএমএলের মূল বক্তব্যটি হ'ল ভাষার অন্তর্ভুক্ত ট্যাগগুলির একটি সম্মত অর্থ রয়েছে, যে বিশ্বের প্রত্যেকটি ডিফল্ট স্টাইলিং, বা লিঙ্কগুলিকে ক্লিকযোগ্য করে তোলার মতো, বা আপনি যখন ক্লিক করেন তখন একটি ফর্ম জমা দেওয়ার মতো - ব্যবহার এবং সিদ্ধান্ত নিতে পারে <input type="submit">।

আপনার মতো তৈরি আপগুলি মানুষের জন্য দুর্দান্ত (কারণ আমরা ইংরাজী শিখতে পারি এবং এইভাবে জানতে পারি, বা আপনার ট্যাগগুলির অর্থ কী তা অন্তত অনুমান করতে পারি) তবে মেশিনগুলির পক্ষে তেমন ভাল নয়।

Answer 10

এটি কোনও HTML স্পেসিফিকেশনে কোনও বিকল্প নয় :)

আপনি সম্ভবত <div>উপাদান এবং ক্লাসগুলির সাথে যা করতে চান তা করতে পারেন , প্রশ্নটি থেকে আপনি ঠিক কী পরে রয়েছেন তা আমি নিশ্চিত নই, তবে না, নিজের ট্যাগ তৈরি করা কোনও বিকল্প নয়।

Comments

এটি এখন একটি বিকল্প: dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/custom/…

— স্টারেক্স

Answer 11

নিক যেমন বলেছিল, কাস্টম ট্যাগগুলি HTML এর কোনও সংস্করণ দ্বারা সমর্থিত নয়।

তবে, আপনি যদি এইচটিএমএলে এই জাতীয় চিহ্নিতকরণ ব্যবহার করেন তবে এটি কোনও ত্রুটি দেয় না।

দেখে মনে হচ্ছে আপনি একটি তালিকা তৈরি করতে চান। <ul>রোল উপাদান তৈরি করতে আপনি আনর্ডারড তালিকা ব্যবহার করতে পারেন এবং <li>নীচের আইটেমগুলির জন্য ট্যাগ ব্যবহার করতে পারেন ।

আপনি যদি এটি অর্জন করতে চান তা না হলে দয়া করে আপনি কী চান তা নির্দিষ্ট করুন। আমরা তখন একটি উত্তর নিয়ে আসতে পারি।

Comments

এটি ব্রাউজারে আপনাকে ত্রুটি দেয় না, তবে আইই অজানা ট্যাগগুলিতে অদ্ভুতভাবে CSS পরিচালনা করে।

— সিজেজোজ

হুঁ, এখন আমি জানতাম না! আমি জানতাম যে অজানা CSS নামগুলি অদ্ভুতভাবে পরিচালনা করা হয় (এটি একটি ত্রুটি)। তবে, আপনি কি নিশ্চিত যে এটি অজানা ট্যাগগুলিও অদ্ভুতভাবে পরিচালনা করে? এটি কেবল <>ট্যাগগুলির পাঠ্য ছাড়া তাদের রেন্ডার করে না ?

— কীর্তন

আপনি ইন্টারনেট এক্সপ্লোরারে অজানা উপাদানগুলিতে সিএসএস প্রয়োগ করতে পারবেন না। <abbr>আইই in. এ কোনও উপাদান স্টাইল করার চেষ্টা করুন এটি কার্যকর হবে না, কারণ IE 7 বাস্তবায়িত হয়নি <abbr>(যদিও এটি স্ট্যান্ডার্ডে রয়েছে!)। লোকেরা যখন অন্ধভাবে বলে যে অ-মানক কোডে কোনও ত্রুটি দেখা দেবে না তখন আমার কাছে খুব মারাত্মক ছোট্ট ছোটাছুটি হয়। কীভাবে আপনি জানেন যে এটি কোনও ত্রুটি ঘটাবে না? স্ট্যান্ডার্ড কোডটি কাজ করা যথেষ্ট কঠিন, অ-মানক কোডটি ছেড়ে দিন।

— পল ডি ওয়েট

পল, আপনার সমাধানের জন্য এইচটিএমএল 5 শিমে দেখুন look আপনি কাস্টম-কার্যকারিতাটির সুবিধা পাবেন না, তবে আপনি যদি কোনও ধারক খুঁজছেন, আপনাকে যা করতে হবে তা হ'ল একটি ডকুমেন্ট.ক্রিটএলিমেন্ট ("মাইনিউট্যাগনেম") পপ করা; মাথায় intoোকান (বা কমপক্ষে উপরে যেখানে আপনি ট্যাগটির কোনও স্টাইলের সংস্করণ থাকতে চান) এমনকি এগুলির একটি অ্যারে তৈরি করুন এবং এটিকে জেএসে তৈরি করে পুনরাবৃত্তি করুন - কোনও ডোম-সংযুক্তি প্রয়োজন নেই, কেবল একটি তৈরি করুন এবং এটি ছক করুন। কেবল তাদের স্টাইল করতে প্রস্তুত থাকুন যেন তারা ব্লক-লেআউট এবং 100% অজানা।

— নর্গার্ড

Answer 12

আপনি এইচটিএমএল 5 ডেটা- বৈশিষ্ট্যের মাধ্যমে কাস্টম বৈশিষ্ট্য যুক্ত করতে পারেন। উদাহরণস্বরূপ: বার্তা বৈধ এইচটিএমএল 5 দেখুন জন্য http://ejohn.org/blog/html-5-data-attributes/ বিবরণ পেতে।

Answer 13

পলিমার বা এক্স-ট্যাগ আপনাকে আপনার নিজের এইচটিএমএল ট্যাগগুলি তৈরি করতে দেয়। এটি নেটিভ ব্রাউজারের "ছায়া ডিওএম" এর উপর ভিত্তি করে।

Answer 14

আপনি কেবল কিছু কাস্টম সিএসএস স্টাইলিং করতে পারেন, এটি এমন একটি ট্যাগ তৈরি করবে যা পটভূমির রঙকে লাল করে তুলবে:

redback {background-color:red;}

 

<redback>This is red</redback>

Answer 15

কিছু পরিস্থিতিতে আপনার নিজের ট্যাগের নাম তৈরি করার মতো দেখতে এটি ঠিক কাজ করে।
যাইহোক, এটি আপনার ব্রাউজারের কর্মক্ষেত্রে রুটিনগুলি পরিচালনা করার ত্রুটি। এবং সমস্যাটি হ'ল, বিভিন্ন ব্রাউজারে হ্যান্ডলিং রুটিনগুলির বিভিন্ন ত্রুটি রয়েছে!

এই উদাহরণটি দেখুন।
প্রথম লাইনে দুটি মেক -আপ উপাদান রয়েছে whatএবং everএবং বিভিন্ন ব্রাউজার দ্বারা তাদের আলাদাভাবে চিকিত্সা করা হয়। টেক্সটটি আইই 11 এবং এজতে লাল হয়ে আসে, তবে অন্যান্য ব্রাউজারগুলিতে কালো black
তুলনার জন্য, দ্বিতীয় লাইনটি একই, এটিতে কেবল বৈধ এইচটিএমএল উপাদান রয়েছে এবং তাই এটি সমস্ত ব্রাউজারে একই দেখাবে।

body {color:black; background:white;} /* reset */

what, ever:nth-of-type(2) {color:red}
code, span:nth-of-type(2) {color:red}

<p><what></what> <ever>test</ever></p>

<p><code></code> <span>test</span></p>

মেক-আপ উপাদানগুলির সাথে আর একটি সমস্যা হ'ল আপনি কী জানেন না যে ভবিষ্যতে কী ধারণ করে। তোমার মত ট্যাগ নামের সাথে বছর দুয়েক আগে একটি ওয়েবসাইট তৈরি তাহলে picture, dialog, details, slot, templateইত্যাদি, তাদের আশা ধারন মত আচরণ করে, এখন বিপদে আপনি!

Answer 16

আপনি এটি ব্যবহার করতে পারেন:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>MyExample</title>
  <style>
    bloodred {color: red;}
  </style>
</head>
<body>
  <bloodred>
    this is BLOODRED (not to scare you)
  </bloodred>
</body>
<script>
  var btn = document.createElement("BLOODRED")
</script>
</html>

Answer 17

আমি এই নিবন্ধটি কাস্টম এইচটিএমএল ট্যাগ তৈরি এবং তাত্ক্ষণিকভাবে খুঁজে পেয়েছি। এটি প্রক্রিয়াটিকে সহজতর করে এবং এটিকে যে কেউ বুঝতে পারে এবং তাত্ক্ষণিকভাবে ব্যবহার করতে পারে এমন শর্তগুলিতে এটি ভেঙে দেয় - তবে আমি নিশ্চিতভাবে নিশ্চিত নই যে এতে থাকা কোডের নমুনাগুলি সমস্ত ব্রাউজারগুলিতে বৈধ কিনা, সুতরাং সাবধানতা অবলম্বন করে পুরোপুরি পরীক্ষা করুন। তবুও, এটি শুরু করার জন্য বিষয়টির একটি দুর্দান্ত ভূমিকা।

কাস্টম উপাদানসমূহ: এইচটিএমএলে নতুন উপাদান সংজ্ঞায়িত করা হচ্ছে

Answer 18

<head>
  <lunch>
    <style type="text/css">
      lunch{
        color:blue;
        font-size:32px;
        }
      </style>
    </lunch>
  </head>

<body>
  <lunch>
    This is how you create custom tags like what he is asking for its very simple just do what i wrote it works yeah no js or convoluted work arounds needed this lets you do exactly what he wrote.
    </lunch>
  </body>

Comments

উজ্জ্বল। কোন ধারণা কেন এটি upvated বা গ্রহণ করা হয়নি?

— rnso