SVG2规范中英对照（第一章：介绍）

关注

翻译最新推荐文章于 2026-05-15 05:32:46 发布 782 阅读 AI 写同款· GEO 优化 ›

【愚公系列】《微信小程序与云开发从入门到实践》031-开发一款多Tab页自定义组件在现代移动应用中，良好的用户体验离不开清晰的界面布局和流畅的交互设计。微信小程序作为一种轻量级的应用形式，广泛应用于各类场景，而多Tab页设计则越来越成为用户界面的重要组成部分。通过合理的Tab页面设计，用户可以更方便地在不同功能模块之间切换，从而提升使用的便捷性和舒适感。本文将带您深入探讨如何在微信小程序中开发一款多Tab页自定义组件。我们将从组件的基本概念入手，逐步引导您了解组件的创建、样式设计以及如何实现Tab之间的切换和交互。阅读详情

Chapter 1: Introduction

第一章介绍

Overview . Previous . Next . Elements . Attributes . Properties

概览、历史、未来、元素、特征、属性

contents 内容

1. 1.1.About SVG 关于SVG
2. 1.2.Compatibility with other standards efforts 与其它标准兼容性努力
3. 1.3.Normative Terminology 规范术语

1.1. About SVG

This specification defines the features and syntax for Scalable Vector Graphics (SVG).

文档定义了SVG的特征和语法。

SVG is a language for describing two-dimensional graphics. As a standalone format or when mixed with other XML, it uses the XML syntax [xml]. SVG code used inside HTML documents uses the HTML syntax [HTML]. SVG allows for three types of graphic objects: vector graphic shapes (e.g., paths consisting of straight lines and curves), images and text. Graphical objects can be grouped, styled, transformed and composited. The feature set includes nested transformations, clipping paths, alpha masks, filter effects and template objects.

SVG是描述二维图形的语言。作为独立格式或者与其它XML混合，它使用XML语法。SVG代码可以使用HTML语法嵌入到HTML文档中。SVG允许三种图形对象：矢量图形（例如：由多条直线和曲线组成的路径），图像和文字。图像对象可以被组合、格式化、转换和聚合。特征集中包括嵌套转换、剪切路径、蒙版、光栅过滤效果和模板对象。

SVG drawings can be interactive and dynamic. Animations can be defined and triggered either declaratively (i.e., by embedding SVG animation elements in SVG content) or via scripting.

SVG描画支持交互和动态。动画可以被定义和事件触发（例如：在SVG内容里嵌入SVG动画元素）或者通过脚本触发。

Sophisticated applications of SVG are possible by use of a supplemental scripting language which accesses SVG Document Object Model (DOM), which provides complete access to all elements, attributes and properties. A rich set of event handlers can be assigned to any SVG graphical object. Within a web page, the same scripts can work on both HTML and SVG elements. Scripting.

通过使用增加额外的脚本语言访问SVG文档对象模型（DOM），则复杂的SVG应用成为可能。该SVG DOM提供完整的访问所有元素、特性、属性的方法。一套丰富的事件处理器能够被在任何SVG图形对象上。在一个网页里，相同的脚本既可以工作在HTML上，也能工作在元素脚本上。

SVG is useful for rich graphical presentation of information, including a number of accessibility features that, used correctly, ensure the content can be used by the widest possible audience. But a direct link to source data, where possible, is helpful for many people to understand the content provided.

SVG对于丰富的图形表示是非常有用的，包括大量可访问的特性，使用正确性，确保适用最广泛的用户。但是某些可能的地方，直接连接到源数据，对于许多人理解内容提供的信息是有帮助的。

1.2. Compatibility with other standards efforts 与其它标准兼容性的努力

SVG leverages and integrates with other W3C specifications and standards efforts, as described in the following:

SVG与其它W3C规范和标准的集成努力，在下面进行描述：

SVG can be integrated with HTML either by using SVG in HTML or by using HTML in SVG, in both cases either by inclusion or reference.
SVG能够与HTML集成在一起，它既可以在HTML里使用SVG，也可以在SVG里使用HTML。
SVG is an application of XML and is compatible with XML 1.0 and with the Namespaces in XMLspecification. However, when SVG content is included in HTML document, the HTML syntax applies and may not be compatible with XML. See SVG Integration for details.
SVG是XML的一种应用，并且与XML1.0兼容，符合XML名字空间规范（Namespaces in XML）。然而，当SVG被HTML文档包含时，HTML语法可能与XML不兼容，具体参考SVG集成（SVG Integration ）。
SVG content is styled with CSS. See Styling with CSS for details.
SVG内容支持CSS格式，具体参考使用CSS格式化（Styling with CSS）。
SVG includes a complete Document Object Model (DOM) and extends DOM4. The SVG DOM has a high level of compatibility and consistency with the HTML DOM. Additionally, the SVG DOM supports and incorporates many of the facilities described in the CSS object model and event handling [dom-level-2-style] [uievents].
SVG包括完整的文档对象模型（DOM）和扩展DOM4,。SVG DOM与HTML DOM具有高水平的兼容性和一致性，在CSS对象模型和事件处理上，SVG DOM支持和涵盖许多应用描述。
SVG incorporates some features and approaches that are part of SMIL 3, including the ‘switch’element and the ‘systemLanguage’ attribute.
SVG包括许多特性，请参考SMIL3部分（SMIL 3），它包括‘switch’元素和‘systemLanguage’属性。
SVG is compatible with W3C work on internationalization. References (W3C and otherwise) include: [UNICODE] and [charmod].
SVG与W3C兼容支持国际化。具体参考W3C和其它：UNICODE和charmod。
SVG is compatible with W3C work on Web Accessibility. See Accessibility Support.
SVG与W3C兼容工作在网页访问能力上（W3C work on Web Accessibility）。具体参考：Accessibility Support。

1.3. Normative Terminology 规范术语

Within this specification, the key words "MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT", "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY", and "OPTIONAL" are to be interpreted as described in Key words for use in RFCs to Indicate Requirement Levels [rfc2119]. However, for readability, these words do not appear in all uppercase letters in this specification.

本文里，关键字"MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT", "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY", and "OPTIONAL" 的具体解释清参考：Key words for use in RFCs to Indicate Requirement Levels [rfc2119]。然而，为了可读性，这些词并不是全部是大写出现本规范里。

At times, this specification recommends good practice for authors and user agents.

有时，本规范的推荐对于作者和用户来说是好的实践。

收录于