diff --git a/en/application-dev/reference/apis/js-apis-webgl.md b/en/application-dev/reference/apis/js-apis-webgl.md
index 455416ed7c1290971e5a797766d35c52ed08b537..6b45cedd701e6e2a287cc8cdc80055e3f95e0caf 100644
--- a/en/application-dev/reference/apis/js-apis-webgl.md
+++ b/en/application-dev/reference/apis/js-apis-webgl.md
@@ -9,11 +9,13 @@ This module provides WebGL APIs that correspond to the OpenGL ES 2.0 feature set
 > The initial APIs of this module are supported since API version 7. Newly added APIs will be marked with a superscript to indicate their earliest API version.
 >
 > WebGL complies with the OpenGL protocol and does not support multi-thread calling.
+>
+> This module can be used only in the JavaScript-compatible web-like development paradigm.
 
 
 ## Invoking Method
 
-Create a **<canvas\>** component in the HML file. The following is an example:
+Create a **\<canvas>** component in the HML file. The following is an example:
 
 
 ```html
@@ -24,7 +26,7 @@ Create a **<canvas\>** component in the HML file. The following is an example:
 </div>
 ```
 
-Obtain the **<canvas\>** component instance in the JS file. The following is an example:
+Obtain the **\<canvas>** component instance in the JS file. The following is an example:
 
 
 ```js
diff --git a/en/application-dev/reference/apis/js-apis-webgl2.md b/en/application-dev/reference/apis/js-apis-webgl2.md
index dc19039007c1f8207e2dd3ac026c67bdac169d9f..7a55f214f16fad1cf35faebd459e8bac7dfd1e25 100644
--- a/en/application-dev/reference/apis/js-apis-webgl2.md
+++ b/en/application-dev/reference/apis/js-apis-webgl2.md
@@ -9,11 +9,13 @@ This module provides WebGL APIs that correspond to the OpenGL ES 3.0 feature set
 > The initial APIs of this module are supported since API version 7. Newly added APIs will be marked with a superscript to indicate their earliest API version.
 >
 > WebGL2 complies with the OpenGL protocol and does not support multi-thread calling.
+>
+> This module can be used only in the JavaScript-compatible web-like development paradigm.
 
 
 ## Invoking Method
 
-Create a **<canvas\>** component in the HML file. The following is an example:
+Create a **\<canvas>** component in the HML file. The following is an example:
 
 
 ```html
@@ -24,7 +26,7 @@ Create a **<canvas\>** component in the HML file. The following is an example:
 </div>
 ```
 
-Obtain the **<canvas\>** component instance in the JS file. The following is an example:
+Obtain the **\<canvas>** component instance in the JS file. The following is an example:
 
 
 ```js
diff --git a/en/application-dev/webgl/webgl-guidelines.md b/en/application-dev/webgl/webgl-guidelines.md
index b169d0586096c5e5932da39625fe656b50b21733..dc0001c50222b72b0e81f94842a6b1552dcf6ca2 100644
--- a/en/application-dev/webgl/webgl-guidelines.md
+++ b/en/application-dev/webgl/webgl-guidelines.md
@@ -4,6 +4,10 @@
 
 WebGL helps you process graphics at the frontend, for example, drawing color graphics.
 
+> **NOTE**
+>
+> WebGL can be used only in the JavaScript-compatible web-like development paradigm.
+
 
 ## Available APIs
 
@@ -696,6 +700,7 @@ To use WebGL to draw a color triangle (GPU drawing), perform the following steps
    }
    ```
 
+
 **Figure 2** Effect of clicking the button to draw a color triangle
 
 ![en-us_image_0000001192429306](figures/en-us_image_0000001192429306.gif)