ببینیم محتوایمان به چه تگی می خورد همان را وارد کنیم یا ادامه تگ های قبلی را پیش برویم یا تگ هایمان را بروزرسانی کنیم از این سه مسئله تا اینجا استفاده کردیم
این ها قسمت های انتهایی هر بخش اموزش مان هست ان بخش یا قسمتی از اموزش که مهم بود را در انتهای هر بخش اموزش وارد کردم به همین علت تکرار شده است
همین تکرار هم نشان دهنده ای انتهای بخش بندی می باشد این ها چون انتهای هر بخشی هستند از طراحی های قبلا استفاده می کردیم
استفاده از خط جدید <br>
استفاده از پاراگراف <p></p>
استفاده از تگ ی که طراحی سورس کد را نگه می داشت <pre></pre>
نسبت به حالت های قبلی یک تغییر خاصی کرد
استفاده از تگ لیست که در اینجا چون مسئله زبان انگلیسی و ترجمه است میتوانیم از تگ توضیحات استفاد کنیم<dl></dl>
ویک طراحی دیگری که به نظرمان می رسد چون که این انتهای یک بخش می باشد این بخش می تواند به عنوان یک صفحه درنظرگرفته شود پس این قسمت پایین صفحه هم می باشد
پس اگر فرض کنیم انتهای هر بخش یا انتهای هر صفحه مان این قسمت باشد به این حالت می شود
اگر مسئله مان یا طراحی مان انگلیسی به فارسی باشد به این شکل می شود پس مشاهده می کنیم که تگ توضیح ربطی به این که کدام تگ اول یا دوم باشد ندارد به طول محتوا ربطی دارد
که این را قبلا بررسی کردیم این هم یک نوع طراحی می باشد همان طور که مشاهده می کنید بین دو تگ لیست توضیح خط جدید و جود ندارد که این قسمت می گوید خط جدید تگ دارد
و من منظورم فاصله بین دو تگ می باشد که برای فاصله بین دوتگ از خط جدید استفاده می کنم فاصله ای ایجاد نشد منظورم اجرا شد پس فاصله بین دوتگ با خط جدیدی که
توسط تگ وارد می شود متفاوت می باشد تاوقتی که اجرا نکرده بودم متوجه نشده بودم این هم یک نوع طراحی می باشد حالا برویم این مسئله
ازقسمت دسته بندی که نتواستیم پیداش کنیم وقتی وارد دسته بندی ها می شویم متوجه می شویم که ازاین تگ استفاده کرده ایم هم به عنوان تگ استفاده کردیم
هم به عنوان ویژگی استفاده کردیم وقتی یک تگی را یک جا به یک صورت یا حالت استفاده کردیم بقیه تگ ها هم شبیه همان استفاده می شود فقط باید بدانید
که هر تگی برای چه کاری استفاده می شود یا ازطرفی باید اصول طراحی یک صفحه را بدانید بعد تگ معادلش را پیدا می کنید و برنامه نویسی اچ تی ام ال را شبیه من پیاده سازی می کنید
می توانیم از یک طراحی یا تگ دیگری استفاده کنیم به نام پایین صفحه یا فوتر استفاده کنیم
تگی که در ذهن مان هست را پیدا می کنیم
<footer></footer>
جزو تگ هایی بود که خط جدید دارد و نیاز به وارد خط جدید نیست
جزو تگ های معنادارد یا سیمنتیک است همانطور که جای تگ در صفحه مشخص است
توضیح دیگری در ذهن ام نیست حالا پیاده سازی کنم موارد کاربردی اش را اینجا توضیح داده است چون که از زبان های دیگر استفاده کرده است
پایین صفحه یا فوتر مشخص است و ما چون که از از اچ تی ام ال فقط استفاده می کنیم وسعی می کنیم روی تگ ها برای طراحی استفاده کنیم خیلی مشخص نیست
توضیح اش این طور می شود فرض می کنیم این صفحه ما باشد این قسمت پایین صفحه ما باشد این طراحی پایین صفحه ما براساس اچ تی ام ال یا تگ ها می باشداین هم همین مفهوم را دارد
اما یک تفاوتی وجود دارد این قسمت و این قسمت
این قسمت طراحی بهتری دارد فارسی و انگلیسی جدا است نسبت به بقیه متن متفاوت است و مشخص است که این قسمت پایین صفحه واین قسمت بالای صفحه است
اما در این قسمت خیلی مشخص نیست براساس تگ های اچ تی ام الی که نوشتیم اما یک تفاوتی وجود دارد از دیدگاه ماشین یا موتورهای جستجو این قسمت طراحی بهتری دارد
از دیدگاه جستجو یا شناخت این قسمت از محتوا به معنای پایین صفحه می باشد واین ازروی تگ ها مشخص است
اما این قسمت از محتوا به این معنی نمی باشد یعنی از طریق تگ ها به صفحه مان معنی می دهیم و این معنی از طریق جستجوگرپیدا می شود
پس رابطه ای وجود دارد بین طراحی و شناخت وجستجو گرها و تگ های اچ تی ام ال .
اگر این طراحی کنم چه فایده ای دارد اگر این طراحی را کنم چه فایده ای دارد هر طراحی چه فایده هایی دارد؟
در حالت عادی از دوتگ پاراگراف استفاده می کنیم چه نیازی به تگ فوتر هست چون که وقتی از تگ فوتر استفاده می کنیم صفحه مان تقسیم بندی می شود یعنی به صفحه مان معنی می دهیم
اما اگر فقط از تگ پاراگراف استفاده کنیم صفحه مان تقسیم بندی از طریق تگ ها نمی شود این تفاوت را دارد
فیلم آموزشی:
فایل های مورد نیاز:
موفق باشید
به امیدخدا
