الصفحة مسج موبايل
بدء التعلم مسج موبايل
 | على الرغم من مسج جوال متوافق مع جميع الأجهزة النقالة، ولكن لا متوافقة تماما مع أجهزة الكمبيوتر الشخصية (بسبب دعم CSS3 محدودة). من أجل قراءة أفضل هذا البرنامج التعليمي، ونحن ننصح باستخدام متصفح Google Chrome. |
|---|
أمثلة
<body>
<div data-role="page" >
<div data-role="header" >
<h1>欢迎来到我的主页</h1>
</div>
<div data-role="main" class="ui-content" >
<p>我现在是一个移动端开发者!!</p>
</div>
<div data-role="footer" >
<h1>底部文本</h1>
</div>
</div>
</body>
<div data-role="page" >
<div data-role="header" >
<h1>欢迎来到我的主页</h1>
</div>
<div data-role="main" class="ui-content" >
<p>我现在是一个移动端开发者!!</p>
</div>
<div data-role="footer" >
<h1>底部文本</h1>
</div>
</div>
</body>
محاولة »
أمثلة التحليل:
- ، دور البيانات = "صفحة" هي الصفحة في المتصفح لعرضه.
- بيانات دور = "رأس" هو شريط الأدوات في أعلى الصفحة يتم إنشاء (عادة ما تستخدم للحصول على اللقب أو على زر البحث)
- ، دور البيانات = "الرئيسي" يحدد محتوى الصفحة، مثل النصوص والصور والأشكال، وأزرار وهلم جرا.
- "واجهة المستخدم المحتوى" الطبقة لهذه الصفحة الحشو والهوامش.
- ، دور البيانات = "تذييل الصفحة" المستخدمة في إنشاء الجزء السفلي من شريط أدوات الصفحة.
- في هذه الحاويات يمكنك إضافة أي عناصر HTML - الفقرات والصور والعناوين، والقوائم، الخ
| مسج موبايل تعتمد على HTML5 بالبيانات، * سمات لدعم مختلف عناصر واجهة المستخدم، والانتقال، وبنية الصفحة. المتصفح لا يدعم لهم انهم سوف يتم تجاهل بصمت. |
|---|
مضيفا مسج الجوال في الصفحة
استخدام مسج جوال، يمكنك ثم إنشاء ملف HTML واحد في عدد من صفحات مختلفة.
يمكنك استخدام الخاصية href مختلفة للتمييز بين باستخدام نفس معرف فريد الصفحة:
أمثلة
<div-دور البيانات = "الصفحة " معرف = "pageone">
<div-دور البيانات = "الرئيسية" الطبقة = "واجهة المستخدم المحتوى">
<a href="#pagetwo"> للانتقال إلى صفحة ثانية </A>
</ div>
</ div>
<div-دور البيانات = "الصفحة " معرف = "pagetwo">
<div-دور البيانات = "الرئيسية" الطبقة = "واجهة المستخدم المحتوى">
<a href="#pageone"> للانتقال إلى الصفحة الأولى </A>
</ div>
</ div>
<div-دور البيانات = "الرئيسية" الطبقة = "واجهة المستخدم المحتوى">
<a href="#pagetwo"> للانتقال إلى صفحة ثانية </A>
</ div>
</ div>
<div-دور البيانات = "الصفحة " معرف = "pagetwo">
<div-دور البيانات = "الرئيسية" الطبقة = "واجهة المستخدم المحتوى">
<a href="#pageone"> للانتقال إلى الصفحة الأولى </A>
</ div>
</ div>
محاولة »
ملاحظة: عندما يكون التطبيقات على شبكة الإنترنت الكثير من المحتوى (النصوص والصور والنصوص، وما إلى ذلك) سوف تؤثر تأثيرا خطيرا على وقت التحميل. إذا كنت لا تريد استخدام الروابط في الصفحة يمكنك استخدام ملف خارجي:
<a href="externalfile.html">访问外部文件</a>
الصفحة كما يستخدم الحوار
يستخدم مربع الحوار لعرض المعلومات عرض معلومات الصفحة أو شكل الإدخال.
إضافة في الارتباط يختلط البيانات = مربع الحوار "الحوار" المنبثقة يتيح للمستخدمين الضغط على الرابط:
أمثلة
<div-دور البيانات = "صفحة" معرف = "pageone">
<div-دور البيانات = "الرئيسية" الطبقة = "واجهة المستخدم المحتوى">
<a href="#pagetwo"> الانتقال إلى صفحة الثانية </A>
</ div>
</ div>
<div-دور البيانات = "الصفحة "، الحوار البيانات = "صحيح" معرف = "pagetwo">
<div-دور البيانات = "الرئيسية" الطبقة = "واجهة المستخدم المحتوى">
<a href="#pageone"> الانتقال إلى الصفحة الأولى </A>
</ div>
</ div>
<div-دور البيانات = "الرئيسية" الطبقة = "واجهة المستخدم المحتوى">
<a href="#pagetwo"> الانتقال إلى صفحة الثانية </A>
</ div>
</ div>
<div-دور البيانات = "الصفحة "، الحوار البيانات = "صحيح" معرف = "pagetwo">
<div-دور البيانات = "الرئيسية" الطبقة = "واجهة المستخدم المحتوى">
<a href="#pageone"> الانتقال إلى الصفحة الأولى </A>
</ div>
</ div>
محاولة »