Quy ước và phong cách viết HTML5

Quy ước cách viết HTML5 Bạn có bao giờ tự hỏi: liệu phong cách viết mã cũng như cú pháp mà mình sử dụng trong HTML đã thực sự theo đúng chuẩn hay chưa? Từ năm 2000 đến 2010, rất nhiều lập trình viên đã chuyển cách viết từ HTML sang XHTML. Tại sao? Vì XHTML giúp các lập trình viên phải viết ...

Tác giả: Vũ Văn Thanh viết 15:08 ngày 19/09/2018

Thẻ mới trong HTML5

Dưới đây là danh sách các thẻ mới và cách sử dụng chúng trong HTML5. Các thẻ có ý nghĩa trong HTML5 HTML5 cung cấp các thẻ mới để bạn có thể tạo ra một cấu trúc trang tốt hơn: Thẻ Miêu tả <article> Một bài viết trong trang <aside> Nội dung bên ngoài nội ...

Tác giả: Tạ Quốc Bảo viết 15:08 ngày 19/09/2018

SVG trong HTML5

SVG là gì? SVG là viết tắt của S calable V ector G raphics SVG được sử dụng để vẽ đồ họa trên web SVG là chuẩn chính thức của tổ chức web thế giới W3C SVG rất được giới đồ họa ưu chuộng vì nó không phụ thuộc vào độ phân giải, hình có thể phóng to gấp nhiều lần mà không lo ...

Tác giả: Vũ Văn Thanh viết 15:08 ngày 19/09/2018

Các thẻ có ý nghĩa trong HTML5

Thẻ có ý nghĩa (Semantic Elements) giúp bạn thiết kế cấu trúc giao diện của website rõ ràng, mạch lạc hơn. Thẻ có ý nghĩa là gì? Thẻ có ý nghĩa là những thẻ miêu tả rõ ràng mục đích sử dụng cả đối với trình duyệt lẫn lập trình viên. Ví dụ về thẻ không có ý nghĩa : <div> và ...

Tác giả: Trịnh Tiến Mạnh viết 15:08 ngày 19/09/2018

SSE – Server-Sent Event trong HTML5

Server-Sent Event (viết tắt là SSE) cho phép trang web của bạn tự động cập nhật nội dung từ máy chủ. Server-Sent Event – Thông điệp một chiều Trước kia, nếu muốn cập nhật một thay đổi nào đó (vd: tỷ giá, tin tức mới,…) từ máy chủ, bạn phải viết một đoạn mã kết nối tới máy chủ ...

Tác giả: Hoàng Hải Đăng viết 15:08 ngày 19/09/2018

Plug-in trong HTML

Mục đích của một plug-in là mở rộng các tính năng của trình duyệt web. Ứng dụng hỗ trợ (Plug-in) Ứng dụng hỗ trợ là những chương trình có nhiệm vụ mở rộng các tính năng của trình duyệt. Những ứng dụng này được gọi là plug-ins. Những plug-ins nổi tiếng và được sử dụng phổ biến trên ...

Tác giả: Bùi Văn Nam viết 15:08 ngày 19/09/2018

Video – Audio trong HTML

Video, audio trong html hay còn gọi là multimedia (đa phương tiện) bao gồm các âm thanh, bài hát, đoạn phim hoặc hoạt hình trên web. Multimedia là gì? Multimedia hay còn gọi là đa phương tiện, bao gồm những gì bạn có thể nghe thấy hoặc nhìn thấy. Ví dụ: Ảnh, âm nhạc, video, các đoạn ...

Tác giả: Bùi Văn Nam viết 15:07 ngày 19/09/2018

Local Storage – Lưu trữ dữ liệu trong HTML5

Lưu trữ dữ liệu trực tiếp trên trình duyệt được đánh giá tốt hơn so với việc sử dụng cookie. Local Storage là gì? Lưu trữ cục bộ là gì? Với việc sử dụng local storage (hay còn gọi là lưu trữ cục bộ ), ứng dụng web có thể lưu trữ dữ liệu trực tiếp trên trình duyệt của người dùng. ...

Tác giả: Bùi Văn Nam viết 15:07 ngày 19/09/2018

Video trong HTML5

Trình duyệt của bạn không hỗ trợ thẻ video trong HTML5. Video được cung cấp từ Big Buck Bunny. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 < ! DOCTYPE html > < html ...

Tác giả: Hoàng Hải Đăng viết 15:07 ngày 19/09/2018

Geolocation – Định vị vị trí trong HTML5

Geolocation được sử dụng để xác định vị trí người dùng trong HTML5. Nhấn vào nút dưới đây để hiển thị vị trí của bạn trên bản đồ: Định vị

