H1-H6 ট্যাগগুলির জন্য সর্বাধিক সাধারণ ফন্ট-আকারগুলি কী কী [বন্ধ]

Question

একটি সাধারণ সেরা অনুশীলনের বেসলাইন হিসাবে কোথায় শুরু করব তা সম্পর্কে আমি সবসময়ই অনিশ্চিত ছিলাম। হ্যাঁ, আমি জানি এটি আপনার নকশার উপর নির্ভর করে - তবে সবচেয়ে সাধারণ কী?

স্টার্টার হিসাবে আমার বর্তমানে যা আছে তা এখানে:

h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}

হ্যাঁ, আমরা আমার বর্তমান চাকরিতে ইএম ব্যবহার করি না।

ধন্যবাদ

Comments

কোনও উত্তর না থাকায় এটি একটি উপযুক্ত প্রশ্ন বলে মনে করবেন না ..

— ট্রিমনকি

ট্রিমনকি, সত্যি? মতামত জিজ্ঞাসা করা কি ঠিক হবে না?

— আর্স্টুরিম

আমার প্রিয় জিনিসটি হ'ল আমি যখন কিছু গুগল করি, তারপরের ফলাফলটি স্ট্যাকওভারফ্লো পোস্ট এবং প্রশ্নটি বন্ধ বা ধরে রাখা হয়। সময়ের পরীক্ষায় দাঁড়াতে জ্ঞানের বাসি এনক্যাপসুলেশনের মতো কিছুই ঠিক নেই।

— কাইল কেলি

না, @rsturim, মতামত জিজ্ঞাসা করা ঠিক হবে না

— লিয়াম

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

— পিট

Answer 1

এটি ব্রাউজারের ডিফল্ট স্টাইলশিটের উপর নির্ভর করবে। আপনি CSS2.1 ব্যবহারকারী এজেন্ট স্টাইলশীট অক্ষমতা একজন (বেসরকারী) টেবিল দেখতে পারেন এখানে ।

উপরের তালিকাভুক্ত পৃষ্ঠার উপর ভিত্তি করে, ডিফল্ট আকারগুলি এর মতো দেখতে লাগে:

    IE7     IE8     FF2         FF3         Opera   Safari 3.1
H1  24pt    2em     32px        32px        32px    32px       
H2  18pt    1.5em   24px        24px        24px    24px
H3  13.55pt 1.17em  18.7333px   18.7167px   18px    19px
H4  n/a     n/a     n/a         n/a         n/a     n/a
H5  10pt    0.83em  13.2667px   13.2833px   13px    13px
H6  7.55pt  0.67em  10.7333px   10.7167px   10px    11px

এইচটিএমএল 4 এর জন্য ডিফল্ট স্টাইলশিটটিও একবার দেখার মতো । ডাব্লু 3 সি এই স্টাইলগুলি ডিফল্ট হিসাবে ব্যবহার করার পরামর্শ দেয়। একটি সংক্ষিপ্ত অংশ:

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

এই তথ্য সহায়ক আশা করি।

Comments

এইচ 6 এর জন্য এইচটিএমএল 4 এর প্রস্তাবনা উপেক্ষা করা হয়েছে এবং 0.67 এম জিতেছে; আজকালকার ওয়েবকিট এবং এফএফ emIE8 এর মতো একই আকারের ব্যবহার করে । w3.org/TR/html-markup/h6.html আরও বলেছে "সাধারণ" ডিসপ্লে 0.67 ম।

— বেনি চেরনিয়াভস্কি-পাসকিন

এর পিছনে কোনও যুক্তি বা কোনও এলোমেলো লোক একবার বলেছিল "এই আকারগুলিতে শিরোনামগুলি থাকবে"?

— rzb

এইচটিএমএল 5 ডিফল্ট অন্তর্ভুক্ত করার জন্য উত্তরটি আপডেট করা ভাল ধারণা হবে।

— মোহা সর্বশক্তিমান উট

এখানে HTML5 এর বেশী উপর w3.org/TR/html5/rendering.html#sections-and-headings

— সাইরেন

@ বেনিচেরনিয়াভস্কি-পাসকিন্থে লিঙ্কটি নষ্ট হয়ে গেছে, আপনি কি নতুন একটি পোস্ট করতে পারেন?

— কুলদীপ

Answer 2

শিরোনামগুলি সাধারণত সাহসী-মুখযুক্ত; এটি আকারের চিঠিপত্রের এই প্রদর্শনের জন্য বন্ধ করা হয়েছে। এমএসআইই এবং অপেরা এই আকারগুলি একই ব্যাখ্যা করে তবে নোট করুন যে গেকো ব্রাউজারগুলি এবং ক্রোম শিরোনামটি 10 ​​পিক্সেল / ফন্টের আকার 1 এর পরিবর্তে 11 পিক্সেল হিসাবে এবং শিরোনাম 18 পিক্সেল / ফন্টের আকার 4 এর পরিবর্তে 19 পিক্সেল হিসাবে ব্যাখ্যা করে (যদিও এটি করা কঠিন এমনকি সরাসরি তুলনা এবং ব্যবহারে অসম্ভব) পার্থক্যটি বলুন। দেখে মনে হচ্ছে গেকোও পাঠ্যকে 10 পিক্সেলের চেয়ে কম নয়।