تگ Video  برای قرار دادن مستقیم فایل های ویدیو در صفحه HTML و تگ Audio  برای قرار دادن فایل صوتی.

Audio

فعلا فقط 3 فرمت Ogg ، MP3 و Wav رو می توان استفاده کرد:

src="song.ogg">

Video:

تگ figure

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

<figure>
   <img src="/figure-figcaption.jpg" alt="figure-figcaption">
   <figcaption> توضیحات مربوط به عکس </figcaption>
</figure>

تگ footer

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

تگ footer نماینده قسمتی از صفحه می باشد. که شامل اطلاعاتی درباره قسمت مورد نظر است مثل نویسنده، لینک های مرتبط به این قسمت، اطلاعات copyright و چیزهای مثل این می باشد.

در یک صفحه ما می توانیم چند تا تگ footer داشته باشیم یعنی برای هر قسمت می توانیم یک تگ footer  به کار ببریم.

<footer>
   <ul>
      <li>copy right.</li>
      <li>sitemap</li>
      <li>contact</li>
      <li>to top</li>
   </ul>
</footer>

این تگ هم مثل تگ section یک تگ جدید در html5 می باشد و  می توان تگ article را

 نوعی تگ section به حساب آورد ولی از نظر کاربرد تگ article مستقل و دقیقتر نسبت به

 تگ section می باشد و معنی دقیقتری را منعکس می کند. ما تگ section را می توانیم نوعی

 article بلندتر و وسیعتر حساب کنیم.
نکته ای دیگری که تفاوت این دو تگ با هم است این می باشد که در داخل تگ article، تگ

 article دیگه ای نمیشه استفاده کرد ولی تگ های section, nav, aside را به همراه 

تگ header و footer را همانند تگ section می توان استفاده کرد

برای جا افتادن استفاده از این دو تگ فرض کنیم که ما یک صفحه از چندین قسمت مختلف ولی

 مرتبط با هم داشته باشیم آن ها را در یک Section قرار میدهیم(استفاده از تگ  section) و

 هر کدام از قسمت ها  را در یک article قرار میدهیم(استفاده از تگ article) و اگر قسمت های

 مختلفی در صفحه ما وجود داشت که با هم هیچ ارتباطی نداشتند از تگ div استفاده میکنیم که

 نسبت به دو تگ قبلی بازه بزرگتری را پوشش میدهد. 

در این قسمت چند نمونه مثال قرار میدهیم که نحوه استفاده را نمایش میدهد

اولین مثال برای استفاده یک تگ article ساده می باشد که برای قسمت مقالات یک وبلاگ 

می تواند به کار برده شود. 

<article>
        <h1>Title</h1>
        <section>
            <h2>Section title</h2>
            <p>Content</p>
        </section>
        <section>
            <h2>Section title</h2>
            <p>Content</p>
        </section>
        <section>
            <h2>Section title</h2>
            <p>Content</p>
         </section>
</article>

 یک تگ header نمی تواند شامل یک Section باشد ولی عکس این قضیه صادق است

 یعنی ما برای هر قسمت از صفحه یا هر section می توانیم از یک  تگ header استفاده کنیم.

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

<header>
    <h1> مهمترین قسمت صفحه </h1>
</header>

نکته ای که در اینجا وجود دارد این می باشد که شما برای استفاده از از تگ header فقط مجبور

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

 header با همدیگر استفاده کنید که هر کدام از این تگ ها برای یک قسمت از صفحه باید استفاده

 بشوند.

<header>
    <h1> مهمترین قسمت صفحه </h1>
</header>
<article>
    <header>
        <h1> تيتر مقاله </h1>
    </header>
    متن مقاله...........
</article>

این تگ به صورت تگ block-level میباشد ولی در حال حاضر تمام مرورگرها موقع رندر کرد

ن تگ header نیاز به این تعریف دارند

header { display: block; }

در html5 فعلا مرورگرها برای تگ هایی که به صورت block-level  می باشند احتیاج به این

 دستور دارند و به صورت درونی از این دستور پشتیبانی نمیشه ولی در آینده این دستور به صورت

 درونی در مرورگرها پشتیبانی خواهد شد.

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

فرمت فایلهای گرافیکی که توسط مرورگرهای مرسوم پشتیبانی می شوند شامل فرمت گرافیکی قابل تعویض (GIF)، گروه متخصصین عکاسی (JPEG)، گرافیک شبکه های قابل حرکت (PNG)، و گرافیکهای برداری می باشد. برخی از ویژگیهای این فرمت ها به قرار زیر می باشند:

