فضای سفید در HTML

احتمالاً گیج کننده ترین ویژگی در HTML نحوه استفاده از فضای سفید است. اصطلاح فضای سفید به فضاها، برگه ها، فاصله های متوالی و شکستگی خطوط در کد HTML اشاره دارد. به‌طور پیش‌فرض، وقتی مرورگر کد HTML را تجزیه می‌کند، فضای خالی بین آن را نادیده می‌گیرد .

بنابراین، این سه فرمت همگی نتایج یکسانی را تولید می کنند :

<title>

My First Web Page

</title>

<title>My First Web Page

</title>

<title>My First Web Page</title>

این کاملاً به شما بستگی دارد که از چه فرمتی برای برنامه های خود استفاده کنید، اما من توصیه می کنم یک قالب را انتخاب کنید و به آن پایبند باشید. این کار خواندن کد شما را برای شما یا هر کس دیگری آسان تر می کند.

کامنت کردن کد

هر زبان برنامه نویسی به شما امکان می دهد نظراتی را در داخل کد جاسازی کنید تا به شما کمک کند با مستند کردن آنچه در جریان است. HTML تفاوتی ندارد.

HTML به شما امکان می دهد متن را وارد کنید در داخل سند HTML که در هنگام تجزیه متن توسط مرورگر نادیده گرفته می شود. برای شروع یک بخش نظر در HTML، از نماد زیر استفاده می کنید :

<!–

سپس می‌توانید به اندازه‌ای که نیاز دارید متنی را وارد کنید تا به درستی آنچه را مستند کنید

در کد شما ادامه دارد. وقتی متن نظر کامل شد، باید آن را ببندید بخش نظرات با استفاده از نماد زیر:

–>

می‌توانید هر چیزی را بین تگ‌های نظر باز و بسته قرار دهید، از جمله کد HTML، و مرورگر آن را نادیده می گیرد. با این حال، مراقب باشید که چه چیزی می گویید نظرات، زیرا هر کسی که صفحه وب شما را دانلود کند می تواند آنها را بخواند!

اکنون که می دانید چگونه بخش های مختلف صفحه وب را تعریف کنید، بخش بعدی در مورد چگونگی افزودن محتوا به آنها بحث می کند.

نگاهی به عناصر اولیه HTML5

پس از تعریف یک یا چند بخش در صفحه وب خود، آماده شروع هستید تعریف محتوا افزودن محتوا به یک صفحه وب به نوعی مانند کار روی یک ماشین است خط تولید. شما هر قسمت از صفحه وب را به صورت جداگانه، عنصر به عنصر تعریف می کنید. این به مرورگر بستگی دارد که قطعات را برای ایجاد صفحه وب نهایی جمع آوری کند.

این بخش عناصر اصلی را پوشش می دهد که برای تعریف محتوا در صفحه وب خود استفاده می کنید.

عنوان ها در HTML

به طور معمول، هر بخش جدیدی از محتوا در یک صفحه وب از نوعی عنوان برای برجسته کردن آن استفاده می کند. تحقیقات نشان می دهد که اولین کاری که بازدیدکنندگان سایت معمولاً هنگام بازدید از یک صفحه وب انجام می دهند، اسکن عناوین اصلی صفحه است. اگر نمی توانید توجه آنها را با عناوین بخش خود جلب کنید، ممکن است به سرعت آنها را از دست بدهید.

HTML5 از عنصر h برای تعریف متن برای عنوان استفاده می کند. شش سطح مختلف را تعریف می کند از سرفصل ها هر سطح عنوان دارای یک برچسب جداگانه است:

<h1>A level 1 heading</h1>

<h2>A level 2 heading</h2>

<h3>A level 3 heading</h3>

<h4>A level 4 heading</h4>

<h5>A level 5 heading</h5>

<h6>A level 6 heading</h6>

اگرچه در استاندارد HTML5 شش سطح سرفصل وجود دارد، اکثر سایت ها اینطور نیستند از بیش از دو یا سه استفاده کنید. مرورگر مشتری فونت، سبک و اندازه متنی را که برای هر کدام استفاده می کند تعیین می کند سطح عنوان شکل 1-3 نشان می دهد که چگونه مرورگر وب کروم این شش سطوح سرفصل ها را تفسیر می کند.