قواعد نوشتاری و سینتکس HTML5

گروه آموزشی مجموعه فاوا

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

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

زبان HTML5 دارای یک قواعد نوشتاری و سینتکس “سفارشی است که با اسناد HTML4 و XHTML1 منتشر شده بر روی وب، سازگار می باشد، اما با ویژگی های رمزی SGML در HTML4 سازگار نیست.

قواعد نوشتاری HTML5 از قوانین XHTML پیروی نمیکند و با انعطاف پذیری زیاد موارد زیر تحت پوشش قرار میدهد:

۱ .استفاده از حروف بزرگ برای نام تگ

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

<P>Capital and lowercase letters <EM>don’t matter</eM> in tag names.</p>.

1	<P>Capital andlowercase letters<EM>don‘tmatter</eM>intag names.</p>.

2 .استفاده اختیاری از نقل قول برای خاصیت ها

HTML5 قوانین خاصیت ها را نیز تغییر میدهد. تا زمانی که مقادیر خاصیت شامل یک کاراکتر محدود شده (مانند >، =، و یا یک فاصله) نباشد ، دیگر به علامت نقل قول نیازی نیست. در اینجا مثالی از یک عنصر <img> که از این ویژگی استفاده میکند را مشاهده میکنید:

<img alt=”Horsehead Nebula” src=Horsehead01.jpg>

1	<img alt=“Horsehead Nebula”src=Horsehead01.jpg>

3 .درج اختیاری مقادیر خاصیت ها

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

<input type=”checkbox” checked=”checked” /><input type=”checkbox” checked>

1	<input type=“checkbox”checked=“checked”/><input type=“checkbox”checked>

4 . بستن اختیاری عناصر خالی

HTML5 همچنین به شما امکان حذف اسلش که برای بستن یک عنصر خالی مورد استفاده قرار میگیرد را میدهد . عناصری مانند تگ <br> (شکست خط)، و یا <hr> (خط افقی).

در مثال زیر سه راه برای اضافه کردن یک شکست خط را مشاهده می کنید:

I cannot<br /><br />
move backward<br><br />
or forward.<br/><br />
I am caught

Icannot<br/>

move backward<br>

orforward.<br/>

Iam caught