Dịch mã html thành đồ họa

Vẽ một hình chữ nhật ở vị trí [10,10], đặt vị trí [0,0] mới thành [70,70]. Vẽ lại hình chữ nhật đó [chú ý rằng hình chữ nhật bây giờ bắt đầu ở vị trí [80,80]

Trình duyệt của bạn không hỗ trợ HTML5canvastag

JavaScript

var c = tài liệu. getElementById["myCanvas"];
var ctx = c. getContext["2d"];
ctx. fillRect[10, 10, 100, 50];
ctx. dịch[70, 70];
ctx. fillRect[10, 10, 100, 50];

Tự mình thử »

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương thức

Methodtranslate[] Yes9. 0CóCóCó

Định nghĩa và cách sử dụng

Phương thức translate[] ánh xạ lại vị trí [0,0] trên canvas

Ghi chú. Khi bạn gọi một phương thức chẳng hạn như fillRect[] sau translate[], giá trị được thêm vào các giá trị tọa độ x và y

Thuộc tính toàn cầu translate là một thuộc tính liệt kê được sử dụng để chỉ định liệu các giá trị thuộc tính có thể dịch của một phần tử và các nút con Text của nó có nên được dịch khi trang được bản địa hóa hay không hoặc giữ nguyên chúng

Nó có thể có các giá trị sau

  • chuỗi trống hoặc yes, cho biết rằng phần tử sẽ được dịch khi trang được bản địa hóa
  • no, cho biết rằng phần tử không được dịch

Mặc dù không phải tất cả các trình duyệt đều nhận ra thuộc tính này, nhưng nó được các hệ thống dịch tự động như Google Dịch tôn trọng và cũng có thể được tôn trọng bởi các công cụ do người dịch sử dụng. Do đó, điều quan trọng là các tác giả web sử dụng thuộc tính này để đánh dấu nội dung không nên dịch

ví dụ

Trong ví dụ này, thuộc tính translate được sử dụng để yêu cầu các công cụ dịch thuật không dịch tên thương hiệu của công ty ở cuối trang

Ngày nay, khả năng dịch HTML là rất quan trọng, vì những lý do rõ ràng và hầu như mọi dịch giả sẽ chấp nhận các tệp HTML. Tuy nhiên, mặc dù không đúng về mặt chính trị khi đề cập đến điều này ở đây, nhưng sự thật là nhiều dịch giả không biết đủ về HTML và các trang web để thực hiện một công việc chuyên nghiệp.

Có RẤT NHIỀU hướng dẫn HTML hay, nhưng tất cả chúng đều dành cho những người muốn trở thành quản trị viên web hoặc thậm chí là quản trị viên web chuyên nghiệp và bỏ qua các vấn đề quan trọng mà người dịch cần lưu ý. Tôi hy vọng điều này lấp đầy khoảng trống và giúp bạn làm việc tốt hơn

Nếu bạn đã quen thuộc với HTML, Xử lý từ khóa và biểu định kiểu, hãy đi thẳng đến “Cách dịch HTML” để biết thêm về cách chuẩn bị tệp HTML để dịch và tự dịch

vấn đề về HTML


[Cơ bản và không quá cơ bản]

HTML là gì và nó hoạt động như thế nào? . Siêu văn bản là văn bản được đặc trưng bởi sự hiện diện của các liên kết. Lấy một quyển sách. Bạn đọc từ đầu và di chuyển về phía cuối. Với siêu văn bản, bạn có thể truy cập ngay vào thông tin bạn đang tìm kiếm bằng cách nhấp vào liên kết

Tệp HTML là một tệp văn bản đơn giản có phần mở rộng “htm” hoặc “html”. Làm kinh nghiệm sau. Lấy một tệp văn bản đơn giản, “sao cũng được. txt" and rename it to “whatever. htm”. Nhấp đúp chuột vào nó và nó sẽ hiển thị trong trình duyệt web mặc định của bạn. Bây giờ, bạn sẽ lưu ý rằng không có liên kết nào. Không có chữ đậm, không có gạch chân, không có bảng, không có hình và thậm chí không có dấu phân đoạn

HTML is the "language" that you use to tell the browser [Internet Explorer, Netscape, Mozilla, Opera...] how the page should be displayed and what it should do in different situations [the user click on a link, the navigator finds the page and display it, for instance]. To do that, it uses “markups”. A markup - or tag - is a small piece of code that provides this information. In HTML, tags are made of a “” sign. Case is not important.

Ví dụ: “” cho trình duyệt biết rằng bất kỳ thông tin nào theo sau thẻ đó sẽ được in đậm. Bây giờ, trừ khi bạn muốn mọi thứ được in đậm, còn không thì phải có một thẻ khác để báo cho trình duyệt biết nơi dừng để hiển thị văn bản in đậm. Thẻ đó là “”. Lưu ý dấu “/”. Thẻ kích hoạt hiển thị đậm [] được gọi là thẻ mở. Thẻ hủy bỏ hành động của thẻ mở [] được gọi là thẻ đóng. Có các thẻ cho mọi tùy chọn định dạng. chữ nghiêng, gạch chân, màu sắc, kích thước… Bạn sẽ tìm thấy chúng rất dễ dàng trên mạng, như ở đây chẳng hạn

Có các loại thẻ khác trong tài liệu HTML. Chẳng hạn, có các thẻ nêu chi tiết cấu trúc của trang và hành vi chung của nó. Một trang HTML thường như sau

[Để cho trình duyệt biết rằng trang này ở dạng HTML]
[Tiêu đề. Chứa thông tin về trang sẽ không được hiển thị nhưng vẫn có thể ảnh hưởng đến việc hiển thị. ]
[Đóng thẻ “”. Hầu hết các thẻ nên được mở và đóng. ]
[Trang thực tế. Đây là những gì bạn thấy khi mở trang trong trình duyệt]
[Thẻ đóng cho ]
[Thẻ đóng cho ]

Bạn không cần thay đổi các thẻ cấu trúc khi bạn dịch

Một loại thẻ khác là thẻ Meta. Những thẻ này nằm trong tiêu đề và cung cấp thông tin trên trang, được sử dụng chủ yếu bởi các công cụ tìm kiếm, chẳng hạn như từ khóa, mô tả trang, tác giả và bản quyền… Bạn sẽ cần dịch nội dung của một số thẻ này. Lưu ý rằng các thẻ này chủ yếu dành cho các công cụ tìm kiếm, bạn phải dịch các từ khóa và mô tả bằng các từ mà mọi người sẽ sử dụng để tìm trang web. Nó không phải là vấn đề chỉ dịch những

Bạn phải suy nghĩ một chút về thuật ngữ nào được áp dụng cho trang và sẽ phổ biến nhất. Bạn có thể tìm thấy lỗi chính tả trong các thẻ Meta. Chúng ở đó có mục đích để những người viết sai chính tả cụm từ tìm kiếm của họ trong công cụ tìm kiếm vẫn tìm thấy trang. Nếu vậy thì sai chính tả quá. Google đã liệt kê các lỗi chính tả được tìm thấy cho “Britney Spears”. Có hàng trăm và chúng đã được tìm kiếm bởi hàng nghìn người, vì vậy việc viết sai chính tả trên các tìm kiếm phổ biến có thể gây ra một lưu lượng truy cập đáng kể

Nếu bạn thấy các mô tả và một số lỗi chính tả trong thẻ Meta được suy nghĩ kỹ lưỡng, hãy hết sức cẩn thận, vì đây là bằng chứng cho thấy khách hàng của bạn đã cố gắng tối ưu hóa công cụ tìm kiếm và có lẽ đã trả rất nhiều tiền để làm như vậy. Đừng làm hỏng nó

Có một mục quan trọng khác trong thẻ Meta. bộ ký tự. Nó cho trình duyệt biết bộ ký tự nào được sử dụng trong trang. Nếu bạn dịch từ một ngôn ngữ có mã hóa ký tự khác với ngôn ngữ của bạn, bạn có thể phải thay đổi mã hóa để trang hiển thị chính xác. Đây là giao diện của thẻ Meta đó

Dịch nghĩa là gì trong HTML?

Hàm translate[] CSS định vị lại một phần tử theo hướng ngang và/hoặc dọc . Kết quả của nó là kiểu dữ liệu

Làm cách nào tôi có thể dịch một trang web bằng HTML?

Để chèn nút Google Dịch trên một trang. .
Copy the following code snippet -
.. .
Chuyển đến trang bạn muốn và nhấp vào Chỉnh sửa
Nhấp vào Biểu tượng mã nguồn "" trên thanh công cụ WYSIWYG
Dán đoạn mã vào đầu trang, trước bất kỳ mã nào khác
Nhấp vào "Xem trước bản nháp"

Làm cách nào chúng ta có thể tạo trình dịch câu bằng HTML CSS và JavaScript?

Thiết lập cơ bản. Mở Mã VS và mở một thư mục từ ổ đĩa của bạn, nơi bạn muốn tạo dự án này và đặt tên là Translate-Sentence[tên thư mục]. .
mục lục. html
dịch. js
Phong cách. css

Dịch trong JavaScript là gì?

JavaScript. Phương thức translate[] dịch ngữ cảnh theo chiều ngang 110 và chiều dọc 30 . Hình vuông đầu tiên được dịch chuyển bởi những số tiền đó từ vị trí mặc định của nó.

Chủ Đề