Page 111 - HTML5
P. 111

Use the rel="alternate" attribute to allow discoverability of your Atom/RSS feeds.


         <link rel="alternate" type="application/atom+xml" href="http://example.com/feed.xml" />
         <link rel="alternate" type="application/rss+xml" href="http://example.com/feed.xml" />


        See the MDN docs for RSS feeds and Atomic RSS.


        Link 'media' attribute


         <link rel="stylesheet" href="test.css" media="print">


        Media specifies what style sheet should be used for what type of media. Using the print value
        would only display that style sheet for print pages.


        The value of this attribute can be any of the mediatype values (similar to a CSS media query).


        Prev and Next


        When a page is part of a series of articles, for instance, one can use prev and next to point to
        pages that are coming before and after.


         <link rel="prev" href="http://stackoverflow.com/documentation/java/topics">

         <link rel="next" href="http://stackoverflow.com/documentation/css/topics">


        Resource Hint: dns-prefetch, prefetch, prerender



        Preconnect



        The preconnect relationship is similar to dns-prefetch in that it will resolve the DNS. However, it will
        also make the TCP handshake, and optional TLS negotiation. This is an experimental feature.


         <link rel="preconnect" href="URL">



        DNS-Prefetch




        Informs browsers to resolve the DNS for a URL, so that all assets from that URL load faster.


         <link rel="dns-prefetch" href="URL">



        Prefetch




        Informs the browsers that a given resource should be prefetched so it can be loaded more quickly.



        https://riptutorial.com/                                                                               95
   106   107   108   109   110   111   112   113   114   115   116