آموزش مقدماتی html5

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

در این دوره سعی شده است که بخش مقدماتی از آن چیزی که شما برای طراحی با این زبان محبوب نیاز دارید گردآوری شده و در اختیار شما قرار داده شود.

 HTML5 چیست؟

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

امروزه تمام مرورگرهای اصلی مانند کروم، اینترنت اکسپلورر ، سافاری، فایرفاکس زبان کدنویسی HTML5  را پشتیبانی میکنند و امکان استفاده از تمام ظرفیت های آن فراهم شده است. از آنجایی که سایت w3schools یک منبع مهم در این رابطه هست از این سایت به عنوان منبع برای این دوره استفاده شده است.

مهمترین اهداف در طراحی و استفاده از زبان html5

امکانات جدیدی که بر پایه HTML ارایه می شوند ، باید با زبان  CSS ،  DOM و javascript بوده و همخوانی لازم را داشته باشد.

نیاز به افزونه های خارجی و جانبی مانند فلش تا حد امکان کاهش یابد.

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

استفاده از اسکریپت در کدنویسی این زبان با نشانه گذاری جایگزین شود.

Html 5   باید مستقل از دستگاه باشد و بر روی هر توع کامپیوتر و گجتی قابل استفاده باشد.

مراحل پیشرفت و بروزرسانی آن باز و در اختیار عموم باشد.

 آنچه در مورد HTML5 باید بدانیم.

به یاد داشته باشیم که HTML5 بر پایه نسخه قبلی یعنی همان HTML4.01 ساخته شده است و برای استفاده بهتر از آن میتوانید از اطلاعات قبلی خود نیز بهره ببرید زیرا با یک زبان کاملا جدید و متفاوت روبرو نیستید. تنها کافیست که تغییرات آن را نسبت به نسخه های قبلی بخوبی بشناسید و از امکانات جدیدی که به HTML5 افزوده شده نهایت استفاده را ببرید.

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

عناصر مهم زبان html5

این زبان نشانه گذاری استاندارد برای طراحی صفحات وب هست.

عناصر HTML بلوک های سازنده ی صفحات HTML هستند

عناصر HTML با استفاده از تگ ها نشان داده میشوند

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

تگ ها در HTML

تگ های HTML همان نام عناصر هستند که به وسیله ی علامت های کوچکتر و بزرگتر احاطه شده اند.

تگ ها در HTML به صورت معمول جفت هستند مانند <p> و <p/>

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

عنصر < head >  در HTML

عنصر  < head > ظرفی برای متا دیتا ها ( داده هایی درباره ی داده ها ) است که بین تگ های  html و  body  قرار گرفته است.

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

متا دیتا ها معمولا عنوان سند ، کارکترست، استایل ها، لینک ها، اسکریپت ها و دیگر اطلاعات را برای اسناد HTML تعریف میکنند.

متا دیتا ها با استفاده از این تگ ها تعریف میشوند : <title> ، <style> ، <meta> ، <link> ،   <script> و  < base > .

عنصر  < title > در  HTML

عنصر < title > عنوان سند HTML را مشخص میکند و در تمام اسناد HTML و XHTML اجباری است.

کاربرد عنصر < title > :

عنوانی را برای تب مرورگر تعریف میکند.

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

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

عنصر   < meta > در  HTML

عنصر  < meta > برای مشخص کردن نوع کارکترست ، توضیح صفحه، کلمات کلیدی، نویسنده، و دیگر اطلاعات استفاده میشود.

جمع بندی

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