Tác giả: Trịnh Tiến Mạnh viết 15:06 ngày 19/09/2018

Ký tự thực thể trong HTML

Các ký tự trong HTML có 2 dạng: Dạng ứng dụng, ví dụ: “<“ Dạng thực thể (html Entities), ví dụ “&lt;” Những ký tự không có trên bàn phím, bạn có thể sử dụng dạng thực thể entity để thể hiện. HTML Entities – Ký tự thực thể trong HTML Nếu bạn sử ...

Tác giả: Vũ Văn Thanh viết 15:06 ngày 19/09/2018

Hiển thị Youtube trong HTML

Cách dễ dàng nhất để chèn một video vào trang HTML là sử dụng YouTube. Tại sao nên sử dụng Youtube? Mỗi phiên bản của một trình duyệt hỗ trợ các định dạng video khác nhau, mỗi trình duyệt lại hỗ trợ những định dạng video khác nhau. Điều này dẫn tới sự hỗ trợ định dạng video không đồng ...

Tác giả: Tạ Quốc Bảo viết 15:06 ngày 19/09/2018

Thẻ input trong HTML

Thuộc tính type trong thẻ input Bài này sẽ đề cập đến tất cả các giá trị của thuộc tính type trong thẻ input. Kiểu text tạo ra một dòng giúp người dùng nhập liệu:

Tác giả: Vũ Văn Thanh viết 15:06 ngày 19/09/2018

Audio trong HTML5

HTML5 cung cấp các chuẩn để chạy các tệp tin audio trên web. Audio trên Web Trước khi HTML5 ra đời, không có bất kỳ chuẩn nào quy định việc chạy audio trên website. Nếu muốn sử dụng audio trên trình duyệt, thông thường người dùng phải thêm chương trình hỗ trợ (như flash). Khi thẻ ...

Tác giả: Trịnh Tiến Mạnh viết 15:06 ngày 19/09/2018

substr – Cắt chuỗi, trả về một phần của chuỗi

(PHP 4, PHP 5) substr – Cắt chuỗi, trả về một phần của chuỗi Miêu tả hàm substr 1 string substr ( string $string , int $start [ , int $length ] ) Trả về ...

Tác giả: Hoàng Hải Đăng viết 15:05 ngày 19/09/2018

Application Cache trong HTML5

HTML5 cho ra đời một phương thức mới cho phép một website hay một ứng dụng web có khả năng hoạt động mà không cần kết nối mạng. Trong bài này, chúng ta sẽ tìm hiểu cách Application Cache hoạt động, lưu trữ tài nguyên, giúp người dùng vẫn có thể truy cập vào website của bạn mà không cần có kết ...

Tác giả: Vũ Văn Thanh viết 15:05 ngày 19/09/2018

Giao diện HTML

Như bạn thường thấy, giao diện các website thường thể hiện nội dung bằng nhiều cột, điển hình là các tạp chí hoặc trang báo mạng. Dưới đây là một ví dụ đơn giản về việc lên giao diện website bằng HTML: Xây dựng giao diện website bằng HTML HTML CSS JavaScript HTML Chúng ta ...

Tác giả: Tạ Quốc Bảo viết 15:05 ngày 19/09/2018

Bảng mã ký tự trong HTML

Để có thể hiển thị trang HTML một cách chuẩn xác, bạn phải cung cấp cho trình duyệt biết bảng mã ký tự mà bạn đang sử dụng cho trang. Bảng mã ký tự là gì? Charset là gì? ASCII là bảng mã ký tự (còn gọi là charset) chuẩn đầu tiên trên thế giới. Nó bao gồm 127 ký tự chữ và số khác nhau ...

Tác giả: Hoàng Hải Đăng viết 15:04 ngày 19/09/2018

Thuộc tính trong thẻ Input

Thuộc tính value Thuộc tính value được sử dụng để thiết lập giá trị cho thẻ input: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 < ! DOCTYPE html > < html > < body > < form action ...

Tác giả: Trịnh Tiến Mạnh viết 15:04 ngày 19/09/2018

Ký tự đặc biệt trong HTML

Ở bài trước bạn đã biết thế nào là ký tự thực thể – HTML entities , bài này chúng ta sẽ tìm hiểu cụ thể HTML có bao nhiêu dạng ký tự như thế. Có rất nhiều ký tự đặc biệt trong toán học, kỹ thuật và tiền tệ mà không có trên bàn phím của bạn. Hay nói cách khác, bạn không thể nhập trực tiếp ...

Tác giả: Trịnh Tiến Mạnh viết 15:04 ngày 19/09/2018