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

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

Rachel Andrew

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

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

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

חוזרים להשתמש במאפיין media ברכיב <source> ב-Firefox. התמיכה מורחבת וכוללת את הרכיבים <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 יש עכשיו תמיכה בקוד הסטטוס 103 EAPים מוקדמים של תגובה לפרטי HTTP.

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

גרסאות בטא של דפדפן מאפשרות תצוגה מקדימה של הדברים שיהיו בגרסה היציבה הבאה של הדפדפן. זו הזדמנות מצוינת לבדוק תכונות חדשות, או הסרות, שעשויות להשפיע על האתר עוד לפני ההשקה של הגרסה הזו. גרסאות הבטא החדשות הן 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() לפעול באופן הדדי בכל המנועים העיקריים.

חלק מסדרת האתרים החדשה