من سال‌ها پیش برای اولین بار با پاورقی‌ها در نرم‌افزار ورد (آفیس) روبرو شدم، و از آن زمان رفته رفته آنها را در وب‌سایت‌های متعددی هم دیدم. در ابتدا موضوع پاوری در وب‌سایت‌ها چیز جدیدی بود که هرگز به آن نیاز نداشتم. اما بعد که واقعا شروع کردم به نوشتن …
به عنوان یک نویسنده، پاورقی‌ها گاهی اوقات بسیار مفید هستند. با این حال، به عنوان کسی که تازه شروع به یادگیری نحوه عملکرد زبان HTML کرده است، زمان زیادی طول کشید، چندین سؤال از موتورهای جستجو و تعداد انگشت شماری از وب‌سایت‌ها برای فهمیدن نحوه کارکرد پاورقی‌ها صرف کردم.
به هر حال، از پاورقی شما می‌توانید در بلاگر، وردپرس یا هر سیستم وبلاگ‌نویسی دیگری که HTML را می‌پذیرد استفاده کنید.
از آنجایی که هیچ راهی برای ایجاد پاورقی در ویرایشگر «Compose» یا «WYSIWIG» بلاگر (و اکثر پلتفرم‌های دیگر) وجود ندارد، تنها راه برای انجام آن نوشتن کد HTML است.
کد پاورقی HTML
بسیاری به خواندن نحوه‌ی کار آن اهمیتی نمی‌دهند، بنابراین کدی که برای پاورقی‌ها در وب‌سایت خودم استفاده می‌کنم در اینجا آورده‌ام:
|
|
که در مرورگر شما به این شکل به تصویر در خواهد آمد:
مقداری متن همراه با پاورقی.۱
چند متن دیگر همراه با پاورقی.۲
چند متن دیگر همراه با پاورقی.۳
چند متن دیگر همراه با پاورقی.۴
۱. [متن پانوشت ۱]↩
۲. [متن پاورقی ۲]↩
۳. [متن پاورقی ۳]↩
۴. [متن پانوشت ۴]↩
شما می‌توانید این صفحه را نشانه‌گذاری کنید، و مستقیماً از کد بالایی برای بقیه‌ی پاورقی‌ها کپی کنید، یا آن را کپی کرده و در یک فایل متنی برای مراجعات بعدی ذخیره کنید.
تذکر: شما نمی‌توانید از آن با ویرایشگر WISYWIG (Compose) بلاگر استفاده کنید. بلکه باید از ویرایشگر HTML استفاده کنید. اگر ویرایشگر به WISYWIG (Compose) تغییر کند، بخشی از کد را جایگزین می‌کند و عملکرد را غیرفعال خواهد نمود. البته در خصوص سایر ویرایشگرها و نحوه برخوردشان با این کدها اطلاع و نظری ندارم.
البته ویرایشگر کلاسیک، ویرایشگر پیشرفته (TinyMCE Advanced) و المان‌های html در المنتور هم هیچ مشکلی با این کد ندارند. پس شما می‌توانید در وردپرس به راحتی از این استفاده کنید.
اما اگر ویرایشگر خود را به برگه “Compose” در بلاگر تغییر داده‌اید، به ویرایشگر HTML بروید و نشانی اینترنتی را که جایگزین <a href=”#ref4″> یا <a href=”#fn1″> شده است حذف کنید.
نحوه عملکرد پاورقی‌های HTML
برای یک پاورقی مناسب، عدد (یا حرف) باید به صورت بالانویس (کوچک‌تر و بالاتر از سایر نویسه‌ها) باشد. برای اینکه به پایین اسکرول شود، جایی که یادداشت وجود دارد، باید یک پیوند باشد. یادداشت پایین نیز باید پیوندی به متن یادداشت شده در متن اثر داشته باشد. در اینجا برچسب‌های استفاده شده و هدف آنها آمده است (به یاد داشته باشید که برچسب‌ها را با استفاده از “/” در همان برچسبی که با آن باز می‌کنید ببندید.):
- <sup> متن را به صورت بالانویس می‌سازد.
- <a href=”fn1″> پیوندی به هر کجا که id=”fn1″ قرار دهید ایجاد می‌کند.
- <a href=”#ref1″>↩</a> پیوندی به شماره مرجع می‌سازد، در این مورد، اولین پاورقی است. هرجا id=”ref1″ باشد، پیوندی به آن ایجاد می‌کند.
- title=”برگردید به پاورقی ۱ در متن.” هنگامی که ماوس کاربر روی پیوند قرار می‌گیرد، نکته‌ای ایجاد می‌کند که با آن متن را در نقل‌قول‌ها بیان می‌کند.
- <hr></hr> به سادگی خط یا قاعده افقی را ایجاد می‌کند که بدنه پست را از پاورقی جدا کند.
- کاراکتر ↩ با نوشتن متن “& # 8 6 1 7 ;” ایجاد می‌شود. بدون فضاها
امیدوارم که این برای کسانی که به دنبال راهی برای ایجاد پاورقی در HTML هستند مفید باشد. اگر این را با موفقیت امتحان کردید، لطفاً به من اطلاع دهید. اگر مشکلی داشتید، خوشحال می‌شوم تا بتوانم تمام تلاشم را بکنم تا کمک کنم.
تذکر: به منظور جلوگیری از بروز نقص در کدِ فوق، بهتر آن است که از کپی‌برداری اجتناب کرده و نسبت به تایپ آن اقدام کنید تا مواردی همچون گیومه‌ها و … به درستی ثبت شوند.
بخوانید: تغییر ویژگی رنگ تگ hr در html