عناصر استناد و جهت متن. نقل قول های کوچک را تگ یا برجسته کنید

مثال: آدرس

• خودت آن را امتحان کن "

برچسب ها و

برچسب بزنید هنگام ذکر منبع اصلی، مانند کتاب، وب سایت یا اثر علمی، برای نشان دادن منبع مورد استناد استفاده می شود. اغلب در کتابشناسی، هنگام نشان دادن حق چاپ یا ذکر نام صاحب منبع استفاده می شود. مرورگرها محتوای عناصر را نمایش می دهند با فونت مورب

برچسب بزنید برای نشان دادن تعریف برخی اصطلاحات جدید استفاده می شود. توضیح یک اصطلاح جدید (یک مفهوم علمی یا یک نام با مشخصات محدود) در متن "تعریف" نامیده می شود. عنصر اگر یک عبارت جدید برای اولین بار در متن ظاهر شود و بلافاصله تعریف آن ارائه شود، می تواند استفاده شود. مرورگر این متن را به صورت مورب نمایش می دهد.

مثال: منابع و تعاریف

• خودت آن را امتحان کن "

برای تماشای فیلم اژدهای سرخ اثر استیون هاپکینز.

تکانه یک جسم یک کمیت برداری است، جهت بردار آن منطبق است
با جهت سرعت

تنها در ماه اول بیش از ده هزار بلیت فروخته شد
برای تماشای یک فیلم اژدهای سرخاستیون هاپکینز

تکانه بدنیک کمیت برداری است، جهت بردار آن منطبق است
با جهت سرعت

برچسب بزنید

برچسب بزنید جهت متن نمایش داده شده را کنترل می کند. دارای ویژگی dir مورد نیاز است که مقادیر ltr (از چپ به راست) و rtl (راست به چپ) را می گیرد.

مثال: جهت متن

• خودت آن را امتحان کن "

اگر مرورگر شما از الگوریتم دو جهته (bdo) پشتیبانی می کند،
خط بعدی از راست به چپ نوشته می شود (rtl)

وظایف

وظیفه نهایی

در این درس، شما با برخی از عناصر قالب‌بندی منطقی‌تر آشنا شدید که ظاهر متن را تعیین نمی‌کنند، بلکه نوع آن را تعیین می‌کنند و بسته به اینکه مرورگر یک نوع قالب‌بندی خارجی را اعمال می‌کند. همه عناصر مورد بحث در بالا کانتینر هستند و نیاز به یک برچسب بسته شدن دارند. برخی از این عناصر ممکن است اصلاً نمایش متن را تغییر ندهند، بنابراین بررسی ما از آنها به جای اینکه چگونه آن را قالب بندی می کنند، بر نحوه تعریف معنای متن متمرکز شده است.

وقت آن است که آنچه را که آموخته اید مرور کنید و چهار کار ساده را تکمیل کنید:

نقل قول کوتاه

• خودت تصمیم بگیر"

با استفاده از یک عنصر بولی HTML، علامت نقل قول را در اطراف کلمه اضافه کنید: "Theory".

تئوری پدیده های جدید و قوانین جدید را پیش بینی می کند.

تئوری پدیده های جدید و قوانین جدید را پیش بینی می کند.

نقل قول طولانی

• خودت تصمیم بگیر"

متن زیر را درون عنصری قرار دهید که آن را به صورت نقل قول در سمت چپ فرورفته است. URL را به منبعی که این نقل قول از آن آمده است تنظیم کنید: "http://www.world.org".

یکی از ویژگی های سرعت و جهت حرکت یک کمیت فیزیکی - سرعت است.

هدف

یک نقل قول (معمولا طولانی) را به عنوان یک بلوک نقل قول ارائه کنید (برخلاف نقل قول های کوتاه درج شده در متن یک پاراگراف).

نمایشگر معمولی

به عنوان یک پاراگراف واحد (یا دنباله ای از پاراگراف ها). اغلب تورفتگی دارند (احتمالاً هم چپ و هم راست). اغلب با فونتی غیر از متن ساده، معمولا به صورت مورب.

نحو پایه

متن نقل قول

صفات احتمالی

متن معتبر

محتوا

مثال ها

زمینه اصلی قول ای تمپورا، ای اخلاقزیر است:

ای تمپورا، ای اخلاق! Senatus haec intellegit. کنسول ویدت; hic tamen vivit. ویویت؟ immo vero etiam در مجلس سنا، فیت عمومی مشروطه، notat et designat oculis ad caedem unum quemque nostrum.

