একটি DevSite পৃষ্ঠার শীর্ষ-শিরোনাম অবশ্যই একটি <h1> হতে হবে। অ-ভিজ্যুয়াল ব্রাউজারগুলিকে বিভ্রান্তিকর এড়াতে পৃষ্ঠার অংশে অন্য <h1> থাকা উচিত নয়। nbgenerate টুলটি DevSite HTML এবং Markdown কন্টেন্ট এবং টেমপ্লেটকে Colab-সামঞ্জস্যপূর্ণ Jupyter নোটবুকে রূপান্তর করে।
মাপ
শিরোনাম 1
শিরোনাম 2
শিরোনাম 3
শিরোনাম 4
শিরোনাম 5
শিরোনাম 6
এইচটিএমএল
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
মার্কডাউন
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
বিষয়বস্তুর সারণী
DevSite-এ, <h2> এবং <h3> স্বয়ংক্রিয়ভাবে "এই পৃষ্ঠায়" বিষয়বস্তুর সারণীতে (ToC) যোগ করা হয়।
ToC থেকে শিরোনাম লুকান
একটি শিরোনাম যোগ করা থেকে আটকাতে (উপরের বিভাগে যেমন "শিরোনাম 2" এবং "শিরোনাম 3", যা ToC-তে প্রদর্শিত হয় না), প্রয়োগ করুন class="hide-from-toc" ।
শিরোনাম 2
শিরোনাম 3
এইচটিএমএল
<h2 class="hide-from-toc">Heading 2</h2>
<h3 class="hide-from-toc">Heading 3</h3>
মার্কডাউন
## Heading 2 {:.hide-from-toc}
### Heading 3 {:.hide-from-toc}
ToC-তে শিরোনাম লেখা কাস্টমাইজ করুন
আপনি যদি ToC-এর পাঠ্যটি প্রকৃত শিরোনাম থেকে আলাদা করতে চান (এই বিভাগের মতো!), শিরোনামে একটি data-text অ্যাট্রিবিউট সেট করুন:
শিরোনাম 2
এইচটিএমএল
<h2 data-text="Custom text for the ToC">Heading 2</h2>
মার্কডাউন
## Heading 2 {: data-text='Custom text for the ToC'}
ToC-তে টেবিলের মধ্যে শিরোনাম অন্তর্ভুক্ত করুন
আপনি টেবিলটিকে ToC-তে জোর করতে একটি টেবিল হেডার ( <th> ) এর ভিতরে একটি <h2> বা <h3> ও রাখতে পারেন। একটি টেবিল হেডারের ভিতরে, <h2> এবং <h3> নিয়মিত পাঠ্যের মতো স্টাইল করা হয়েছে, তাই পাঠকরা বলতে পারবে না।
অনুলিপি লিঙ্ক ক্লিক করুন
ডকুমেন্টেশন পৃষ্ঠাগুলিতে (অধিকাংশ ল্যান্ডিং পৃষ্ঠাগুলির মতো "পূর্ণ-প্রস্থ" পৃষ্ঠাগুলি নয়), <h1> ব্যতীত অন্য শিরোনামগুলিও লিঙ্কটি অনুলিপি করার জন্য একটি বোতাম পায়, যেটি শুধুমাত্র আপনি যখন শিরোনামের উপর ঘোরান তখনই প্রদর্শিত হয়৷
একটি নির্দিষ্ট শিরোনামের জন্য এই বোতামটি নিষ্ক্রিয় করতে, শিরোনামে class="no-link" প্রয়োগ করুন৷
শিরোনাম 4
শিরোনাম 5
এইচটিএমএল
<h4 class="no-link">Heading 4</h4>
<h5 class="no-link">Heading 5</h5>
মার্কডাউন
## Heading 4 {:.no-link}
### Heading 5 {:.no-link}
লিঙ্ক বোতামটি এমন একটি শিরোনামে প্রদর্শিত হতে বাধ্য করতে যা অন্যথায় এটি থাকবে না (বলুন, একটি <h1> বা একটি পূর্ণ-প্রস্থ পৃষ্ঠায় কোনো শিরোনাম), শিরোনামে class="add-link" যোগ করুন।
শিরোনাম 1
এইচটিএমএল
<h1 class="add-link">Heading 1</h1>
মার্কডাউন
# Heading 1 {:.add-link}
সংখ্যাযুক্ত শিরোনাম
জটিল বিষয়বস্তু সহ বিভাগগুলিকে একাধিক-পদক্ষেপ প্রক্রিয়ার স্বতন্ত্র পদক্ষেপ হিসাবে মনোনীত করার জন্য অনুক্রমিক সংখ্যা সহ শিরোনাম <h2> উপসর্গ করতে, প্রতিটি শিরোনামে একটি সংখ্যাযুক্ত শ্রেণী যুক্ত করুন।
প্রথম সংখ্যাযুক্ত শিরোনাম
অনুচ্ছেদ, তালিকা, টেবিল, ছবি, ভিডিও, উইজেট নিয়ে গঠিত জটিল বিষয়বস্তু।
দ্বিতীয় সংখ্যাযুক্ত শিরোনাম
অনুচ্ছেদ, তালিকা, টেবিল, ছবি, ভিডিও, উইজেট নিয়ে গঠিত জটিল বিষয়বস্তু।
তৃতীয় সংখ্যাযুক্ত শিরোনাম
অনুচ্ছেদ, তালিকা, টেবিল, ছবি, ভিডিও, উইজেট নিয়ে গঠিত জটিল বিষয়বস্তু।
এইচটিএমএল
<h2 class="numbered">First numbered heading</h2>
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
<h2 class="numbered">Second numbered heading</h2>
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
<h2 class="numbered">Third numbered heading</h2>
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
মার্কডাউন
## First numbered heading {:.numbered}
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
## Second numbered heading {:.numbered}
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
## Third numbered heading {:.numbered}
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
সংখ্যাযুক্ত উপশিরোনাম
অনুক্রমিক সংখ্যা সহ <h3> শিরোনামগুলিকে অনুসরণ <h2> জন্য, প্রতিটি <h3> শিরোনামে একটি সংখ্যাযুক্ত শ্রেণী যুক্ত করুন।
এইচটিএমএল
<h2 class="numbered">Numbered heading</h2>
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
<h3 class="numbered">Numbered subheading</h3>
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
<h3 class="numbered">Numbered subheading</h3>
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
<h3 class="numbered">Numbered subheading</h3>
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
মার্কডাউন
## Numbered heading {:.numbered}
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
### Numbered subheading {:.numbered}
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
### Numbered subheading {:.numbered}
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
### Numbered subheading {:.numbered}
Complex content composed of paragraphs, lists, tables, images, videos, widgets.
সংখ্যাযুক্ত শিরোনাম
অনুচ্ছেদ, তালিকা, টেবিল, ছবি, ভিডিও, উইজেট নিয়ে গঠিত জটিল বিষয়বস্তু।
সংখ্যাযুক্ত উপশিরোনাম
অনুচ্ছেদ, তালিকা, টেবিল, ছবি, ভিডিও, উইজেট নিয়ে গঠিত জটিল বিষয়বস্তু।
সংখ্যাযুক্ত উপশিরোনাম
অনুচ্ছেদ, তালিকা, টেবিল, ছবি, ভিডিও, উইজেট নিয়ে গঠিত জটিল বিষয়বস্তু।
সংখ্যাযুক্ত উপশিরোনাম
অনুচ্ছেদ, তালিকা, টেবিল, ছবি, ভিডিও, উইজেট নিয়ে গঠিত জটিল বিষয়বস্তু।