Merge branch 'master' of github.com:w3c/web-roadmaps

mobile/adaptation.html

@@ -19,7 +19,7 @@ <h2>Well-deployed technologies</h2>
         <div data-feature="Responsive images">
         <p>The <a href="https://www.w3.org/community/respimg/">Responsive Images Community Group (RICG)</a> developed an extension to HTML, known as the <a data-featureid="picture"><code>picture</code> element</a>, that allows authors define what image to load depending on device capabilities and/or other media features.</p>
         <p>As a complementary approach, the <a data-featureid="srcset"><code>srcset</code> attribute</a>, specified by the <a href="https://whatwg.org/">WHATWG</a> and also published as an extension to HTML, let Web developers define the various device pixel ratios of an image, letting the browser pick the best choice for the pixel density of the screen.</p>
-        <p><a data-featureid="svg12">SVG</a>, which lets define images that can be scaled up and down without any loss of quality, is another critical tool to the development of Web applications that adapt to the resolution of the underlying device.</p>
+        <p><a data-featureid="svg11">SVG</a>, which lets define images that can be scaled up and down without any loss of quality, is another critical tool to the development of Web applications that adapt to the resolution of the underlying device.</p>
         </div>
       </section>
 

mobile/adaptation.zh.html

@@ -19,7 +19,7 @@ <h2>广泛部署的技术</h2>
         <div data-feature="响应式图像">
         <p><a href="https://www.w3.org/community/respimg/">响应式图像社区组（RICG）</a>开发了对HTML的扩展（<a data-featureid="picture"><code>picture元素</code></a>），允许作者根据设备功能和/或其他媒体特性定义要加载的图像。</p>
         <p>作为补充，<a href="https://whatwg.org/">WHATWG</a>指定的<a data-featureid="srcset"><code>srcset属性</code></a>也可作为HTML的扩展，让Web开发者定义图像的设备像素比，让浏览器选择最适合屏幕像素密度的图片。</p>
-        <p><a data-featureid="svg12">SVG</a>可以定义可缩放的图像，而不会造成任何质量损失，这是开发适应多种设备分辨率的Web应用的另一个重要工具。</p>
+        <p><a data-featureid="svg11">SVG</a>可以定义可缩放的图像，而不会造成任何质量损失，这是开发适应多种设备分辨率的Web应用的另一个重要工具。</p>
         </div>
       </section>
 

mobile/graphics.html

@@ -27,7 +27,7 @@ <h2>Well-deployed technologies</h2>
           <p>Fonts play also an important role in building appealing graphical interfaces, but mobile devices are in general distributed with only a limited set of fonts. <a data-featureid="woff2">WOFF</a> (Web Open Font Format) addresses that limitation by making it easy to use fonts that are automatically downloaded through style sheets, while keeping the size of the downloaded fonts limited to what is actually needed to render the interface. WOFF is particularly friendly to mobile devices, thanks to a font data preprocessing and optimization step that reduces redundancy of font data structures, and a dedicated entropy coding scheme for compression that does not require excessive CPU or memory usage for decoding, even on lower-end mobile devices.</p>
         </div>
         <div data-feature="2D Vector Graphics">
-          <p><strong><a data-featureid="svg12">SVG</a></strong>, Scalable Vector Graphics, provides an XML-based markup language to describe two-dimensions vector graphics. Since these graphics are described as a set of geometric shapes, they can be zoomed at the user request, which makes them well-suited to create graphics on mobile devices where screen space is limited. They can also be easily animated, enabling the creation of very advanced and slick user interfaces.</p>
+          <p><strong><a data-featureid="svg11">SVG</a></strong>, Scalable Vector Graphics, provides an XML-based markup language to describe two-dimensions vector graphics. Since these graphics are described as a set of geometric shapes, they can be zoomed at the user request, which makes them well-suited to create graphics on mobile devices where screen space is limited. They can also be easily animated, enabling the creation of very advanced and slick user interfaces.</p>
           <p>The integration of SVG in HTML5 opens up new possibilities, for instance applying advanced graphic filters (through SVG filters) to multimedia content, including videos. <a data-featureid="svg2">SVG 2</a> is set to facilitate that integration and complete the set of features in SVG.</p>
         </div>
         <p data-feature="2D Programmatic API">In complement to the declarative approach provided by SVG, the <strong><code>&lt;canvas&gt;</code></strong> element added in HTML5 enables a <a data-featureid="canvas">2D programmatic API</a> that is well-suited for processing graphics in a less memory intensive way.</p>

mobile/graphics.zh.html

@@ -27,7 +27,7 @@ <h2>广泛部署的技术</h2>
           <p>字体在构建引人入胜的图形界面中扮演着重要的角色，但移动设备通常只包含有限的字体。<a data-featureid="woff2">WOFF</a>（Web 开放字体格式）通过使字体能够通过样式表很方便地自动下载来解决该限制，同时将下载字体的大小限制为呈现用户界面实际所需的大小。WOFF对移动设备友好，这归功于字体数据预处理和优化步骤，可减少字体数据结构的冗余，以及专门的熵压缩编码方案，即使在使用低端移动设备时也不需要使用过多的CPU或内存资源来解码。</p>
         </div>
         <div data-feature="2D矢量图形">
-          <p><strong><a data-featureid="svg12">SVG</a></strong>（可扩展矢量图形）提供了一种基于 XML 的标记语言来描述二维矢量图形。由于这些图形被描述为一组几何形状，因此可以根据用户的请求进行缩放，这使得 SVG 非常适合在屏幕空间有限的移动设备上创建图形。SVG也很容易制作动画，以及复杂和平滑的用户界面。</p>
+          <p><strong><a data-featureid="svg11">SVG</a></strong>（可扩展矢量图形）提供了一种基于 XML 的标记语言来描述二维矢量图形。由于这些图形被描述为一组几何形状，因此可以根据用户的请求进行缩放，这使得 SVG 非常适合在屏幕空间有限的移动设备上创建图形。SVG也很容易制作动画，以及复杂和平滑的用户界面。</p>
           <p>SVG 在 HTML5 中的整合开辟了新的可能性，例如将高级图形过滤器（通过SVG过滤器）应用于多媒体内容（包括视频）。<a data-featureid="svg2">SVG 2</a> 完善了上述整合和 SVG 的特性集合。</p>
         </div>
         <p data-feature="2D 可编程 API">作为 SVG 提供的声明性方法的补充，HTML5中添加的<strong><code>&lt;canvas&gt;</code></strong>元素使<a data-featureid="canvas">2D编程API</a>非常适合以较少内存占用的方式处理图形。</p>