Bạn học lập trình web và đang tìm hiểu về ngôn ngữ HTML hoặc HTML5 là gì? Bài này Lộc sẽ giúp bạn sẽ hiểu hơn về ngôn ngữ lập trình HTML và vì sao mà ngôn ngữ HTML – HTML5 lại có một tầm quan trọng nhất định nào đó…
Chào bạn, với vai trò là một Marketer và chuyên thiết kế các website phục vụ cho công việc bản thân cũng như bạn bè nên Lộc cũng khá quen mặt với loại ngôn ngữ HTML này.
Không phải cứ là lập trình viên thì bạn mới cần quan tâm đến HTML, chỉ cần là bạn đang học làm website hay làm một Marketer thì việc biết về ngôn ngữ HTML cũng là một phần có liên quan trong đó đấy, vì nó khá là cơ bản.
Vì mình không phải là một lập trình viên, mình chỉ biết đủ để có thể làm một website hiệu quả và vận hành nó trong tầm tay, nên có thể 1 số phần nội dung sẽ bị giới hạn một chút, bạn có có thể tra thêm Google để đọc thêm nhé.
Còn các bạn theo chuyên môn lập trình viên, hãy xem bài này làm một nội dung tham khảo để đọc hiểu thêm và có thể xem thêm các nội dung bổ trợ khác từ Google nhé.
Trước tiên, mình sẽ cùng nhau tìm hiểu từng phần một nhé!
HTML là gì?
HTML là chữ viết tắt của cụm từ Hyper Text Markup Language, được dịch là ngôn ngữ đánh dấu siêu văn bản, nằm trong các loại ngôn ngữ lập trình.
HTML được sử dụng để tạo nên một trang web và trên một website tổng có thể sẽ chứa nhiều trang web đơn và mỗi trang được quy ra là một tài liệu HTML (hay gọi là tập tin HTML).
Cha đẻ của HTML là Tim Berners-Lee, cũng là người khai sinh ra World Wide Web và là chủ tịch của World Wide Web Consortium (W3C – Tổ chức thiết lập ra các chuẩn trên môi trường Internet).
Một tài liệu HTML được hình thành bởi các phần tử HTML (HTML Elements) và được quy định bằng các cặp thẻ (tag).
Các cặp thẻ này được bao bọc bởi một dấu ngoặc ngọn kiểu này <html> và thường là sẽ được khai báo thành một cặp, bao gồm thẻ mở <p> và thẻ đóng </p> như này.
Các văn bản muốn được đánh dấu bằng HTML sẽ được khai báo bên trong cặp thẻ:
Ví dụ: <strong> chữ trong này sẽ in đậm </strong> hoặc <em> chữ trong này in nghiên </em>,…
Nhưng có một số thẻ đặc biệt lại không có thẻ đóng và dữ liệu được khai báo sẽ nằm trong các thuộc tính
Ví dụ: <image> thẻ hình ảnh này sẽ không có thẻ đóng.
Một tập tin HTML sẽ bao gồm các phần tử HTML và được lưu lại dưới đuôi mở rộng là .html hoặc .htm.
Ngôn ngữ HTML được xử lý ra sao?
Khi một tập tin HTML được hình thành, việc xử lý nó sẽ do trình duyệt web đảm nhận.
Trình duyệt sẽ đóng vai trò đọc hiểu nội dung HTML từ các thẻ bên trong và sẽ chuyển sang dạng văn bản đã được đánh dấu để đọc, nghe hoặc hiểu (do các bot máy tính hiểu).
See the Pen Học HTML by Nguyen Phat Loc (@nezrynicky) on CodePen.
Để kiểm tra, bạn có thể sử dụng khung nội dung và chuyển qua lại giữa phần HTML và Result mình để bên trên xem kết quả của một tập tin HTML sau khi được xử lý.
Khi viết bài, viết nội dung cho web mình cũng thường xuyên chuyển qua lại để chỉnh sửa cho phù hợp.
Cấu trúc 1 đoạn HTML
Như mình đã nói ở trên, HTML sẽ được khai báo bằng các phần tử bởi các từ khóa. Nội dung nằm bên trong cặp từ khóa sẽ là nội dung bạn cần định dạng với HTML.
Ví dụ: Dưới đây là một đoạn HTML khai báo một đoạn văn bản.
<p>Đây là một đoạn văn bản trong HTML.</p>
Ngoài ra, trong các thẻ còn có các thuộc tính, thuộc tính sẽ đặt bên trong thẻ mở đầu, mỗi thuộc tính sẽ có giá trị được đặt trong dấu ngoặc kép và cách nhau bởi dấu bằng (=) với tên thuộc tính.
Ví dụ: Dưới đây là một thẻ có sử dụng thuộc tính.
<form action=”https://nguyenphatloc.com”> </form>
Một thẻ có thể sử dụng nhiều thuộc tính chứ không phải chỉ một thuộc tính các bạn nhé.
Dùng chương trình gì để tạo tập tin HTML?
HTML là một tập tin siêu văn bản, nên bạn có thể dùng các chương trình soạn thảo văn bản không có chức năng định dạng văn bản để tạo ra một tập tin HTML.
Trong Windows, bạn có thể dùng Notepad hoặc Notepadd++ để tạo ra một tập tin HTML, còn trên Mac thì có thể dùng TextEdit và Vim trên các hệ điều hành Linux khác.
Dùng cái nào cũng vậy, sau đó bạn đều phải lưu tập tin thành đuôi có dạng “.html” và sử dụng trình duyệt website để đọc nó là OK.
Ví dụ: File làm giao diện website sau khi hoàn tất được save lại với tên “giao-dien-website.html“.
HTML5 là gì?
HTML5 là sự phát triển mạnh mẽ và đột biến từ HTML.
HTML5 với phiên bản đầu tiên được hình thành vào năm 2008, nhưng cho mãi tới năm 2011 nó mới chính thức được ra mắt công chúng với công nghệ hiện đại bậc nhất.
Tuy nhiên, trong thời điểm mới ra mắt HTML5, nó còn quá non trẻ và mới lạ, rất nhiều trình duyệt đã chưa kịp thay đổi để hỗ trợ nó.
Cho nên, trên thực tế là vào thời điểm đó thì HTML5 mới chỉ là cái đích mà nhiều công ty chuyên về lĩnh vực thiết kế web và các trình duyệt hướng đến, chứ nó chưa được đi vào thực tế để có thể sử dụng rộng rãi.
Và rồi dần người ta nhận ra tầm quan trọng của nó, tất cả các công ty và tập đoàn lớn bắt buộc chính mình phải chuyển dịch để thay đổi, nâng cấp lên HTML5.
Ngày nay, hầu hết các trình duyệt phổ biến như Chrome, Firefox, Opera, Microsoft Edge… đều hỗ trợ HTML5. Điều đó đã tạo ra một cuộc cách mạng lớn cho nền tảng công nghệ website ngày nay.
HTML5 sinh ra để làm gì?
HTML5 ra đời như một phiên bản nâng cấp đáng giá, nhằm giải quyết các khuyết điểm còn tồn đọng của phiên bản HTML4 trước đó, cụ thể là:
- Ít phải phụ thuộc vào các plugin của các chức năng.
- Scripting nên được thay thế bằng markup bất cứ khi nào có thể.
- Độc lập thiết bị (có sẵn trên tất cả các thiết bị và cung cấp các trải nghiệm giống nhau đối với người dùng).
- Công bố quá trình phát triển để mọi người đều có thể nhìn thấy những gì đang diễn ra.
Với sự ra đời của HTML5, cùng với các thành phần và API mới đang từng bước thay thế dần các công nghệ như Flash.
Với các ứng dụng cần những hiệu ứng đồ họa và chuyển động đặc biệt, lập trình viên có thể sử dụng Canvas với kiểu bitmap hoặc SVG với kiểu vector.
Không chỉ áp dụng cho việc thiết kế các trang web trực quan, HTML5 còn được áp dụng để tạo ra các thư viện đồ họa giúp tạo ra các ứng dụng đồ thị, game trong cả môi trường 2D và 3D như những ứng dụng trên desktop.
HTML5 đã đóng góp gì cho công nghiệp game?
Cái lợi ích đặc biệt nhất của HTML5 là “độc lập thiết bị”.
Việc ngôn ngữ lập trình game khác biệt giữa các nền tảng hay trình duyệt chính là trở ngại lớn mà vô số nhà phát triển cần vượt qua. Và HTML5 chính là cứu cánh cho vấn đề này.
Sự đồng bộ trong ngôn ngữ lập trình của HTML5 đã giúp quá trình trải nghiệm game đơn giản hơn bao giờ hết.
Người dùng hiện nay đã có thể chơi game trên điện thoại di động, máy tính để bàn hay máy tính bảng mà không gặp trở ngại gì.
Bạn chỉ cần vào một trình duyệt web cơ bản nhất trên smartphone hoặc PC và thưởng thức tựa game yêu thích của mình.
Từ đó, đã có không ít tựa game HTML5 xuất hiện, đơn giản có mà phức tạp cũng có.
Dần dần, khi ngôn ngữ lập trình mới này càng được chăm chút nhiều hơn thì mức độ tinh xảo của sản phẩm cũng ngày càng tăng.
Người ta đã từng thử viết lại siêu phẩm Quake II với HTML5, và kết quả thì vượt ngoài sức tưởng tượng.
Hiện tại, nếu bạn tìm hiểu thì sẽ biết công ty Egret Technology là công ty hàng đầu thế giới trong ngành công nghiệp HTML5.
Họ đã áp dụng nâng cấp ngôn ngữ HTML5 lên một tầm cao mới, đó là dựa vào công nghệ Blockchain tạo nên nền tảng Game HTML5 Blockchain.
Để hình thành nên điều này từ hệ sinh thái, đầu năm 2018, công ty Egretia đã kêu gọi vốn đầu tư thông qua đồng crypto dưới hình thức ICO để phát triển mảng này và hiện nay đang phát triển cực mạnh.
Xem thêm: Đánh giá ICO Egretia – Nền tảng phát triển Game HTML5 Blockchain
Những vấn đề hạn chế của HTML5
Tuy có nhiều điểm cải tiến đáng kể nhưng HTML5 cho ngành Game vẫn còn một số điểm hạn chế như sau:
- Thiếu một nền tảng thanh toán toàn cầu, thống nhất và an toàn.
- Thiếu các giải pháp để lưu trữ an toàn tài sản ảo của người dùng trong game như: vũ khí, giáp hay các items khác,…)
- Thiếu cơ chế bảo đảm sự công bằng của trò chơi.
- Thiếu cơ chế bảo vệ có hiệu quả sở hữu trí tuệ của các sản phẩm HTML5.
- Cần các cơ chế hiệu quả để thúc đẩy các đội giỏi phát triển trò chơi và ứng dụng chất lượng cao.
- Cần phải có các cách tiếp cận đa dạng để kiếm tiền từ việc thương mại trên internet thông qua HTML5.
Hi vọng qua bài viết HTML – HTML 5 là gì – Vì sao ngôn ngữ HTML lại có tầm quan trọng này sẽ giúp bạn có thêm kiến thức về loại ngôn ngữ lập trình HTML này.
Thực tế nó cũng không có gì là khó, nếu bạn đang theo học công nghệ thông tin hoặc làm web thì nó sẽ cực kỳ quan trọng và cần thiết để bổ sung thêm.
Bạn có thể liên hệ với Lộc Nguyễn qua trang cá nhân hoặc để lại bình luận bên dưới để cùng thảo luận, mình sẽ giải đáp trong đa 12-24h, trừ khi mình bận sẽ lâu hơn xíu.
