HTML5 and CSS3

مبانی HTML5

هسته برنامه وب شما کد HTML5 است که برای ارائه محتوا به بازدیدکنندگان سایت خود ایجاد می کنید.

شما نیاز به درک چگونگی HTML5 دارید کار می کند و چگونه از آن برای ارائه بهترین اطلاعات خود استفاده کنید.

این فصل اصول اولیه HTML5 را شرح می دهد و نحوه استفاده از آن را برای ایجاد صفحات وب نشان می دهد.

جست و جو در ساختار سند

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

این مقالات ساختار کلی یک HTML5 را توضیح می دهد برنامه، و به شما می گوید برای اطمینان از اینکه مرورگرهای مشتریان شما می دانند چگونه با صفحات وب شما به درستی کار کنند، چه چیزهایی را باید لحاظ کنید.

عناصر، برچسب ها و ویژگی ها

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

مشخصات HTML5 دو نوع عنصر را تعریف می کند:

»»عناصر دو طرفه: المان های دو طرفه رایج ترند عنصر یک عنصر دو طرفه شامل دو بخش است: یک برچسب باز و یک برچسب بسته شدن

برچسب زدن نحو برای یک عنصر دو طرفه به صورت زیر است:

<element>content</element>

اولین تگ عنصر، تگ افتتاحیه است. این شامل نام عنصر است که با نماد کمتر از (<) و نماد بزرگتر از (>) احاطه شده است، و شروع تعریف عنصر را تعریف می کند. تگ دوم تگ بسته شدن است. پایان تعریف عنصر را مشخص می کند. به همان نام عنصر اشاره می کند، اما قبل از نام یک اسلش رو به جلو (/) قرار می گیرد. مرورگر باید هر محتوایی را بین دو تگ به عنوان بخشی از محتوای عنصر مدیریت کند. به عنوان مثال، عنصر HTML5 h1 a را تعریف می کند

عنوان کردن به این صورت:

<h1>This is a heading</h1>

این عنصر به مرورگر دستور می دهد که متن را نمایش دهد. این یک عنوان با استفاده از فونت و اندازه مناسب برای عنوان در صفحه وب است. تعیین نحوه انجام این کار به عهده مرورگر است.

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