Hướng dẫn how can i add language to my website in html? - Làm cách nào để thêm ngôn ngữ vào trang web của tôi bằng html?

Question

Vâng. Để chỉnh sửa câu trả lời của tôi, xin vui lòng làm theo:

Nội dung chính Show

Làm cách nào để thêm ngôn ngữ khác vào HTML?
Làm cách nào để thêm một ngôn ngữ vào trang web của tôi?
Làm cách nào để tạo một trang HTML đa ngôn ngữ?
Làm cách nào để tạo tài liệu HTML ngôn ngữ?

1 - Tạo một thư mục có tên ngôn ngữ và thêm 2 tệp vào nó (es.json và en.json) create a folder called language and add 2 files to it ( es.json and en.json )

Các tệp JSON phải giống hệt nhau về cấu trúc nhưng khác nhau trong dịch thuật như dưới đây:

en.json

{ 
    "date": "Date", 
    "save": "Save",
    "cancel": "Cancel" 
}

es.json

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

2 - Tạo một trang HTML chứa một div mẫu và đặt 2 liên kết để chọn ngôn ngữ trỏ đến hàm JS được liệt kê trong bước 3. - Create an html page containing a sample div and put 2 links to select the language pointing to the js function listed in step 3.

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

3 - Tạo 2 chức năng tập lệnh Java để nhận/đặt ngôn ngữ đã chọn: Create 2 java script functions to get/set the selected language:

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

4 - Sử dụng ngôn ngữ biến để điền vào văn bản. - Use the variable language to populate the text.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>

    $(document).ready(function(){
    $('#div1').text(language.date);
    });

    </script>

Tôi tin rằng câu trả lời này là câu hỏi vì tôi có cùng một khái niệm đã thực hiện nhiều trang web.

Lưu ý: Bạn có thể thực hiện dịch ngay lập tức (không tải lại) chỉ bằng cách sử dụng một sự kiện onclick khác với tài liệu. Nó phụ thuộc vào kịch bản của bạn.

Trong bài viết này, chúng ta sẽ xem làm thế nào nội dung trang có thể được phục vụ trong nhiều ngôn ngữ. Chúng ta có thể đặt ngôn ngữ trong tài liệu HTML bằng cách đặt thuộc tính Lang trong mã. Theo mặc định, ngôn ngữ được chỉ định là tiếng Anh, nhưng nó có thể được thay đổi một cách thuận tiện. Có một cách để thay đổi ngôn ngữ nội dung bằng cách sử dụng Google cho điều đó, bạn có thể kiểm tra bài viết này, cách thêm nút Google Dịch trên trang web của bạn?, & NBSP; theo mặc định:lang attribute in the code. By default, the specified language is English, but it can be changed at our convenience. There is a way to change the content language by using Google for that, you can check this article, How To Add Google Translate Button On Your Webpage?,
By default:

<html lang="en">

Để thay đổi ngôn ngữ, chỉ cần đặt thuộc tính Lang. Chúng ta có thể xác định nó ở bất cứ đâu trong tài liệu, chẳng hạn như trong cơ thể, trong đoạn văn, trong tiêu đề hoặc trong thẻ nhịp. Nhưng thực tế tốt nhất là đặt Lang trong thẻ Span.lang attribute. We can define it anywhere in the document, such as in the body, in the paragraph, in the heading, or in the span tag. But the best practice is to set the lang in the span tag.

Ví dụ 1: Giống như ở đây, chúng tôi đã thay đổi ngôn ngữ thành tiếng Pháp trong thẻ Span.Like here, we have changed the language to French in the span tag.
```
<p> French " <span lang="fr"> Bonjour </span> " </p>
```

Ví dụ 2:

<p> Spanish " <span lang="es">Hola</span> "</p>

