‎‎نقل قولهاHTML Quotations -‎

Previous >    <Next  

‎‎عناصر نقل قول واسنادHTML Quotation and Citation Elements -‎

‎در اين بخش به عناصر‎<blockquote> , <q> , <abbr> , <address> ,<cite>‎ ‎و‎<bdo>‎ خواهيم پرداخت.

‎‎نقل قول بلندHTML <blockquote> for Quotations -‎

‎تگHTML ‎<blockquote>‎ براي تعريف نقل قول استفاده ميشود .نقل قول متني است ‎كه استناد بمنابع ديگريست .در نمايش آن فرو رفتگي نسبت به متن عادي دارد .ازاين براي نقل قول ‎بلند استفاده ميشود.

‎‎مثال ـ نقل قول بلند

‎ 
<!DOCTYPE html>
<html>
<body>

<p>Here is a quote from WWF's website:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, WWF works in nearly 100 countries. At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect communities, wildlife, and the places in which they live.
</blockquote>

</body>
</html>

--(go to editor for change code and run)

‎‎نقل قول كوتاهHTML <q> for Short Quotations -‎

‎با تگHTML ‎<q>‎ ميتوان يك نقل قول كوتاه تعريف نمود .مرورگر در نمايش متن را ‎در داخل نقل قول يعني دبل كوتيشن قرار ميدهد.

‎‎مثال ـ نمونه نقل قول كوتاه

‎ 
<!DOCTYPE html>
<html>
<body>

<p>Browsers usually insert quotation marks around the q element.</p>

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>

</body>
</html>

--(go to editor for change code and run)

‎‎خلاصه هاHTML <abbr> for Abbreviations -‎

‎با تگHTML ‎<abbr>‎ خلاصه ها را ميتوان تعريف نمود .خلاصه مثل , "HTML" "CSS","Mr" ‎علامت گذاري اختصارات ميتواند اطلاعات مفيدي به مرورگرها، سيستمهاي ترجمه و موتورهاي جستجو ‎بدهد.

‎نكته ـ تگ خلاصه داراي ويژگي‎title‎ ميباشد، كه در صورت اعلام ، باقرارگرفتن موس ‎روي برچسب خلاصه، محتوي آن نمايش داده ميشود.

‎‎مثال ـ نمونه معرفي خلاصه ها

‎ 
<!DOCTYPE html>
<html>
<body>

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

<p>Marking up abbreviations can give useful information to browsers, translation systems and search-engines.</p>

</body>
</html>

--(go to editor for change code and run)

‎‎آدرسHTML <address> for Contact Information -‎

‎با تگHTML ‎<address>‎ ميتوان مشخصات مالك يا نويسنده سند را براي ارتباط ‎تعريف نمود.

‎‎اطلاعات تماس ميتواند آدرس ايميل، آدرس اينترنتي،آدرس محلي، تلفن و ...باشد.

‎اطلاعات عنصرآدرس معمولا بصورت مورب يا ايتاليك نمايش داده ميشود .مرورگر قبل وبعداز عنصر ‎تغيير خط داده ميشود.

‎‎مثال ـ نمونه استفاده از‎<address>‎

‎ 
<!DOCTYPE html>
<html>
<body>

<p>The HTML address element defines contact information (author/owner) of a document or article.</p>

<address>
Written by John Doe.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

</body>
</html>

--(go to editor for change code and run)

‎‎عنوان كارHTML <cite> for Work Title -‎

‎بااين تگHTML ‎<cite>‎ عنوانهاي خلاقانه تعريف مي شود .اين عنوان مثل كتاب، شعر ‎فيلم، نقاشي وغيره . معمولا نام مولف ذكر نميشود.

‎‎اطلاعات متن تگ معمولا بصورت ايتاليك نمايش داده ميشود.

‎‎مثال ـ نمونه تگ‎<cite>‎

‎ 
<!DOCTYPE html>
<html>
<body>

<p>The HTML cite element defines the title of a work.</p>
<p>Browsers usually display cite elements in italic.</p>

<img src="img_the_scream.jpg" width="220" height="277" alt="The Scream">
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

</body>
</html>

--(go to editor for change code and run)

‎‎تغيير جهتHTML <bdo> for Bi-‎Directional Override -‎

‎BDO‎مخفف Bi-‎Directional Override ميباشد .

‎براي ناديده گرفتن يا تغيير جهت متن جاري از تگHTML ‎<bdo>‎ استفاده ميشود . ‎يعني با اين تگ تغييرجهت متن فعلي تعريف ميشود،كه مرورگر با بر خورد باآن اقدام مي نمايد.

‎‎مثال ـ استفاده از‎<bdo>‎ براي تغيير جهت متن

‎ 
<!DOCTYPE html>
<html>
<body>

<p>If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl):</p>

<bdo dir="rtl">This line will be written from right to left</bdo>

</body>
</html>

--(go to editor for change code and run)

HTML مرجع كامل تگهاي
HTML مرجع كامل ويژگيهاي

Previous >    <Next