سیسرو، Oratio در Catilinam Prima, 2

یادداشت

نقل قول است دقیقکپی کردن حرف های کسی اگر سخنرانی شخصی را به زبان خودتان ارائه می کنید، این دیگر نقل قول نیست و باید به صورت متن ساده (بدون هیچ نشانه گذاری خاصی) ارائه شود.

هنگام توصیف تعامل انسان و ماشین، از عناصر CODE، SAMP، و KBD ویژه برای نقل قول کد برنامه، لیست برنامه ها یا ورودی صفحه کلید استفاده کنید.

نهبرای دریافت از BLOCKQUOTE استفاده کنید تورفتگی. ممکن است مرورگر آنها را هنگام ارائه متن نشان ندهد.

در نظر گرفته شده است فرم خوبی برای مشخص کردن منبعبه نقل از، گاهی اوقات این حتی توسط قانون (کپی رایت) الزامی است. بنابراین، در صورت امکان، علاوه بر مشخصات منبع در متن، پیوندی به منبع وب سند ارائه دهید.

خود عنصر BLOCKQUOTE روشی ساختاریافته برای تعیین منبع اطلاعات ارائه نمی دهد. مثال بالا یک راه برای انجام این کار را نشان می دهد.

اگر فونتی را که مرورگر برای نمایش محتوای عنصر BLOCKQUOTE استفاده می کند دوست ندارید، می توانید از شیوه نامه برای تغییر آن استفاده کنید. به عنوان مثال، برای تاکید، از عنصر I استفاده کنید، در نظر داشته باشید که به عنوان یک عنصر متنی، اجازه ترجمه پاراگراف در BLOCKQUOTE را نمی دهد، بنابراین باید از یک عنصر I جداگانه در هر پاراگراف استفاده کنید.

هنگام نقل قول، ممکن است لازم باشد برخی از کلمات را از محتوای نقل قول حذف کنید، سپس باید به وضوح آنچه را که حذف شده است مشخص کنید (نشان دادن فرم - و ... و رایج ترین روش برای انجام این کار است). در چنین مواردی، نقل قول انتخابی از کسی کاملاً نامناسب است، به طوری که ممکن است برای کسی به نظر برسد که چیزی کاملاً متفاوت از آنچه در واقع منظور بوده است، حتی ممکن است کاملاً مخالف باشد. هنگامی که نیاز دارید کلمات توضیحی را به عنوان توضیح به متن نقل‌شده اضافه کنید، افزودن چنین توضیحاتی با فونت‌های متفاوت، به عنوان مثال، بسیار کاربردی است. مورب. همچنین باید این نکته را روشن کنید که توضیحات بخشی از اصل نیستند و بهترین راه برای انجام این کار این است که متن خود را در کروشه قرار دهید.

در این درس در مورد برجسته کردن نقل قول ها در متن و اجبار کردن شکستن خطوط صحبت خواهیم کرد. در اصل، برچسب هایی که در اینجا مورد بحث قرار می گیرند، اغلب در صفحات HTML استفاده نمی شوند، اما هنوز هم گاهی اوقات نمی توانید بدون آنها کار کنید. پس بزن بریم.

برچسب بزنید

یا نقل قول های طولانی را برجسته کنید

این تگ در HTML برای برجسته کردن به اصطلاح "نقل قول طولانی" مانند یک یا چند پاراگراف استفاده می شود. این تگ است مسدود کردنو می تواند حاوی تگ های بلوک باشد، اما نمی تواند شامل تعبیه شده باشد. علاوه بر این، همان حاشیه‌های بیرونی را در بالا و پایین پاراگراف‌ها اضافه می‌کند، اما حاشیه‌های جانبی را نیز اضافه می‌کند که باعث می‌شود متن نقل‌شده به‌طور بصری برجسته شود.

مثالی از استفاده از تگ BLOCKQUOTE

اغلب تگ BLOCKQUOTE برای هدف مورد نظر خود - برجسته کردن متن نقل قول استفاده نمی شود. اما فقط به خاطر حاشیه های جانبی که ایجاد می کند. در اصل، چنین استفاده ای از این تگ با نحو HTML مغایرتی ندارد، نکته اصلی این است که BLOCKQUOTE حاوی تگ های بلوک است. اما هنوز هم بهتر است از آن به این شکل استفاده نکنید، زیرا BLOCKQUOTE به طور خاص برای برجسته کردن نقل قول های طولانی در نظر گرفته شده است.

