1. استخدم علامة الجدول ووظائفها الخاصة
<style> .parent{ الحدود: 1 بكسل أحمر خالص؛ الارتفاع: 500 بكسل } .child{ الحدود: 1 بكسل أسود خالص } </style><body> <!-- --> <table class=parent> <tr> <td فئة = طفل> اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار اختبار </td> </tr> </الجدول></الجسم>تأثير
2. الهامش الأيسر: -50 بكسل؛ الهامش العلوي: -50 بكسل
<style> .parent{ الموضع: لون الخلفية: أصفر؛ العرض: 500 بكسل } .child{ العرض: 100 بكسل الارتفاع: 100 بكسل; ; الهامش الأيسر: 50%; الهامش العلوي: -50 بكسل } </style>تأثير
3. تحويل: ترجمة (-50%،-50%)
<style> .parent{ العرض: 500 بكسل؛ الارتفاع: 300 بكسل؛ الحد: 1 بكسل أحمر؛ الموضع: علوي مطلق؛ ; اليسار:50%; تحويل: ترجمة(-50%,-50%) } </style>تأثير
4. الهامش: تلقائي؛
<style> .p{ العرض: 300 بكسل؛ الحد: 1 بكسل أحمر خالص؛ } .c { العرض: 80 بكسل؛ لون الخلفية: #dedede؛ ; أعلى:0; أسفل:0;تأثير
5. صندوق مرن
<style> .p{ الحدود: 1 بكسل أحمر خالص؛ العرض: 400 بكسل؛ العرض: فليكس؛ ضبط المحتوى: المركز؛ محاذاة العناصر: المركز } .c{ العرض: 100 بكسل؛ : أحمر } </style>تأثير
ما هي الميزات الجديدة في html5CSS3 وما هي العناصر التي تمت إزالتها؟ كيف تتعامل مع مشكلات توافق المتصفح مع علامات HTML5 الجديدة؟ كيف نفرق بين HTML وHTML5؟لم يعد HTML5 مجموعة فرعية من SGML، فهو يتعلق بشكل أساسي بإضافة الصور والموقع والتخزين وتحديد الموقع الجغرافي ووظائف أخرى.
عنصر قماش اللوحة
عناصر الفيديو والصوت لتشغيل الوسائط
التخزين المحلي دون اتصال بالإنترنت، يقوم localStorage بتخزين البيانات لفترة طويلة، ولا يتم فقدان البيانات بعد إغلاق المتصفح؛
يتم حذف بيانات sessionStorage تلقائيًا بعد إغلاق المتصفح
عناصر المحتوى ذات دلالات أفضل، مثل المقالة والتذييل والرأس والتنقل والقسم
عناصر التحكم في النموذج، التقويم، التاريخ، الوقت، البريد الإلكتروني، عنوان URL، البحث
ينفذ CSS3 زوايا مستديرة وظلال وتأثيرات خاصة على النص ويضيف المزيد من محددات CSS وrgba متعدد الخلفيات
التكنولوجيات الجديدة webworker، websockt، تحديد الموقع الجغرافي
العنصر الذي تمت إزالته
عناصر معبرة بحتة: الخط الأساسي، الكبير، المركز، الخط، s، الإضراب، tt، u؛
العناصر التي لها تأثير سلبي على سهولة الاستخدام: الإطار، مجموعة الإطارات، الإطارات noframes؛ علامات دعم IE8/IE7/IE6 التي تم إنشاؤها من خلال الأسلوب document.createElement.
يمكن استخدام هذه الميزة لتمكين هذه المتصفحات من دعم علامات HTML5 الجديدة.
بعد أن يدعم المتصفح العلامة الجديدة، تحتاج أيضًا إلى إضافة النمط الافتراضي للعلامة: بالطبع، أفضل طريقة هي استخدام إطار عمل ناضج مباشرةً، والأكثر استخدامًا هو إطار عمل html5shim.
- <!--[if lt IE 9]><script> src=http://html5shim.googlecode.com/svn/trunk/html5.js</script><![endif]-->
ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.