آخرین مطالب
امکانات وب
امروز میخواهیم با تگ ها و جوانب html5 آشنا شویم. Html5 انقلابی در طراحی سایت ایجاد کرد در واقع این زبان نشانه گذاری نصبت به گذشته کاملاً مفهومی تر و سئو بیس تر میباشد. در html5 شما اجزاء مهم را از اجزاء معمولی جدا میکنید html5 نه تنها سئو سایت بلکه ظاهر و کارایی های سایت شما را نیز بالا می برد به طور مثال در html5 به راحتی میتوان با قابلیت های خود html5 فیلم و صوت درج کرد. انیمیشن ساخت و کلی موارد دیگر که مفصل در مورد آنها صحبت میکنیم.
خوب حال برای کدنویسی با html5 در ابتدا باید قالب سایت طراحی شده باشد.
به طور مثال سایتی که من میخواهم کد نویسی آن را شروع کنم یک هدر، یک ساید بار، یک فوتر و یک بخش اصلی دارد. در گذشته برای طراحی اینگونه سایتی اجزاء تفاوت نداشتند و شما برای طراحی هر کدام می توانستید از اجزاء اصلی html استفاده کنید که بیشتر افراد از div استفاده میکردند اما در html5 اگر بخواهید به صورت استاندارد کد بنویسید باید از تگ های html5 استفاده کنید و اگر نه اجباری به این کار ندارید ولی در هرصورت چند تگ هستند که با آنها میتوانید اجزاء اصلی سایت را از یکدیگر جدا کنید.
- Header
- Footer
- Section
- هدر: این بخش سرصفحه سایت شما را در بر میگیرد.
- فوتر: این بخش پا صفحه شما را در بر میگیرد.
- سکشن: با این تگ میتوانید محتویات میانی سایت را دسته بندی کنید(به طور مثال سایدبار و کانتنت یا رپر سایت)
در مطالب گذشته سایت نمونه ای از وب سایت طراحی شده با HTML5 آمده است که میتوانید به آن مراجعه کنید.در اینجا نیز به ذکر مثالی ساده تر میپردازیم.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>اچ تی ام ال 5</title>
</head>
<body>
<header><h1>اچ تی ام ال 5</h1></header>
<section class="content">ساخت سایت به سادگی امکان پذیر نیست مگر با تمرین و تکرار</section>
<section class="sidebar"></section>
<footer><blockquote>ساخت سایت به سادگی امکان پذیر نیست مگر با تمرین و تکرار</blockquote></footer>
</body>
</html>
در کد های بالا از تگی به نام blockquote استفاده کرده ایم این تگ برای معرفی یک نقل قول می باشد.
در مطلب بعدی نحوه درج یک موزیک پلیر با استایل دلخواه میپردازیم.
طراحی سایت...برچسب : نویسنده : علی آخرتی web500 بازدید : 982