نتیجه در مرورگر

تگ BLOCKQUOTE برای چه مواردی استفاده می شود؟ در اینجا آنچه وب سایت Seodon.ru در این مورد به ما می گوید:

اغلب تگ BLOCKQUOTE برای هدف مورد نظر خود - برجسته کردن متن نقل قول استفاده نمی شود. اما فقط به خاطر تورفتگی های جانبی که ایجاد می کند. در اصل، چنین استفاده ای از این تگ با نحو HTML مغایرتی ندارد، نکته اصلی این است که BLOCKQUOTE حاوی تگ های بلوک است. اما هنوز هم بهتر است از آن به این شکل استفاده نکنید، زیرا BLOCKQUOTE به طور خاص برای برجسته کردن نقل قول های طولانی در نظر گرفته شده است.

برچسب بزنید یا نقل قول های کوچک را برجسته کنید

و این برچسب است ...برای نشان دادن نقل قول ها یا کلمات کوچک به معنای مجازی استفاده می شود. او تمام متنی را که بین تگ های این عنصر قرار دارد در نقل قول قرار می دهد. راستی، - این رایج ترین است خطی (سطح ردیف)برچسبی که فقط می تواند حاوی برچسب های درون خطی باشد.

نمونه ای از برجسته کردن نقل قول ها

برای یادگیری زبان، کنجکاوی رایگان بسیار مهمتر از یک ضرورت بزرگ است.آگوستین اورلیوس.

هر چه یاد بگیرید، خودتان یاد می گیرید.پترونیوس.

نتیجه در مرورگر

برای یادگیری زبان، کنجکاوی رایگان بسیار مهمتر از یک ضرورت بزرگ است. آگوستین اورلیوس.

هر چه یاد بگیرید، خودتان یاد می گیرید. پترونیوس.

برچسب بزنید
یا خط شکستن اجباری

گاهی اوقات لازم است که یک خط متن در تمام عرض فضای موجود ادامه پیدا نکند، بلکه در جایی که ما نیاز داریم قطع شود و در خط بعدی ادامه یابد. اما همانطور که به یاد دارید، مرورگرها خطوط ساده در کد HTML را نادیده می گیرند که گویی وجود ندارند. در چنین مواردی تگ به ما کمک خواهد کرد
، که باعث می شود در محل نصب آن خط شکسته شود.

برچسب بزنید
نیز هست عنصر داخلی (داخلی).و از این واقعیت که یک خط شکسته را بعد از خود انجام می دهد گیج نشوید، فقط این عملکرد را دارد. علاوه بر این، عنصر
هیچ برچسب بسته شدنی وجود ندارد، به این معنی که هست خالی، زیرا نمی تواند محتوا داشته باشد.

مثالی از استفاده از تگ BR

هدف خلاقیت فداکاری است،
نه هیاهو، نه موفقیت.
شرم آور، بی معنی
زوزه یک ضرب المثل بر لبان همه است.
ب پاسترناک.

نتیجه در مرورگر

هدف خلاقیت فداکاری است،
نه هیاهو، نه موفقیت.
شرم آور، بی معنی
زوزه یک ضرب المثل بر لبان همه است.
ب پاسترناک.

ممکن است بپرسید: «چرا باید از تگ استفاده کنم
، اگر بتوانم به سادگی متن را در چند پاراگراف بنویسم، در خطوط مختلف نیز مشخص می شود؟ همه اینها درست است، اما فراموش نکنید که برچسب

حاشیه ای از فضای خالی در بالا و پایین و تگ ایجاد می کند
این کار را نمی کند علاوه بر این، پاراگراف ها به گونه ای وجود دارند که هر یک از آنها حاوی عبارات معنی دار و کامل باشد، نه تکه هایی از متن.

به هر حال، اغلب در وب سایت ها می توانید آن را ببینید
فقط برای ایجاد چند خط خالی استفاده می شود. بله، اگر چندین بار متوالی آن را مشخص کنید (


...)، سپس می توانید تورفتگی های عمودی با هر اندازه ای ایجاد کنید. اما، اگرچه این برخلاف نحو HTML نیست، من توصیه نمی کنم این کار را انجام دهید، زیرا این تگ برای این منظور در نظر گرفته نشده است.

مشق شب.

