در این پست من در نظر گرفته ام که کسانی که این مطلب را میخوانند حداقل با تگ های ساده html آشنا هستند.

Html5 تحول عظیمی در طراحی سایت ایجاد کرد در واقع این زبان نشانه گذاری نصبت به گذشته کاملاً کاربردی تر میباشد.

خوب حال برای کدنویسی با html5 در ابتدا باید قالب سایت طراحی شده باشد.

به طور مثال سایتی که من میخواهم کد نویسی آن را شروع کنم یک هدر، یک ساید بار، یک فوتر و یک بخش اصلی دارد. در گذشته برای طراحی اینگونه سایتی اجزاء تفاوت نداشتند و شما برای طراحی هر کدام می توانستید از اجزاء اصلی html استفاده کنید که بیشتر افراد از div استفاده میکردند اما در html5 اگر بخواهید به صورت استاندارد کد بنویسید باید از تگ های html5 استفاده کنید و اگر نه اجباری به این کار ندارید ولی در هرصورت چند تگ هستند که با آنها میتوانید اجزاء اصلی سایت را از یکدیگر جدا کنید.

1. Header
2. Footer
3. Section
4. هدر: این بخش سرصفحه سایت شما را در بر میگیرد.
5. فوتر: این بخش پا صفحه شما را در بر میگیرد.
6. سکشن: با این تگ میتوانید محتویات میانی سایت را دسته بندی کنید(به طور مثال سایدبار و کانتنت یا رپر سایت)

در مطالب گذشته سایت نمونه ای از وب سایت طراحی شده با HTML5 آمده است که میتوانید به آن مراجعه کنید.در اینجا نیز به ذکر مثالی ساده تر میپردازیم.

در کد های بالا از تگی به نام blockquote استفاده کرده ایم این تگ برای معرفی یک نقل قول می باشد.

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

نوع مطلب : | بازدید : 294
برچسب ها :مقدمه,html5,