Bây giờ, hãy để Lừa xem toàn bộ mã HTML mà qua đó chúng ta có thể hiểu nó đúng hơn. Xin lưu ý rằng bằng cách thay đổi thuộc tính Lang, hình ảnh của tài liệu HTML vẫn giữ nguyên. Sự khác biệt duy nhất sẽ có trong bản dịch của ngôn ngữ đó.lang attribute, the visual of the HTML document remains the same. The only difference will be there in the translation of that language.

Để thực hiện nhiệm vụ này, chúng tôi có 2 cách để đạt được kết quả tương tự. Đầu tiên mà chúng tôi đang tuân theo cách tiếp cận dưới đây trong đó thuộc tính HTML Lang được thiết lập thành ngôn ngữ tiếng Anh hoặc bằng tiếng Pháp hoặc bất kỳ ngôn ngữ phù hợp nào & phương pháp thứ hai, chúng tôi sẽ sử dụng tham chiếu API của Google dịch & sẽ thêm API này vào HTML của chúng tôi mã số. Hãy để bắt đầu cuộc thảo luận với cách tiếp cận đầu tiên của chúng tôi.lang attribute is setting to either in English language or in French language or any suitable language & the second approach, we will use the google translate API reference & will add this API to our Html code. Let’s start the discussion with our first approach.

Trong bên dưới, có hai ví dụ cho thấy những gì xảy ra khi bạn thay đổi ngôn ngữ của tài liệu HTML của bạn ngoài ngôn ngữ trình duyệt của bạn. Trong ví dụ đầu tiên, tài liệu HTML đang phục vụ trong ngôn ngữ tiếng Anh tiếng Anh trong khi trong ví dụ thứ hai, tài liệu HTML đang phục vụ trong ngôn ngữ tiếng Pháp tiếng Pháp.

Ví dụ 1: Tài liệu HTML bằng tiếng AnhHTML document in the English language

HTML

<!DOCTYPE html>

<____10

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

1

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

2

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

3

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

<

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

6

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

8<

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

0

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

2

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

3

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

2

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

5

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

2

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

7

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

8

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

9

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

0

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

8<

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

0

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

5

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

1

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

2

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

9

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>

    $(document).ready(function(){
    $('#div1').text(language.date);
    });

    </script>

0

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6__

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

8<

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

0

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>

    $(document).ready(function(){
    $('#div1').text(language.date);
    });

    </script>

8

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

1

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

2

<html lang="en">

2

<html lang="en">

3

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6__422

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

8<

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

0

<p> French " <span lang="fr"> Bonjour </span> " </p>

1

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

1

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

2

<p> French " <span lang="fr"> Bonjour </span> " </p>

5

<p> French " <span lang="fr"> Bonjour </span> " </p>

6

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>

    $(document).ready(function(){
    $('#div1').text(language.date);
    });

    </script>

22

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

9

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

6

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

9

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

0

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

Output:

Đầu ra khi ngôn ngữ tiếng Anh được sử dụng

Ví dụ 2: Tài liệu HTML có ngôn ngữ khác (trừ tiếng Anh) (ở đây được sử dụng tiếng Pháp) HTML document with a different language ( other than English) ( here French is used )

HTML

<!DOCTYPE html>

<____10

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

1

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

2

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

9

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

<

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

6

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

8<

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

0

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

2

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

3

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

2

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

5

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

2

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

7

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

8

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

9

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

0

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

8<

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

0

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

5

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

1

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

2

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

9

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>

    $(document).ready(function(){
    $('#div1').text(language.date);
    });

    </script>

0

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6__

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

8<

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

0

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>

    $(document).ready(function(){
    $('#div1').text(language.date);
    });

    </script>

8

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

1

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

2

<html lang="en">

2

<html lang="en">

3

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6__422

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

8<

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

0

<p> French " <span lang="fr"> Bonjour </span> " </p>

1

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

1

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

2

<p> French " <span lang="fr"> Bonjour </span> " </p>

5

<p> French " <span lang="fr"> Bonjour </span> " </p>

6

<script>
var language; 
function getLanguage() {
(localStorage.getItem('language') == null) ? setLanguage('en') : false;
$.ajax({ 
url:  '/language/' +  localStorage.getItem('language') + '.json', 
dataType: 'json', async: false, dataType: 'json', 
success: function (lang) { language = lang } });
}