1. پس زمینه صفحه را سیاه و متن را سفید کنید.
2. یک عنوان برای مقاله و دو بخش آن ایجاد کنید. آنها را روی فونت Verdana تنظیم کنید و عنوان فرعی دوم را در مرکز صفحه قرار دهید.
3. یک پاراگراف زیر عنوان اول و دوم و یک نقل قول دو پاراگراف زیر عنوان سوم بنویسید.
4. دو نقل قول را در پاراگراف اول برجسته کنید و یکی را به صورت پررنگ و دیگری را با حروف کج بنویسید.
5. در آخرین پاراگراف پنج خط فاصله ایجاد کنید و متن را در مرکز صفحه نگه دارید.

سلام دوستان!

تصمیم گرفتم در مورد طراحی زیبای نقل قول ها در متن مقالات در وبلاگی که وردپرس را اجرا می کند، بنویسم، زیرا مستقیماً با نیاز به چنین کاری روبرو بودم. مجبور شدم قالب یکی از سایت ها را تغییر دهم. اما، در واقع، بسیار دشوار است. علیرغم این واقعیت که در حال حاضر تعداد زیادی قالب پولی و رایگان وجود دارد، انتخاب قالبی که تمام نیازهای ما را برآورده کند بسیار دشوار است. حتماً چیزی در قالب وجود دارد که ما آن را دوست نداریم. بنابراین، اغلب باید موضوعی را با کمترین تعداد کاستی انتخاب کنید و سپس آن را اصلاح کنید.

بنابراین، یکی از کاستی های موضوعی که من انتخاب کردم، برجسته سازی غیرقابل بیان نقل قول بود. فقط با یک تورفتگی اضافی در سمت چپ برجسته شد. من مجبور شدم سبک های CSS را تغییر دهم تا این عنصر متنی قابل مشاهده تر و زیباتر شود.

سه دلیل می‌آورم:

1. شما به خوانندگان نشان می دهید که این قسمت از متن نقل قول است. این برای احترام به کپی رایت شخصی که از او نقل قول می کنید ضروری است. از طرف دیگر، لینک دادن به یک نویسنده معتبر نیز به وزن مقاله شما می افزاید.
2. موتورهای جستجو متون منحصر به فرد را «دوست دارند» و اگر نقل قول به درستی قالب بندی نشده باشد، سرقت ادبی محسوب می شود و رتبه سایت پایین می آید و جایگاه آن در جستجو پایین می آید.
3. نوع خاصی از نقل قول ها متن را از نظر ظاهری متنوع تر و جذاب تر می کند. خوندنش راحت تره

برای اینکه قسمتی از متن را به صورت خاص برجسته کنید، می توانید از روش های مختلفی استفاده کنید.

ویرایش سبک های CSS

اولین و صحیح ترین راه برای قالب بندی یک نقل قول باید استفاده از یک برچسب باشد مسابقهو سبک های او اگرچه با استفاده از قوانین CSS می توانید هر قطعه ای را انتخاب کنید (در این مورد در مقاله نوشتم)، فقط برچسب مسابقهبه موتورهای جستجو اجازه می دهد بدانند که این قطعه یک نقل قول است و ممکن است منحصر به فرد نباشد.

اگر از دکمه استفاده کنیم این تگ است که در کد قرار می گیرد V

اما، همانطور که قبلاً اشاره کردم، سبک های این تگ همیشه آنطور که ما می خواهیم نیست. برای ویرایش آنها باید کد مربوطه را در فایل پیدا کنید style.cssو قوانین مشخص شده برای تگ را جایگزین کنید مسابقه، به تنهایی

این فایل به دو صورت قابل ویرایش است:

1. آن را با استفاده از یک سرویس گیرنده FTP از سرور به رایانه خود دانلود کنید، آن را در باز کنید، تغییراتی ایجاد کنید و دوباره دانلود کنید. فایل style.cssواقع شده در wp-content/themes/your_theme/style.css.
2. می توانید از ویرایشگر کد داخلی در وردپرس استفاده کنید. برای باز کردن آن در کنترل پنل WP، را انتخاب کنید ظاهر - ویرایشگر. متأسفانه، این ویرایشگر شماره خطوط را نشان نمی دهد، که جستجو را دشوار می کند.

قبل از ایجاد تغییرات در فایل style.css، کد را با استفاده از مرورگر ویرایش کنید گوگل کرومیا مشابه آن در مرورگر موزیلا فایرفاکس. با استفاده از این ابزارها، می توانید بلافاصله به صورت بصری ببینید که یک نقل قول در وب سایت شما چگونه خواهد بود.

