سلام …
بازم بعد ۱۰۰ سال اومدم یه پستی بزنم، ببخشید دیگه دست خودم نیست، تقصیر این درساست، مگه به آدم فرصت نفس کشیدن هم میدن، اصلاً، به هیچ وجه.
خوب ولش کن، این حرفا که واسه ما نون و آب، … چی می گن بهش، … نون و دوغ، نون و یه چیزی ، خلاصه، دیدم وبلاگم داره یکم کم رنگ میشه، گفتم دوباره یه رنگی بهش بزنم.
توی بخشهای وبلاگم یه گشتی زدم، دیدم این بخش برنامه نویسی HTML رو کم داره، زد به کلم که یه پستی واسش بزنم، خودتون میدونین دیگه، HTML مثه اسکلت سایت میمونه.
نمیدونم بعضی از سایت ها رو دیدین که یه لینک میزارن ته صفحشون، که روش نوشته بالا یا یکم با کلاس ترش Top، خوب این لینکی که بهش دادن چیکار می کنه، جادو که نمیکنه یهو می پره بالای صفحه، نه از کد جاوا اسکریپت هم استفاده نشده،
اگه خوب به لینکش نگاه کنید میفهمین که یه کاراکتر این شکلی (#) ، نمیدونم چی بش میگن، فکر کنم میگن مربع، استفاده شده، اگه بعد این مربعه، یه کلمهای یا یه حرفی بنویسین میگرده دنبال یه تگ HTML که بهش خاصیت Id با همین کلمه یا حرف رو داده باشین،
متوجه شدین، نه !! ، خوب حقیقتاً خودمم متوجه نشدم.
اینجا شلوغ میشه، بیایین (دنباله) تا با یه مثال معروف واستون توضیحش بدم …
بزارین یه مثال بزنم.
مثلاً یه تگ پاراگراف دارین به شکل زیر، که خاصیت Id اون رو حتماً باید بهش بدیم.
1 |
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"><p</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"top"</span><span style="color: #000000; font-weight: bold;">></span></span> قسمت بالای صفحه <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></p></span></span> |
اینو بالای صفحه قرار بدین، و یه تیکه کد زیری رو هم بزارین ته سایتتون که باید به صورت یه لینک باشه.
1 |
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"><a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"#top"</span><span style="color: #000000; font-weight: bold;">></span></span> پرش به بالا <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></a></span></span> |
یعنی دقیقاً این دو تا معادل همن: id = #
حالا متوجه شدین، خدا رو شکر …
* اگه لینک نظرات همین پست رو که همین زیره، یه نگاهی بندازین، می بینین که اولاً مسیر لینکش تغییر کرده و ته لینک هم به این شکله #comments
من توی صفحه ادامه مطلب هر پست، قسمتی که نظرات شروع میشن، یه تگ div به شکل زیر گذاشتم :
1 |
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"><div</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"comments"</span><span style="color: #000000; font-weight: bold;">></span></span> |
یعنی شما زمانی که روی لینک نظرات کلیک میکنید، پاس داده میشین به صفحه ادامه مطلب و مکانی که دقیقاً مشخص کردین.
تموم، سخت بود، نه !!
محمد جواد مسعودیان
آخرید نوشته های محمد جواد مسعودیان (نمایش همه )
- پرش به قسمت مشخصی از صفحه - فوریه ۲۱, ۲۰۱۱
آفرین.
اون مربع، علامت نامبر هست (number)
به این روش میگن تگ یا برچسب گذاری.
سلام نبی جون
تشکر میکنم از راهنماییت.
It’s good
سلام اگه میشه تبدیلفرونت پیج (اچ تی ام ال)به جوملا روبزار
مطلب خیلی جالب و مفیدی بود. مخصوصاْ مثال های آخر خیلی خوب بودن.