• شفافیت (T r a n s p a r e n c y) – این ویژگی به تصویر این امکان را می دهد تا درجه ای متغیر از ماتی را داشته باشد که از جامد تا شفافیت کامل (پشت تصویر کاملا قابل مشاهده است) متغیر است.
  
  
• فشرده سازی – این ویژگی به تصویر این امکان را می دهد تا توسط الگوریتمهای ریاضی، که گروهی از پیکسلها را بعنوان یک آیتم قلمداد می کنند، در حجم کوچکتری ذخیره سازی شود.
  
  
• چند خط در میان (I n t e r l a c i n g) - این ویژگی به تصویر این امکان را می دهد تا به این ترتیب بارگذاری شود که در ابتدا خصوص فرد کشیده شوند و سپس خطوط زوج. اینکار به کاربران و بینندگان این امکان را می دهد تا تصویر را زودتر از آنکه بارگذاری به اتمام برسد مشاهده نمایند.
  
  
• انیمیشن – انیمیشن، با استفاده از یک سری از تصاویر ثابت و پشت سرهم حس حرکت را بوجود می آورد. Gif های متحرک، نه تنها نیاز به پلاگینی ندارند بلکه تقریبا قادرند با هر سخت افزار و دستگاهی کار کنند.
  
  
• پیشرفت کننده (P r o g r e s s i v e) – این ویژگی در بارکذاری تصاویر، پیزی شبیه به interlacing است به این ترتیب که قسمتهای مختلف تصویر بطور جداگانهبارگذاری می شوند ولی محدود به خطوط زوج و فرد نیستند. اینکار سبب می شود تا کاربر تصویر را زودتر از زمان بارگذاری آن مشاهده کند.
  
  

GIF

منشاء GIF به سال 1980 بر می گردد و در اویل دهه 90 میلادی بعنوان فرمتی مطلوب برای طراحی صفحات سایت توسط طراحان سایت مورد قبول قرار گرفت. فایلهای GIF، از الگوریتمی برای فشرده سازی استفاده می کند که حجم فایلها را برای بارگذاری سریع پایین نگه می دارد.

رنگها به 256 رنگ (8 بیت) محدود شده اند و ویژگیهای transparency و interlaced نیز پشتیبانی می شود. همچنین این امکان وجود دارد تا تصویری متحرک و انیمیشن دار با استفاده از این فرمتی تصویری ساخته شود. تمامی مرورگرها می توانند این فرمت را بطرز صحیحی نمایش دهند.

مزایای GIF:

• بیشترین فرمت گرافیکی پیشتیبانی شده
• دیاگرامها در این فرمت تصویری بهتر نشان داده می شوند.
• Transparency در این فرمت پشتیبانی می شود.

JPEG

فایلهای JPEG فشرده سازی می شوند ولی از رنگهای حقیقی 24 بیتی پشتیبانی می کنند و برای عکاسانی کیفیت تصاویر برایشان اهمییت دارد مناسب تر هستند. JPEG از فرمت Progressive پشتیبانی می کند که این اجازه را می دهد تا تصویر با کیفیت بلافاصله بارگذاری شود درحالیکه مابقی المانها نیز در حال لود شدن می باشند.

مزیتهای JPEG:

• حجم فشرده سازی بالا به معنای بارگذاری و دانلود سریعتر است.
• تولید کیفیتی مطلوب برای عکاسان و نقشه های پیچیده.
• پشتیبانی از رنگ 24 بیتی.

PNG

PNG نسبتا فرمت جدیدی است که بعنوان جایگزینی برای فایلهای GIF بوجود آمده است. PNG تا 24 بیت رنگ را پشتیبانی می کند و همچنین از transparency و interlacing نیز پشتیبانی می کند که می تواند متن توصیفی کوتاهی را نیز برای تصویر در خود نگهدارد تا موتورهای جسنجوگر از آن استفاده کنند.

متاسفانه اکثر مرورگرها از PNG پشتیبانی نمی کنند و آنهایی که از آن پشتیبانی می کنند هنوز از همه ویژگیهای آن پشتیبانی نمی کنند. ولی در آینده این موضوع تغییر خواهد کرد.

مزایای PNG:

• غلبه بر محدودیتهای 8 بیت رنگ GIF
• امکان قراردادن متن توصیفی در تصویر برای استفاده در موتورهای جسنجوگر
• پشتیبانی از transparency
• دیاگرامها در این فرمت، بهتر از فرمت JPEG نمایش داده می شوند.

تصاویر برداری

اکثر تصاویر وب، تصاویری رستر شده یا بیت مپ هستند که از شبکه ای از پیکسلهای رنگی تشکیل شده اند. نقشه ها و نقاشی ها می بایست توسط بردارها ترسیم شوند که از توصیفات ریاضی برای هر المان تشکیل شده است و خطوط و رنگهای تصویر را شکل می دهند. تصاویر برداری با کمک برنامه های برداری نظیر Adobe Illustrator و Macromedia Freehand ساخته می شوند و یکی از انتخابهای طراحان در ترسیم نقشه ها و نقوش می باشند. تصاویر برداری می بایست به یکی از فرمتهای GIF، JPEG یا PNG تبدیل شوند تا در صفحات وب بتوان از آنها استفاده کرد.

از چه فرمتی می بایست استفاده کرد؟

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

اکثر طراحان از فرمت JPEG برای عکسها و نقاشی ها استفاده می کنند که فشرده سازی زیاد برکیفیت تصاویر تاثیر گذار نباشد.

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

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

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

#include
#include
 int fact(int);
int main()
{
 int m;
 cout<<"\n Enter a number:";
 cin>>m;
 cout<<"\n Number="<