نقلقول در HTML
قبلاً اهمیت و تأکید را با تگهای قالببندی علامت زدید. نقلقول فرق دارد: کلمات دیگران (یا بخشی از یک اثر) را تکرار میکنید و HTML باید این را روشن بگوید. عنصرهای اختصاصی نقلقول به مرورگر، ابزار کمکی و خواننده کمک میکنند نقلقول را از نثر اطراف جدا کنند — چیزی که فقط علامت نقلقول تزئینی کامل منتقل نمیکند.
در HTML چه چیزی نقلقول حساب میشود؟
نقلقول متنی است که بهعنوان گفتهٔ گوینده، نویسنده یا منبع دیگر ارائه میکنید. ممکن است عبارت کوتاه داخل جملهٔ شما باشد یا گذر طولانیتر که بهصورت بلوک جدا میایستد. HTML برای حالت کوتاه درونخطی q و برای بلوک طولانیتر blockquote میدهد. برای منبع هم ابزار دارید: عنصر cite برای عنوان اثرِ دیدنی، و ویژگی cite روی blockquote برای URL قابلخواندن ماشین.
پاسخ مستقیم
برای نقلقول کوتاه داخل جمله از q استفاده کنید. برای بخش نقلقولشدهٔ طولانیتر که خودش میایستد از blockquote استفاده کنید. وقتی به خواننده کمک میکند، نام اثر یا مقاله را با عنصر cite در متن دیدنی بنویسید. روی blockquote میتوانید cite="https://…" را به URL منبع هم بدهید — آن URL برای ماشین است و معمولاً بهتنهایی عنوان خوانا نشان داده نمیشود.
ابزارهای نقلقول در یک نگاه
📊 q، blockquote و cite
| ابزار | نقش | جای رایج |
|---|---|---|
| q | نقلقول کوتاه درونخطی | داخل پاراگراف یا جمله |
| blockquote | گذر نقلقولشدهٔ طولانیتر | بلوک جدا، اغلب با p تو در تو |
| عنصر cite | عنوان اثر در متن دیدنی | متن جاری نزدیک نقلقول |
| ویژگی cite | URL منبع برای blockquote | روی تگ شروع blockquote |
نقلقول کوتاه درونخطی با q
وقتی کلمات نقلشده داخل جملهٔ خودتان مینشینند، آنها را در q بپیچید. بیشتر مرورگرها علامت نقلقول را خودشان اضافه میکنند. شما همچنان واژهها را بین تگها مینویسید؛ معمولاً لازم نیست علامت خمیده را دستی تایپ کنید.
نقلقول درونخطی با q
html<p>
She said <q>Practice every day</q> and closed the book.
</p>خواندن مثال
pبیرونی روایت شماستqفقط عبارت نقلشده را میپوشاند- بستن
qبقیهٔ جمله را به نثر عادی برمیگرداند - اگر این یک گزیدهٔ چندجملهای بلند بود،
blockquoteمناسبتر بود
گذر طولانیتر با blockquote
وقتی نقلقول آنقدر بلند است که خودش بهصورت بلوک میایستد — اغلب یک یا چند پاراگراف — از blockquote استفاده کنید. محتوای نقلشده را داخل blockquote بگذارید. ویژگی cite میتواند URL منبع را نگه دارد. عنوان اثرِ خوانا را با عنصر cite در متن دیدنی، معمولاً نزدیک نقلقول، بنویسید.
نقلقول بلوکی با URL منبع
html<blockquote cite="https://example.com/tips">
<p>Clear HTML is easier to maintain than clever HTML.</p>
<p>Readers thank you for structure they can trust.</p>
</blockquote>چرا ویژگی cite بهتنهایی کافی نیست
ویژگی cite به ابزارها و اعتبارسنجها URL منبع را میگوید. خیلی از بازدیدکنندگان مقدار attribute را نمیبینند. برای انسان هم یک خط اعتبار خوانا بگذارید.
عنوان منبع دیدنی با cite
html<p>Source: <cite>Example Tips</cite></p>انتخاب q در برابر blockquote
دو سؤال بپرسید: نقلقول چقدر بلند است؟ وسط جمله میآید یا جدا میایستد؟
- عبارت کوتاه داخل جملهٔ شما →
q - گذر طولانیتر بهصورت بلوک جدا →
blockquote - عنوان کتاب، مقاله یا سایت در متن جاری → عنصر
cite - URL منبع برای نقلقول بلوکی → ویژگی
citeرویblockquote
کل صفحه را فقط برای تورفتگی داخل یکblockquoteغولآسا نپیچید. تورفتگی ظاهر است؛blockquoteبرای نقلقول واقعی است.
معنا در برابر علامت نقلقول فقط از CSS
میتوانید علامت را با CSS یا نویسهٔ " جعل کنید. برای نقلقول واقعی، q یا blockquote را ترجیح دهید تا سند معنا را علامت بزند. علامت دیداری هنوز میتواند ظاهر شود — مرورگرها اغلب q را با گیومه استایل میدهند — ولی عنصر نقش را نگه میدارد حتی اگر stylesheet بعداً ظاهر را عوض کند.
تمرین در ویرایشگر
- پاراگرافی بنویسید که یک
qکوتاه از یک مربی یا معلم خیالی داشته باشد. - یک
blockquoteبا دو جملهٔ کوتاه از یک مقالهٔ خیالی اضافه کنید. - زیرش خطی با عنصر
citeبرای نام عنوان مقاله بگذارید. - اختیاری: روی
blockquoteمقدارcite="https://example.com/article"بگذارید. - ذخیره کنید و صفحه را باز کنید. ببینید نقلقول درونخطی و بلوکی متفاوت به نظر میرسند.
- موقتاً
qرا با متن ساده و گیومهٔ تایپی عوض کنید، بعد دوبارهqبگذارید — فرق نقش نشانهگذاری با تزئینِ خالی را ببینید.
اشتباهاتی که نقلقول را مبهم میکنند
- پیچیدن کل صفحه در یک
blockquoteغولآسا بدون نقلقول واقعی - فقط CSS یا علامت تایپی وقتی متن واقعاً نقلقول است و باید
q/blockquoteبگیرد - گذاشتن تنها عنوان منبع داخل ویژگی
citeو فرض اینکه خواننده آن را میبیند - تودرتو کردن
blockquoteداخلqبدون دلیل روشن - نقلقول تزئینی از خودتان — این عنصرها را برای کلمات واقعاً نقلشده نگه دارید
- فراموش کردن بستن
qیاblockquoteتا متن بعدی همچنان نقلقول بماند
خلاصه
- نقلقول کوتاه داخل جمله →
q - بلوک نقلقولشدهٔ طولانیتر →
blockquote - عنوان اثرِ دیدنی → عنصر
cite - URL منبع اختیاری → ویژگی
citeرویblockquote - نقلقول واقعی را در HTML علامت بزنید؛ برای معنا فقط به استایل تکیه نکنید
- صادق بمانید: وقتی واقعاً از منبعی نقل میکنید از این عنصرها استفاده کنید
🧠 دانش خود را بیازمایید
دانش خود را بیازمایید
خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کردهاید
📝 دستورالعملها
- هر سوال را با دقت بخوانید
- بهترین پاسخ را برای هر سوال انتخاب کنید
- میتوانید آزمون را هر چند بار که میخواهید تکرار کنید
- پیشرفت شما در بالا نمایش داده میشود