তারিখ, সংখ্যা, টাকা, নাম আর ঠিকানা কীভাবে দেখাবেন, আর কোনগুলি মানুষ গুলিয়ে ফেলে।
প্রতিটি উদাহরণ সত্যিই চলে, কিন্তু এর লিংকগুলো কোথাও নিয়ে যায় না।
তারিখ আর সময়
তারিখটি <time> ট্যাগে রাখুন, সঙ্গে কম্পিউটার পড়তে পারে এমন একটি রূপ। দেখানো তারিখটি আপনার পাঠকেরা যেভাবে দেখতে চান সেভাবেই লিখুন। rastrillo সেটি আপনার হয়ে সাজিয়ে দেবে না।
<sectionrst-box>
<dlrst-detail>
<dt>প্রকাশিত</dt>
<dd>
<timedatetime="2026-08-02">2 আগস্ট 2026</time>
</dd>
</dl>
</section>
কিছু করতে কত সময় লেগেছে
সময়ের দৈর্ঘ্যের জন্যও <time> ব্যবহার করুন। যন্ত্রপাঠ্য রূপটি দেখতে অদ্ভুত: PT2H30M মানে ২ ঘণ্টা ৩০ মিনিট।
লম্বা সংখ্যাগুলিকে ভাগ করে দিন যাতে এক নজরে পড়া যায়: ইংরেজিতে 54,173, জার্মানে 54.173, আরবিতে ٥٤٬١٧٣। লম্বা সংখ্যা কখনও শুধু অঙ্ক হিসেবে দেখাবেন না। টেবিলে সমান চওড়া অঙ্ক ব্যবহার করুন, যাতে কলামগুলি এক সারিতে থাকে।
প্রতিটি পরিমাণ মুদ্রার সবচেয়ে ছোট একক পূর্ণসংখ্যায় সংরক্ষণ করুন, যেমন সেন্ট, তার পাশে মুদ্রা কোডসহ। এটি `money` দিয়ে দেখান, যা পাঠকের ভাষার নিয়মে এটি লেখে। মুদ্রা সবসময় আপনার ডেটা থেকে আসে, পাঠকের কাছ থেকে কখনও না।
কোনও কিছু কতটা ভরা তা দেখাতে <meter> ব্যবহার করুন। কোনও কাজ কতদূর এগিয়েছে তা দেখাতে <progress>। সংখ্যাটি সবসময় বারের পাশে লিখুন। একা বার সেই পাঠককে কিছুই বলে না যিনি দেখতে পান না।
4 MB-এর মতো একটি গোল করা আকার দেখান, আর বাইটের সঠিক সংখ্যাটি <data> ট্যাগে রাখুন। স্ক্রিন রিডার পর্দায় যা আছে তা-ই পড়ে, ট্যাগটি উপেক্ষা করে, তাই গোল করা আকারটিকে নিজে নিজেই কাজের হতে হবে।
এগুলি ভাগ করবেন না। অর্ডার 4471, অর্ডার 4,471 নয়। বছর, ভার্সন নম্বর আর পোর্ট নম্বরও একই রকম। rst-mono ব্যবহার করুন যাতে সেগুলি কোডের মতো দেখায়, আর কখনও একটিকে <time> ট্যাগে রাখবেন না, দেখতে তারিখের মতো হলেও নয়।
নাম যে কোনও ভাষায় হতে পারে, ডান থেকে বাঁয়ে পড়া ভাষাতেও। নাম যখন কোনও লাইনের মাঝখানে বসে, তখন সেটিকে <bdi> দিয়ে ঘিরে দিন, নইলে সেটি আশপাশের শব্দের ক্রম এলোমেলো করে দেবে। নামের পাশে ছবি দেখাতে person ব্যবহার করুন।