Inline image
Sign in to saveAlso known as data:, Data URL scheme, data URI, data URL
Web page in-line data scheme
Described at
Fetch Standard
fetch.spec.whatwg.org →The Fetch standard defines requests, responses, and the process that binds them: fetching. To do so it also supersedes the HTTP Origin header semantics originally defined in The Web Origin Concept. [[ORIGIN]]( "The Web Origin Concept") Numerous APIs provide the ability to fetch a resource, e.g. HTML’s img and script element, CSS' cursor and list-style-image , the navigator.sendBeacon() and self.importScripts() JavaScript APIs. The Fetch Standard provides a unified architecture for these features so they are all consistent when it comes to various aspects of fetching, such as redirects and the CORS protocol. The Fetch Standard also defines the fetch() JavaScript API, which exposes most of the networking functionality at a fairly low level of abstraction. This specification uses terminology from ABNF, Encoding, HTML, HTTP, MIME Sniffing, Streams, URL, Web IDL, WebSockets, and WebTransport. [[ABNF]]( "Augmented BNF for Syntax Specifications: ABNF") [[ENCODING]]( "Encoding Standard") [[HTML]]( "HTML Standard") [[HTTP]]( "HTTP Semantics") [[MIMESNIFF]]( "MIME Sniffing Standard") [[STREAMS]]( "Streams Standard") [[URL]]( "URL Standard") [[WEBIDL]]( "Web IDL Standard") [[WEBSOCKETS]]( "WebSockets Standard") [[WEBTRANSPORT]]( "WebTransport") A fetch timing info is a struct used to maintain timing information needed by Resource Timing and Navigation Timing. It has the following items : [[RESOURCE-TIMING]]( "Resource Timing") [[NAVIGATION-TIMING]]( "Navigation Timing") A response body info is a struct used to maintain information needed by Resource Timing and Navigation Timing. It has the following items : [[RESOURCE-TIMING]]( "Resource Timing") [[NAVIGATION-TIMING]]( "Navigation Timing") To create an opaque timing info, given a fetch timing info timingInfo, return a new fetch timing info whose start time and post-redirect start time are timingInfo’s start time . 2. Otherwise, queue a global task on the networking task source with taskDestination and algorithm. If the user agent assumes it does not have internet connectivity, then return true. HTTP(S) scheme and fetch scheme are also used by HTML. [[HTML]]( "HTML Standard") While fetching encompasses more than just HTTP, it borrows a number of concepts from HTTP and applies these to resources obtained via other means (e.g., data URLs). HTTP whitespace is only useful for specific constructs that are reused outside the context of HTTP headers (e.g., MIME types ). For HTTP header values, using HTTP tab or space is preferred, and outside that context ASCII whitespace is preferred. Unlike ASCII whitespace this excludes U+000C FF. 7. Return the code points from positionStart to position, inclusive, within input. A method is a byte sequence that matches the method token production. A forbidden method is a method that is a byte-case-insensitive match for CONNECT , TRACE , or TRACK . [[HTTPVERBSEC1]]( "Multiple vendors' web servers enable HTTP TRACE method by default.") , [[HTTPVERBSEC2]]( "Microsoft Internet Information Server (IIS) vulnerable to cross-site scripting via HTTP TRACK method.") , [[HTTPVERBSEC3]]( "HTTP proxy default configurations allow arbitrary TCP connections.") Normalization is done for backwards compatibility and consistency across APIs as methods are actually "case-sensitive". HTTP generally refers to a header as a "field" or "header field". The web platform uses the more colloquial term "header". [[HTTP]]( "HTTP Semantics") To get a structured field value given a header name name and a string type from a header list list, run these steps. They return null or a structured field value . 4. Let result be the result of parsing structured fields with input string set to value and header type set to type. Get a structured field value intentionally does not distinguish between a header not being present and its value failing to parse as a structured field value . This ensures uniform processing across the web platform. Structured field values are defined as o
Excerpt from a page describing this subject · 40,000 chars · not written by Vinony
Wikidata facts
- Instance of
- URI scheme
Show 2 more facts
- standards body
- Web Hypertext Application Technology Working Group
Sources (2)
via Wikidata · CC0
Article · Nederlands
Een inline image is een afbeelding die in de HTML- of CSS-code zelf staat, en waarbij dus niet verwezen wordt naar een externe afbeelding. Voor een inline image moet de binaire code van de afbeelding worden omgezet naar platte tekst door het met base64 te coderen. Het resultaat wordt daarna als in de tag voor de afbeelding gezet (zie kader). Deze manier van een afbeelding in HTML zetten is volgens Request for Comments nummer 2397. Het werkt alleen bij erg kleine afbeeldingen, omdat de lengte van de tekst in een -tag aan een maximum is gebonden. Het voordeel van een inline image is dat er geen aparte HTTP-request hoeft te worden gedaan om de afbeelding op te halen. Bij client-side XML/XSL-transformatie is dat voordeel nog groter omdat het gecodeerde afbeeldingen slechts eenmaal in de XML of XSL hoeft te worden opgenomen om de afbeelding meerdere malen in de webpagina te kunnen tonen, de webbrowser hoeft niet in de cache te controleren of de betreffende afbeelding al is opgehaald. Er zijn twee andere manieren bekend om de code voor afbeeldingen in de HTML zelf op te nemen. Beide maken gebruik van JavaScript en beide werken slechts in enkele browsers. Deze methoden zijn ook geen standaard, zoals de RFC2397 dat wel is. In CSS kan de base64-code opgenomen worden in de eigenschap background-image.
Abstract from DBpedia / Wikipedia · CC BY-SA