সাম্প্রতিক নথির আউটলাইন চ্যাটারের রাউন্ডআপ

এটি প্রতিদিনের নয় যে HTML শিরোনাম বিষয় de jour, কিন্তু আমার সংরক্ষিত লিঙ্কগুলির ফোল্ডারটি সম্পর্কে নিবন্ধগুলি জমা করছে৷ সম্প্রতি একত্রিত হয়েছে WHATWG লিভিং স্ট্যান্ডার্ডে নথির রূপরেখা অ্যালগরিদম অপসারণ।

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

এই খুব পুরানো সংবাদ. আদ্রিয়ান রোসেলি নথির রূপরেখা মিথ সম্পর্কে লিখেছেন 2013 থেকে. কিন্তু এটি তার 2016 সালের পোস্টের শিরোনাম "কোন নথির রূপরেখা অ্যালগরিদম নেই" যেটি ব্যাপকভাবে এটিকে বানান করে এবং আমাদের এখানে যে কথোপকথন এবং সংগ্রামগুলি পেয়েছিল সে সম্পর্কে অতিরিক্ত প্রসঙ্গ সহ নিয়মিত আপডেট করা হয়েছে। এটি সত্যিই গল্পের সেরা সময়রেখা। অ্যামেলিয়া বেল্লামি-রয়েডসও আছে দ্বিধা শিকড় মধ্যে delved অতীতে এখানে CSS-ট্রিকসে।

আমার মন অবিলম্বে একটি নথির আউটলাইন অ্যালগরিদম তৈরির সমস্ত কাজে চলে যায় যা বিভাগকে সমর্থন করে। বিশেষত্ব থেকে এটি অপসারণ নিশ্চিত করার জন্য সঠিক আহ্বান, কিন্তু এটি এখন কিছু সংস্করণ ইতিহাসে সমাহিত হয়ে থাকলেও এটির মধ্যে যে নিষ্ঠুর প্রচেষ্টা চলেছিল তা থেকে দূরে সরে যায় না। আমি সেই সমস্ত সৎ উদ্দেশ্যপ্রণোদিত ব্যক্তিদের সম্পর্কেও ভাবি যারা সময়ের সাথে সাথে ভুলভাবে অ্যালগরিদম সম্পর্কে লিখেছেন (এই সাইটটি সহ!) এই প্রত্যাশার সাথে যে এটি প্রায় কাছাকাছি ছিল। প্রায় সাত বছরের মানসিক এবং প্রযুক্তিগত ঋণ রয়েছে যা আমরা অর্জন করেছি যা কর্মের অভাব বলে মনে হয়।

অ্যালগরিদম আনুষ্ঠানিকভাবে আর নেই এমন "সংবাদ" অতীতের দিকে তাকিয়ে, ব্রুস দুঃখ প্রকাশ করেছেন যে কোনও সাধারণ নেই <h> সঠিক শিরোনাম স্তর তৈরি করতে উপাদান বা এর মতো বিভাগ করা যেতে পারে। আমি রাজী. একটি থাকার <h1> উপাদান মূলত একটি উদ্ভাসিত হিসাবে বিদ্যমান <title> সীমাবদ্ধ, বিশেষ করে যেহেতু পৃষ্ঠাগুলি খুব কমই একটি একক শীর্ষ-স্তরের শিরোনাম সহ একটি নিবন্ধের চারপাশে গঠন করা হয়। আমি যখনই ব্যবহার করছি তখন আমি যখনই কার্ডের কিছু কম্পোনেন্ট তৈরি করছি তখন প্রায়ই নিজেকে ঝাঁকুনি দিতে দেখি <h3> প্রযুক্তিগতভাবে সঠিক হতে পারে, কিন্তু অর্ডারের বাইরে মনে হয়। এবং এর আগে আমরা স্টাইলিং বিবেচনার বিষয়ে কথা বলি যেখানে একটি নিম্ন শিরোনাম স্তরকে এখন একটি স্বতন্ত্র উচ্চ শিরোনাম স্তরের মতো দেখতে হবে।

হেডিং লেভেল ম্যানেজমেন্টের কথা বলতে গিয়ে, স্টিভ ফকনার (যিনি পিআর লিখেছেন যা স্পেক থেকে অ্যালগরিদমকে ছিঁড়ে ফেলেছে) ব্যবহার করার সুপার ব্যবহারিক ওভারভিউ <hgroup> উপাদান উপশিরোনাম, সাবটাইটেল, বিকল্প শিরোনাম, snd ট্যাগলাইন জড়িত শিরোনাম নিদর্শন পরিচালনা করতে। আমি নিশ্চিত যে আপনি বন্যের মতো মার্কআপ দেখেছেন:

<h1>Disappointingly Average</h1>
<h2>The Autobiography of Geoff Graham</h2>
<h3>by Geoff Graham</h3>

এটি শিরোনাম স্তর দ্বারা চালিত একটি ফ্ল্যাট নথির রূপরেখার সাথে ঝাঁকুনি দেয় না। এই শিরোনামগুলির প্রত্যেকটি একটি বিভাগকে প্রতিনিধিত্ব করে যা তথ্যের একটি অনুক্রম গঠন করে:

Disappointingly Average
└── The Autobiography of Geoff Graham
    └── by Geoff Graham

আমরা পরিবর্তে কি চাই একটি গ্রুপ শিরোনাম ইঙ্গিত করুন <hgroup> উপাদান:

যখন একটি মধ্যে নেস্টেড <hgroup> উপাদান, <p> উপাদানের বিষয়বস্তু একটি উপশিরোনাম, বিকল্প শিরোনাম, বা ট্যাগলাইন উপস্থাপন করে যা নথির রূপরেখায় অন্তর্ভুক্ত নয়।

সুতরাং, আমরা এই কাঠামোটি পাই:

<hgroup>
  <h1>Disappointingly Average</h1>
  <p>The Autobiography of Geoff Graham</p>
  <p>by Geoff Graham</p>
</hgroup>

<hgroup> is role=generic এই মুহূর্তে, কিন্তু স্টিভ একটি প্রস্তাবের দিকে নির্দেশ করে যে এটা মানচিত্র পারে role=group. যদি তা হয়, অ্যাক্সেসিবিলিটি ট্রি সহায়ক প্রযুক্তিকে সেই অনুচ্ছেদের সাবটাইটেল এবং ট্যাগলাইন অংশ হিসাবে আরও শব্দার্থিক অর্থ বরাদ্দ করার অনুমতি দেবে। সহজ শোনাচ্ছে কিন্তু স্টিভ নোট করেছেন যে চ্যালেঞ্জগুলি পথে রয়েছে। তিনি এও ডেমো করেছেন যে কীভাবে এই ধরণের প্যাটার্ন আজকে ARIA বৈশিষ্ট্যগুলির সাথে প্রয়োগ করা যেতে পারে৷

যতক্ষণ না আমরা জিনিসগুলিকে রাউন্ডিং করছি, ম্যাথিয়াস ওট কিছু টিপস প্রকাশ করেছেন শিরোনাম সহ একটি কাঠামোগত রূপরেখা তৈরি করা. আপনার শিরোনাম রূপরেখা পরীক্ষা করার জন্য সরঞ্জামগুলির একটি দুর্দান্ত তালিকার জন্য শেষটি দেখুন।