📃 June 2010 release notes

New in Safari

The following features are now available in Safari:

• Array.isArray(): The Array.isArray() static method checks whether a value is an array.
• <article>: The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
• <aside>: The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content.
• border-radius: The border-radius CSS property rounds the corners of the border drawn around an element.
• Channel messaging: Channel messaging communicates one-to-one between browsing contexts on the same origin, such as between <iframe> elements or two documents using a shared worker.
• :default: The :default CSS pseudo-class matches the default element in a group of related form controls, such as checkboxes and radio buttons with the checked attribute.
• Form validity pseudo-classes: The form validity CSS pseudo-classes match <form> elements based on the constraints of a form field, such as validity (:valid, :invalid, :in-range, :out-of-range) and necessity (:optional or :required).
• Geolocation: The navigator.gelocation API requests the user's latitude, longitude, heading, and speed.
• <header> and <footer>: The <header> and <footer> HTML elements represent content that precedes and follows the main page content, respectively.
• <hgroup>: The <hgroup> element represents a heading and related content.
• History: The window.history API manipulates the browser session history, from navigations to state management, in the tab or frame that the current page is loaded in.
• Sandboxed iframes: The sandbox attribute for the <iframe> HTML element sets many security restrictions on the iframe, such as preventing form submissions or opening modal dialogs. Optional allow- values relax specific restrictions.
• Email, telephone, and URL <input> types: The <input type="email">, <input type="tel">, and <input type="url"> HTML elements represent email address, telephone number, and URL fields in a form.
• JavaScript (initial core language support): JavaScript is a programming language that runs in browsers, usually through the <script> element. JavaScript has changed over many years. This feature represents the oldest language features, such as built-in objects, statements, and operators. Also known as ECMAScript.
• <link rel="dns-prefetch">: The rel="dns-prefetch" attribute for the <link> HTML element is a hint to the browser that the page or user is likely to request resources from another domain, so the browser should preemptively resolve DNS for the href value's domain.
• <nav>: The <nav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.
• Page transition events: The pageshow and pagehide transition events fire when a document loads or unloads due to a navigation, such as clicking on a link on a page or the back button in a browser.
• rem: The rem CSS length unit is a font-relative length that is equal to the font size of the root HTML element which for most browsers is 16px.
• <ruby>: The <ruby> element produces small annotations that are rendered with its base text.
• <input type="search">: The <input type="search"> HTML element represents a text field for search queries.
• <section>: The <section> element is a generic standalone section of a document, which doesn't have a more specific semantic element to represent it.
• Server-sent events: The EventSource API creates a connection to a server and listens to a stream of events sent by the server.
• WebSockets: The WebSocket API opens a two-way communication channel between the user's browser and a server.