نمونه های قالب بندی نقل قول

نقل قول با علامت نقل قول

این نماد به طور کلی برای نشان دادن نقل قول پذیرفته شده است، بنابراین اغلب از آن استفاده می شود. نقل قول ها را می توان با استفاده از یک تصویر درج کرد، که بیشتر رایج است، یا می توانید این کار را با استفاده از یک کد کاراکتر انجام دهید "\201C"، همانطور که در مثال داده شده نشان داده شده است.

در اینجا تصویر است

و در اینجا کد مربوطه است

بلوک نقل قول ( پس‌زمینه: هیچ‌کدام تکرار نمی‌شود 0 0 #fea؛ رنگ: #009a82؛ خانواده قلم: Georgia,serif؛ اندازه قلم: 18 پیکسل؛ سبک قلم: مورب؛ ارتفاع خط: 1.45؛ بالشتک: 1.25em 50px؛ موقعیت : نسبی؛ عرض: 750 پیکسل؛ نقل قول: قبل از (رنگ: #009a82؛ محتوا: "\201C"؛ نمایشگر: بلوک؛ اندازه قلم: 60 پیکسل؛ سمت چپ: 1 پیکسل؛ موقعیت: 1 پیکسل؛ )

• در این کد در خط دوم #فیا- رنگ پس زمینه، می توانید آن را با رنگ خود جایگزین کنید،
• خط 3 - رنگ فونت،
• 4، 5، 6، 7 - پارامترهای فونت،
• 8، 9 - موقعیت قطعه،
• 10 – عرض بلوک، می توان آن را به عنوان درصد مشخص کرد، به عنوان مثال، 90%.

• 13 - رنگ،
• 16 - اندازه
• 17-19 - موقعیت.

انتخاب جعبه

در اینجا یک مثال است:

و در اینجا کد CSS ساده برای آن وجود دارد:

نقل قول بلوک (رنگ: #333؛ فونت-خانواده: Verdana، Geneva، sans-serif؛ حاشیه: 1px خط چین #999؛ پس‌زمینه: #F8F4AB؛ بالشتک: 10px 20px؛ )

اگر به موضوع طراحی نقل قول علاقه دارید دانلود مینی کتاب را پیشنهاد می کنم. نمونه های مختلفی از برجسته کردن قطعات متن را با جزئیات بررسی می کند. پس از مطالعه این نمونه ها، می توانید سبک طراحی خود را ایجاد کنید.

افزونه WP-Note برای طراحی قطعات متنی در وبلاگ

این افزونه به شما امکان می دهد قطعات مقاله را به راحتی و به سادگی قالب بندی کنید. اما بلافاصله باید توجه داشت که برای موتورهای جستجو این قطعات به عنوان نقل قول در نظر گرفته نمی شوند، زیرا آنها از برچسب استفاده نمی کنند. مسابقه. این افزونه فقط برای طراحی خارجی و نه برای برجسته کردن نقل قول ها استفاده می شود.

به طور پیش فرض تنظیمات افزونه دارای پنج گزینه طراحی است. برای اعمال آنها، نیازی به تغییر هیچ کدی ندارید، فقط باید تگ های مناسب را در ابتدا و انتهای قطعه به طور مستقیم در ویرایشگر بصری وارد کنید.

برچسب های افزونه WP-Note

در حال ویرایش یک افزونه

اگر گزینه های طراحی پیش فرض را دوست ندارید یا با طراحی سایت شما هماهنگی ندارند، می توانید آنها را تغییر دهید. اما برای این کار باید تغییراتی در فایل styles ایجاد کنید. می توانید آن را در wp-content/plugins/wp-note/style.css.

همچنین می توانید از ویرایشگر داخلی وردپرس استفاده کنید. برای انجام این کار، در کنترل پنل انتخاب کنید پلاگین ها - ویرایشگر، سپس در سمت راست در لیست کشویی Wp-note را پیدا کرده و دکمه را فشار می دهیم انتخاب کنید، لیستی از تمام فایل های افزونه ظاهر می شود.

امیدوارم همه چیز را به اندازه کافی خوب توضیح داده باشم و اکنون متوجه شده اید که چگونه نقل قول ها را در سایت قالب بندی کنید. فراموش نکنید که مقاله را در شبکه های اجتماعی به اشتراک بگذارید.

به زودی میبینمت!