function setLanguage(lang) {
localStorage.setItem('language', lang);
}
</script>

6

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>

    $(document).ready(function(){
    $('#div1').text(language.date);
    });

    </script>

22

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

9

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

6

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

<a href="#" onclick="setLanguage('en')">English</a> 
<a href="#" onclick="setLanguage('es')">Spanish</a>

<div id="div1"></div>

9

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

0

{ 
    "date": "Fecha", 
    "save": "Salvar",
    "cancel": "Cancelar" 
}

4

Đầu ra: Ở đây, bạn có thể thấy rằng không có sự khác biệt trong tài liệu HTML. Nó sẽ trông giống hệt nhau, ngoại trừ việc ngôn ngữ là tiếng Anh hay tiếng Pháp. Sự khác biệt duy nhất là, trình duyệt sẽ có thể hiểu hoặc xác định rằng ngôn ngữ của toàn bộ tài liệu HTML là tiếng Pháp hoặc tiếng Anh hoặc một số ngôn ngữ khác, và dựa trên đó, nó sẽ chuyển trang sang ngôn ngữ ưa thích của bạn. Here, you can see that there is no difference in the HTML document. It will look exactly the same excluding whether the language is English or French. The only difference is, that the browser will be able to understand or identify that the language of the whole HTML document is either French or English or some other language, and based on that, it will translate the page into your preferred language.

Dịch ngôn ngữ

Làm cách nào để thêm ngôn ngữ khác vào HTML?

Tóm lại, luôn luôn thêm một thuộc tính Lang vào thẻ HTML để đặt ngôn ngữ mặc định của trang của bạn. Nếu đây là XHTML 1. X hoặc tài liệu polyglot HTML5 được phục vụ là XML, bạn cũng nên sử dụng thuộc tính XML: Lang (có cùng giá trị). Nếu trang của bạn chỉ được phục vụ là XML, chỉ cần sử dụng thuộc tính XML: Lang.add a lang attribute to the html tag to set the default language of your page. If this is XHTML 1. x or an HTML5 polyglot document served as XML, you should also use the xml:lang attribute (with the same value). If your page is only served as XML, just use the xml:lang attribute.

Làm cách nào để thêm một ngôn ngữ vào trang web của tôi?

Google Dịch nó là cách dễ dàng nhất và phổ biến hơn để thêm hỗ trợ nhiều ngôn ngữ cho trang web của bạn. Để thêm Google Dịch vào trang web của bạn, bạn chỉ cần đăng ký tài khoản và sau đó dán một chút mã cho HTML. It is by far the easiest and more common way to add multiple language support to your website. To add Google Translate to your site, you simply sign up for an account and then paste a small bit of code to the HTML.

Làm cách nào để tạo một trang HTML đa ngôn ngữ?

Approach..

Theo dõi danh sách các cụm từ và bản dịch cho mỗi ba ngôn ngữ ..

Cung cấp danh sách chính xác các cụm từ cho polyglot dựa trên đầu vào của người dùng ..

Sử dụng thuộc tính dữ liệu HTML để lưu trữ tên cụm từ trong HTML ..

mã cứng Bản dịch mặc định trong HTML ..

Làm cách nào để tạo tài liệu HTML ngôn ngữ?

Cân nhắc thêm một thuộc tính Lang Lang vào thẻ bắt đầu của HT HTML để khai báo ngôn ngữ của tài liệu này.Luôn sử dụng thuộc tính ngôn ngữ trên thẻ để khai báo ngôn ngữ mặc định của văn bản trong trang, sử dụng thuộc tính Lang.adding a “lang” attribute to the “html” start tag to declare the language of this document. Always use a language attribute on the tag to declare the default language of the text in the page, using the lang property.

programming html jQuery multi language Google Translate javascript Multi language bootstrap Multi language ReactJS Multilingual website