חדש בפלטפורמת האינטרנט בנובמבר

בחודש נובמבר 2023 תוכלו לקרוא על כמה מהתכונות המעניינות שפורסמו בדפדפני אינטרנט יציבים ובדפדפני בטא.

Rachel Andrew

גרסאות יציבות של דפדפנים

בנובמבר 2023, הייתה רק גרסה יציבה אחת לדפדפן עם Firefox 120. בפוסט הזה נסביר מה המשמעות של פלטפורמת האינטרנט.

תמיכה במאפיין media ברכיב <source>

עכשיו Firefox תומך שוב במאפיין media ברכיב <source>. התמיכה מורחבת והיא כוללת את הרכיבים <audio> ו-<video>. בגרסה הזו, מאפיין המדיה יהיה זמין ברכיבי <source> בתוך <audio>, <video> ו-<picture>.

התמיכה במאפיין media מגיעה ל-Chrome והיא כבר זמינה ב-Safari, כך שבקרוב תהיה לכם תמיכה לווידאו ואודיו בהתאמה ל-HTML בכל המנועים.

הפונקציה light-dark() צבע CSS

דפדפן Firefox תומך עכשיו בפונקציה light-dark() צבע CSS. כלומר, אפשר להגדיר צבעים לסכמות בהירות וכהות בלי להשתמש בתכונת המדיה prefers-color-scheme.

היחידות lh ו-rlh

Firefox תומך ביחידות CSS lh ו-rlh יחידות אלה מאפשרות להגדיר ערכים ביחס לגובה השורה של רכיב. האפשרות הזו שימושית כשרוצים ליישר תמונות רקע עם טקסט. עם הגרסה הזו, הכלים האלה יכולים לפעול בצורה הדדית בכל שלושת המנועים העיקריים.

רמזים מוקדמים מסוג HTTP 103

Firefox תומך עכשיו בקוד הסטטוס של תגובת HTTP מסוג 103 רמזים מוקדמים.

גרסאות של דפדפן בטא

בגרסאות של דפדפן הבטא אפשר לראות תצוגה מקדימה של הדברים שיהיו בגרסה היציבה הבאה של הדפדפן. זה זמן נהדר לבדוק תכונות חדשות, או הסרות, שעשויות להשפיע על האתר שלכם, לפני שהעולם יקבל את הגרסה הזו. גרסאות הבטא החדשות הן Firefox 121, Chrome 120 ו-Safari 17.2. הגרסאות האלה מביאות לפלטפורמה תכונות נהדרות. כל הפרטים מופיעים בנתוני הגרסה. הנה כמה מהשינויים הבולטים.

בגרסאות Chrome 120 ו-Safari 17.2 יש ניתוח נתונים מרגיעים עבור CSS Nesting.

מערכת Chrome 120 מסירה את התחילית של הנכסים -webkit-mask* ומשווה אותם למפרט הנוכחי. כולל mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size ו-mask-composite, וגם את קיצור הדרך של mask. יש תמיכה בהפניות מקומיות מסוג mask-image, העריכה בסדרה תואמת עכשיו למפרט, והערכים הקבילים תואמים עכשיו למפרט.

Chrome 120 ו-Safari 17.2 כוללים תמיכה במאפיין name של האלמנט <details>.

Firefox 121 כולל את הסלקטור :has() של CSS. בגרסה הזו, :has() יכול לפעול בצורה הדדית בכל המנועים העיקריים.

חלק מסדרת סרטונים חדשה באינטרנט