+- Parsi Coders (http://parsicoders.com)
+-- انجمن: Web Development and Design (http://parsicoders.com/forumdisplay.php?fid=47)
+--- انجمن: HTML Programming (http://parsicoders.com/forumdisplay.php?fid=52)
+--- موضوع: حل مشکل ناسازگاری مرورگرها باHTML5 (/showthread.php?tid=3990)
حل مشکل ناسازگاری مرورگرها باHTML5 - shimasgs - 03-12-2017
شاید شما هم همانند سایر برنامه نویسان در زمان طراحی و کدنویسی با html5 به مشکل جابه جایی عکس ها و عدم نمایش صحیح دیگر امکاناتت سایتتان برخورد کرده باشید.
حل مشکل ناسازگاری مرورگرها باHTML5
شما می‌توانید یک تکه کد، یک پیغام یا هرچیز دیگری را فقط و فقط به کاربران یک نسخه خاص از مرورگرهای IE نمایش دهید به طوری که افرادی که از سایر مرورگرها سایت را نظاره میکنند قادر به دیدن آنها نباشند. برای این منظور دستورات خود را بین دو کد زیر کپی میکنید:
برای اینکه دستورات و پیغام ها فقط در IE6 مشاهده شوند:
<!–[if IE 6]>
<link rel=”stylesheet” type=”text/css” href=” ie6.css” />
<![endif]–>
برای اینکه دستورات و پیغام ها فقط در IE7 مشاهده شوند:
<!–[if lte IE 7]>
<link rel=”stylesheet” type=”text/css” href=” ie7.css” />
<![endif]–>
اجرای تگهای اختصاصی HTML5 در مرورگرهای قدیمی از جمله IE6 و IE7 و همچنین Firefox2<link rel=”stylesheet” type=”text/css” href=” ie6.css” />
<![endif]–>
برای اینکه دستورات و پیغام ها فقط در IE7 مشاهده شوند:
<!–[if lte IE 7]>
<link rel=”stylesheet” type=”text/css” href=” ie7.css” />
<![endif]–>
در HTML5 یک سری تگ‌ها برای نشانه‌گذاری بهتر محتوا توسط جستجوگرها و دسته‌بندی بهتر وبسایت به این زبان اضافه شده‌اند که با استفاده از این تگ‌ها می‌توانید محل دقیق مقالات، سایدبار، سربرگ، پابرگ، لینک‌ها و سایر قسمت‌های سایت را از یکدیگر جدا کنید. استفاده از این دستورها تا وقتی که شما هیچ کلاسی به آنها نسبت نداده باشید مشکلی برای شما پیش نمی‌آورند اما مشکل وقتی به وجود می‌آید که شما بخواهید آنها را سبک‌دهی کنید. مرورگرهای جدید چون این تگ‌ها را می‌شناسند پس مشکلی در سبک‌دهی به آنها ندارند اما مرورگرهای قدیمی مثل IE8 و نسخه‌های قدیمی‌تر آن، و حتی نسخه‌های قدیمی مرورگرهایی نظیر Firefox, Opera, Safarii و … نیز قادر به شناسایی این تگ‌ها نیستند اما در اینجا ما دستوری داریم که این تگ‌ها را به مرورگرهای قدیمی شناسانده و کار شما را در طراحی‌هایتان راحت‌تر میکنند. این دستور که یک دستور جاوا است به صورت زیر باید وارد صفحه‌ی شما شود:
<script type=”text/javascript”>
document.createElement(“article”);
document.createElement(“header”);
document.createElement(“footer”);
document.createElement(“section”);
document.createElement(“hgroup”);
document.createElement(“nav”);
document.createElement(“aside”);
</script>
مرجع: طراحی سایت اصفهان
document.createElement(“article”);
document.createElement(“header”);
document.createElement(“footer”);
document.createElement(“section”);
document.createElement(“hgroup”);
document.createElement(“nav”);
document.createElement(“aside”);
</script>