WML - Formatting التنسيق

WML - Formatting التنسيق

سيصف هذا القسم العناصر الأساسية لتنسيق النص في WML.

الخط مقطوع:

يحدد عنصر <br /> فاصل سطر وتدعم جميع متصفحات WAP تقريبًا علامة فاصل سطر.

يدعم عنصر <br /> السمات التالية:

ينسب	القيمة	وصف
xml:lang	رمز اللغة	يضبط اللغة المستخدمة في العنصر
Class	بيانات الفصل	يعيّن اسم فئة للعنصر.
Id	معرف العنصر	معرّف فريد للعنصر.

فيما يلي مثال يوضح استخدام عنصر <br />.

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Line Break Example">
<p align="center">
This is a <br /> paragraph with a line break.
</p>
</card>

</wml>

سيؤدي ذلك إلى النتيجة التالية:

فقرات النص:

يحدد العنصر <p> فقرة من النص وتعرض متصفحات WAP دائمًا فقرة في سطر جديد.

مطلوب عنصر <p> لتحديد أي نص أو صورة أو جدول في WML.

يدعم العنصر <p> السمات التالية:

ينسب	القيمة	وصف
align	Left Right Center	يستخدم هذا لتغيير المحاذاة الأفقية للفقرة.
mode	Warp Nowarp	يحدد ما إذا كانت الفقرة يجب أن تلتف الأسطر أم لا.
xml: long	رمز اللغة	يضبط اللغة المستخدمة في العنصر
Class	بيانات الفئة	يعيّن اسم فئة للعنصر.
Id	معرف العنصر	معرّف فريد للعنصر.

فيما يلي مثال يوضح استخدام عنصر <p>.

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Paragraph Example">
<p align="center">
This is first  paragraph
</p>
<p align="right">
This is second  paragraph
</p>
</card>

</wml>

سيؤدي ذلك إلى النتيجة التالية:

جداول WML:

يُستخدم عنصر <table> مع <tr> و <td> لإنشاء جدول في WML. لا يسمح WML بتداخل الجداول

يجب وضع عنصر <table> مع عناصر <p> ... </p>.

يدعم العنصر <table /> السمات التالية:

ينسب	القيمة	وصف
columns	رقم	يضبط عدد الأعمدة في الجدول
align	L C R	لتحديد محاذاة النص الأفقي للأعمدة ، تحتاج إلى تعيين ثلاثة أحرف لسمة المحاذاة. يمثل كل حرف محاذاة نص أفقية للعمود. يمكن أن يكون الحرف L أو C أو R. على سبيل المثال ، إذا كنت تريد تطبيق الإعدادات التالية على الجدول الخاص بك: عمود الجدول الأول - بمحاذاة إلى اليسار عمود الجدول الثاني - بمحاذاة إلى الوسط عمود الجدول الثالث - بمحاذاة إلى اليمين ثم يجب عليك تعيين قيمة سمة المحاذاة إلى LCR.
xml: long	رمز اللغة	يضبط اللغة المستخدمة في العنصر
Clssd	بيانات افئة	يعيّن اسم فئة للعنصر.
Id	معرف العنصر	معرّف فريد للعنصر.

فيما يلي مثال يوضح استخدام عنصر <table>.

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="WML Tables">
<p>
<table columns="3" align="LCR">
	<tr>
	  <td>Col 1</td>
	  <td>Col 2</td>
	  <td>Col 3</td>
	</tr>

	<tr>
	  <td>A</td>
	  <td>B</td>
	  <td>C</td>
	</tr>

	<tr>
	  <td>D</td>
	  <td>E</td>
	  <td>F</td>
	</tr>
</table>
</p>
</card>

</wml>

سيؤدي ذلك إلى النتيجة التالية:

نص منسق مسبقًا:

يُستخدم عنصر <pre> لتحديد النص المنسق مسبقًا في WML. النص المنسق مسبقًا هو نص يتبع تنسيقه طريقة كتابته في مستند WML.

تحافظ هذه العلامة على جميع المسافات البيضاء الموجودة داخل هذه العلامة. تأكد من عدم وضع هذه العلامة داخل <p> ... </p>

يدعم العنصر <pre> السمات التالية:

ينسب	القيمة	وصف
xml: long	رمز اللغة	يضبط اللغة المستخدمة في العنصر
Class	بيانات الفئة	يعيّن اسم فئة للعنصر.
Id	معرف العنصر	معرّف فريد للعنصر.

فيما يلي مثال يوضح استخدام عنصر <pre>.

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Preformatted Text">
   <pre>
   This is     preformatted
        text and will appear
 as it it.
</pre>
</card>

</wml>

سيؤدي ذلك إلى النتيجة التالية: