002-01141087755 info@CodesRoots.com
تصميم مواقع وتطبيقات الموبايل والجوال-HTML-الكلمات-الدلالية


HTML-الكلمات-الدلالية

HTML-الكلمات-الدلالية 
وقد تم تصميم هذه العبارة العلامات لأغراض محددة،
على الرغم من أنها يتم عرضها بطريقة مماثلة من العلامات الأساسية الأخرى
 مثل <B> و <i>، <PRE>، و <TT
كنت قد شاهدت في الفصل السابق.
 وهذا الفصل يأخذك من خلال كل عبارة علامات مهمة،
 لذلك دعونا نبدأ رؤية واحدا تلو الآخر.

نص أكد

أي شيء الذي يظهر في عرض <em> ... </ em> العنصر كنص التأكيد عليها.

مثال:
 

<!DOCTYPE html>
<html>
<head>
<title>Emphasized Text Example</title>
</head>
<body>
<p>The following word uses a <em>emphasized</em> typeface.</p>
</body>
</html>

-Marked Text-

أي شيء يبدو يتم عرض مع في <mark> ... </ mark>
العنصر، كما بحبر الأصفر.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Marked Text Example</title>
</head>
<body>
<p>The following word has been <mark>marked</mark> with yellow</p>
</body>
</html>

-Strong Text-

أي شيء الذي يظهر داخل على <strong>
 يتم عرض ... </ strong > العنصر كنص مهم.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Strong Text Example</title>
</head>
<body>
<p>The following word uses a <strong>strong</strong> typeface.</p>
</body>
</html>
-اختصار النص-

يمكنك اختصار النص من خلال وضعه داخل فتح < abbr>
 والإغلاق </ abbr> العلامات.
 إذا كان موجودا، يجب أن يحتوي على سمة عنوان هذا الوصف الكامل ولا شيء غير ذلك.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Text Abbreviation</title>
</head>
<body>
<p>My best friend's name is  <abbr title="Abhishek">Abhy</abbr>.</p>
</body>
</html>

-اختصار العناصر-

و< acronym> العنصر يسمح لك للإشارة إلى أن النص بين < acronym> و </ acronym> علامات هي مختصر.

في الوقت الحاضر، المتصفحات الرئيسية لا تغيير مظهر محتوى < acronym> العنصر.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Acronym Example</title>
</head>
<body>
<p>This chapter covers marking up text in <acronym>XHTML</acronym>.</p>
</body>

-اتجاه النص-

العنصر <BDO> ... </ BDO>
تقف على ثنائي الاتجاه تجاوز ويتم استخدامه لتجاوز اتجاه النص الحالي.

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Text Direction Example</title>
</head>
<body>
<p>This text will go left to right.</p>
<p><bdo dir="rtl">This text will go right to left.</bdo></p>
</body>
</html>

-شروط خاصة-

و<DFN> ... </ DFN> عنصر (أو تعريف عنصر HTML)
يسمح لك لتحديد أنك إدخال مصطلح خاص. انها استخدام يشبه الكلمات مائل في وسط الفقرة.

عادة، فإن استخدام <DFN>
عنصر في المرة الأولى التي إدخال المصطلح الرئيسي.
 معظم المتصفحات الحديثة التي جعلت محتوى <DFN> عنصر في خط مائل.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Special Terms Example</title>
</head>
<body>
<p>The following word is a <dfn>special</dfn> term.</p>
</body>
</html>

-Quoting Text-

عندما تريد أن أقتبس فقرة من مصدر آخر، يجب وضعها في ما بين
 < blockquote> ... </  blockquote> العلامات.

النص داخل العنصر < blockquote>
عادة مسافة بادئة من الحواف اليسرى واليمنى من النص المحيطة بها،
ويستخدم أحيانا الخط المائل.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Blockquote Example</title>
</head>
<body>
<p>The following description of

 XHTML is taken from the W3C Web site:</p>

 
<blockquote>XHTML 1.0 is the W3C's

 first Recommendation for XHTML,

 following on from earlier work on HTML 4.01,

 HTML 4.0, HTML 3.2 and HTML 2.0.</blockquote>


-الاقتباسات القصيرة-

 

يتم استخدام العنصر <q> ... </ q> عندما تريد إضافة اقتباس مزدوجة داخل الجملة.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Double Quote Example</title>
</head>
<body>
<p>Amit is in Spain, <q>I think I am wrong</q>.</p>
</body>
</html>

-اقتباسات النص-

إذا كنت تنقل النص ، يمكن أن تشير إلى مصدر وضعه بين فتح < cite>
 العلامة و الإغلاق </ cite> والوسم

كما تتوقعون في منشور الطباعة، يتم تقديم محتوى العنصر <cite>
 وفي النص المائل بشكل افتراضي.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Citations Example</title>
</head>
<body>
<p>This HTML tutorial is derived from

 <cite>W3 Standard for HTML</cite>.</p>
</body>
</html>

-كود الكمبيوتر-

يجب وضع أي رمز برمجة لتظهر على صفحة ويب داخل <code> ... </ code> العلامات.
 وعادة ما يتم عرض محتوى <code> عنصر في خط أحادي المسافة، تماما مثل رمز في معظم الكتب البرمجة.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Computer Code Example</title>
</head>
<body>
<p>Regular text. <code>This is code.</code> Regular text.</p>
</body>
</html>
 

-نص لوحة المفاتيح-

عندما نتحدث عن أجهزة الكمبيوتر، إذا كنت أريد أن أقول للقارئ لإدخال نص،
 يمكنك استخدام <KBD> ... </ KBD> عنصر لتحديد ما يجب أن تكتب فيه، كما في هذا المثال.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Keyboard Text Example</title>
</head>
<body>
<p>Regular text. <kbd>This is inside kbd element</kbd> Regular text.</p>
</body>
</html>

-المتغيرات البرمجية-

وعادة ما يستخدم هذا العنصر بالتعاون مع <pre> و <code>
عناصر تشير إلى أن محتوى هذا العنصر هو متغير.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Variable Text Example</title>
</head>
<body>
<p><code>document.write("<var>user-name</var>")</code></p>
</body>
</html>

 

-Program Output-

يشير عنصر <samp> ... </ samp>
 إخراج نموذج من البرنامج،
 والكتابة الخ مرة أخرى،
 ويستخدم بشكل رئيسي عند توثيق البرمجة أو الترميز المفاهيم.

 

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Program Output Example</title>
</head>
<body>
<p>Result produced by the program is <samp>Hello World!</samp></p>
</body>
</html>

-عنوان النص-

يتم استخدام <address> ... </ address>
 العنصر يحتوي على عنوان.

مثال
 

<!DOCTYPE html>
<html>
<head>
<title>Address Example</title>
</head>
<body>
<address>388A, Road No 22, Jubilee Hills -  Hyderabad</address>
</body>
</html>

 


 

 

 



 


 


اعلانات
شركة تصميم مواقع وتطبيقات موبايل اتصل بنا
شركة تصميم مواقع وتطبيقات موبايل اتصل بنا

00966-506999922

متاح واتس اب - فايبر - لاين
شركة تصميم مواقع وتطبيقات موبايل

info@CodesRoots.com