Mã hóa URL là quá trình mã hóa các ký tự không phải ASCII trong URL sang định dạng được các trình duyệt web chấp nhận rộng rãi. URL được gửi qua Internet bằng cách sử dụng bộ ký tự ASCII. Nếu một URL chứa các ký tự bên ngoài bộ ASCII, thì URL đó phải được chuyển đổi.
URL được mã hóa bằng HTML vì nó chuyển đổi các ký tự không phải ASCII thành một định dạng có thể được truyền qua web. Mã hóa URL thay thế các ký tự không phải ASCII bằng “%” theo sau là các chữ số thập lục phân.
Công dụng của thẻ figure trong HTML5 là gì?
Thẻ
Chọn ô tô của bạn từ danh sách:
5 xác định nội dung tự có liên quan đến nội dung chính. Nó được sử dụng để thêm nội dung độc lập như ảnh, sơ đồ, hình minh họa,... Hình, chú thích và nội dung của nó được tham chiếu như một đơn vị duy nhất từ luồng chính của tài liệu. Thẻ Chọn ô tô của bạn từ danh sách:
5 có hai phần tử Chọn ô tô của bạn từ danh sách:
7 và Chọn ô tô của bạn từ danh sách:
8. Chọn ô tô của bạn từ danh sách:
9 được sử dụng để thêm nguồn hình ảnh trong tài liệu trong khi hình vẽ đặt chú thích của hình ảnh.
Học lập trình với kungfutech.edu.vn
Kết quả:
Thẻ datalist trong HTML là gì?
Thẻ
0 cung cấp tính năng tự động hoàn thành trong các tệp HTML. Nó cho phép người dùng thêm biểu mẫu tự động hoàn thành dựa trên các tùy chọn được xác định trước. Nó có thể được sử dụng với thẻ đầu vào để người dùng có thể dễ dàng điền dữ liệu vào các biểu mẫu bằng cách sử dụng các tùy chọn được xác định trước.Nếu bạn nhấn A, nó sẽ hiển thị danh sách các xe bắt đầu bằng chữ A.
Chọn ô tô của bạn từ danh sách:
Mô tả ngắn gọn các thẻ sau header, article, section, footer?
1 được sử dụng để chứa thông tin giới thiệu và điều hướng về một phần của trang. Điều này có thể bao gồm tiêu đề phần, tên tác giả, ngày giờ xuất bản, mục lục hoặc thông tin điều hướng khác.
2có nghĩa là chứa một bố cục độc lập có thể được tạo lại một cách hợp lý bên ngoài trang mà không làm mất đi sự phức tạp. Các bài đăng trên blog cá nhân hoặc các câu chuyện tin tức là những ví dụ tốt.
3 là một vùng chứa linh hoạt để chứa nội dung có chung một chủ đề hoặc mục đích thông tin.
4 được sử dụng để giữ thông tin sẽ xuất hiện ở cuối phần nội dung và chứa thông tin bổ sung về phần đó. Tên tác giả, thông tin bản quyền và các liên kết liên quan là những ví dụ điển hình của nội dung đó.
Character Encoding trong HTML là gì?
Để hiển thị trang HTML một cách chính xác, trình duyệt web phải biết bộ ký tự nào [mã hóa ký tự] sẽ sử dụng. Điều này được chỉ định trong thẻ:
Đối với HTML4
Đối với HTML5
Thẻ tự đóng [self closing tag] trong HTML là gì?
Trong HTML5, không nhất thiết phải đóng các thẻ HTML nhất định. Các thẻ không bắt buộc phải có thẻ đóng được gọi là thẻ "tự đóng". Ví dụ thẻ tự đóng xuống hàng
5 hoặc thẻ
6, nghĩa là HTML chấp nhận 2 kiểu khai báo thẻ như sau:
Sự khác biệt giữa "attribute" [thuộc tính] và "property" [đặc tính] trong HTML?
Đầu tiên bạn đọc cần hiểu rõ rằng trong document của HTML chỉ có khái niệm attribute của thẻ và không có khái niệm property của thẻ. Ví dụ với đoạn HTML bên dưới:
DOCTYPE html>
Ta nói rằng phần tử
7 của trang có các thuộc tính
8,
9,
0,
1. Ta có đoạn mã bên dưới:var inputElement = document.getElementById["test-id"];
Với ví dụ trên thì biến
2 là một DOM Object tạo bởi JavaScript và đối tượng này được dùng để gắn với phần tử input trong HTML. Biến
2 này có cả hai
4 và
5.Và sự khác nhau giữa attribute và property nằm ở chỗ:
Attribute của DOM object phản ánh [và liên hệ chặt chẽ với]
6 của phần tử HTML. Ngược lại, property của DOM object được quy định bởi JavaScript và không hẳn liên quan tới phần tử HTML. Ví dụ đối tượng
2 của JavaScript ở trên còn có các
8 khác như children,
9,
0,
1...Bạn nhớ rằng phần tử HTML không có property mà chỉ có attribute. Ngược lại DOM Object có cả
6 và
8.Khi nào thì thích hợp để sử dụng thẻ small?
Thẻ
4 làm cho kích thước phông chữ văn bản nhỏ hơn một kích thước [ví dụ: từ large xuống medium, từ small xuống x-small], giảm xuống kích thước phông chữ tối thiểu của trình duyệt.Trong HTML5, thẻ này được sử dụng để thể hiện các nhận xét bên lề và bản in nhỏ, bao gồm bản quyền và văn bản pháp lý, độc lập với cách trình bày theo kiểu của nó. Ví dụ:
kungfutech.edu.vn
Giải thích sự khác biệt giữa các thẻ block và các thẻ inline?
Thẻ
5 là những phần tử chiếm toàn bộ chiều rộng có sẵn trên một trang web, ngăn chặn một cách hiệu quả bất kỳ phần tử nào khác ở bên trái hoặc bên phải.Thẻ
6 là những phần tử chỉ chiếm tối đa chiều rộng cần thiết để hiển thị nội dung của phần tử, do đó cho phép các phần tử khác được cùng dòng [line] với phần tử inline đó.Một só phần tử
5 phổ biến như:- Đoạn văn
8 - Phân khu
9 - Tiêu đề
0 đếnDOCTYPE html>
1DOCTYPE html>
- Danh sách
2DOCTYPE html>
- Mẫu nhập
3DOCTYPE html>
Các phần tử
6 phổ biến:
5DOCTYPE html>
6DOCTYPE html>
7DOCTYPE html>
Giải thích 3 mode trong html: almost standard, full standard và quirks?
Quay lại thuở khai sơ các trang web thường được viết bằng hai version: Một cho Netscape Navigator và một cho Internet Expoler. Khi W3C khai sáng tạo ra
DOCTYPE html>
8 thì các trang web không thể sử dụng chúng, vì như vậy sẽ làm vỡ hầu hết các trang web hiện có. Do đó, các trình duyệt đã giới thiệu 2 tiêu chuẩn để phù hợp với trang web mới và cũ. Bây giờ thì nó có 3 chế độ: DOCTYPE html>
9, var inputElement = document.getElementById["test-id"];
0, và var inputElement = document.getElementById["test-id"];
1 Đối với HTML, browser sẽ sử dụng DOCTYPE ở đầu page để quyết định xem nên xử lý nó ở chế độ nào. Bạn có thể tham khảo đoạn code ở dưới.DOCTYPE html>
Hello World!
Làm thế nào để set mode phù hợp với IE[Internet Explorer]?
- Sử dụng
2 meta với contentvar inputElement = document.getElementById["test-id"];
3var inputElement = document.getElementById["test-id"];
3 sẽ nói với IE hiển thị nội dung mới mode cao nhất hiện tại.var inputElement = document.getElementById["test-id"];
Ví dụ:
DOCTYPE html>
kungfutech.edu.vn
Có gì mới trong html5?
HTML5 bổ sung rất nhiều tính năng mới:
Doctype mới
Bạn vẫn đang sử dụng loại tài liệu XHTML khó ghi nhớ đó?
Chọn ô tô của bạn từ danh sách:
0Nếu vậy, tại sao? "Chuyển sang loại tài liệu HTML5 mới. Bạn sẽ sống lâu hơn" – trích từ Douglas Quaid.
Chọn ô tô của bạn từ danh sách:
1Cấu trúc mới
3 - để xác định các phần của trang
1 - xác định tiêu đề của một trang
4 - xác định chân trang của một trang
8 - xác định điều hướng trên một trangvar inputElement = document.getElementById["test-id"];
2 - xác định bài viết hoặc nội dung chính trên một trang
0 - xác định nội dung bổ sung như thanh bên trên một trangkungfutech.edu.vn
5- xác định hình ảnh chú thích một bài báoChọn ô tô của bạn từ danh sách:
Các thẻ inline mới
Các thẻ inline này định nghĩa một số khái niệm cơ bản và giữ cho chúng được đánh dấu về mặt ngữ nghĩa, chủ yếu là liên quan đến thời gian:
2 - để biểu thị nội dung được đánh dấu theo một cách nào đókungfutech.edu.vn
3 - để biểu thị nội dung là thời gian hoặc ngày thángkungfutech.edu.vn
4 - để chỉ ra nội dung là một phần nhỏ của phạm vi đã biết - chẳng hạn như việc sử dụng ổ cứngkungfutech.edu.vn
5 - để cho biết tiến trình hoàn thành của một tác vụkungfutech.edu.vn
Các loại biểu mẫu mới
6kungfutech.edu.vn
7kungfutech.edu.vn
8kungfutech.edu.vn
9kungfutech.edu.vn
0DOCTYPE html> Hello World!
1DOCTYPE html> Hello World!
2DOCTYPE html> Hello World!
3DOCTYPE html> Hello World!
4DOCTYPE html> Hello World!
5DOCTYPE html> Hello World!
Các thẻ mới
6: Cung cấp cho bạn không gian để vẽ lên website. Nó cho phép bạn thêm hình ảnh hoặc đồ thị hoặc tạo đồ thị động trong website của bạn.DOCTYPE html> Hello World!
7: dùng để thêm video vào trang web.DOCTYPE html> Hello World!
8: dùng để thêm âm thanh vào trang web.DOCTYPE html> Hello World!
Không cần type trong thẻ scripts và links
Ta có thể xóa tất cả thuộc tính type trong thẻ
DOCTYPE html>
Hello World!
9 và thẻ DOCTYPE html>
kungfutech.edu.vn
0 như ví dụ sau: Chọn ô tô của bạn từ danh sách:
2Làm cho content của bạn có thể chỉnh sửa
Các trình duyệt mới có một thuộc tính mới tiện lợi có thể được áp dụng cho các phần tử, được gọi là contenteditable.
Thuộc tính này cho phép người dùng chỉnh sửa bất kỳ văn bản nào có trong phần tử, bao gồm cả phần tử con của nó. Có thể áp dụng vào ứng dụng như: danh sách việc cần làm, tận dụng lợi thế của bộ nhớ cục bộ.
Chọn ô tô của bạn từ danh sách:
3Attributes
1 đề cập đến trường biểu mẫu được yêu cầu.DOCTYPE html> kungfutech.edu.vn
2 đặt con trỏ vào trường nhập.DOCTYPE html> kungfutech.edu.vn
Bạn đã từng sử dụng ngôn ngữ template HTML nào chưa?
Có, đó là:
- PUG
- ERB
- Slim
- Handlebars
- Jinja
- Liquid
Theo tôi, chúng ít nhiều giống nhau và cung cấp chức năng tương tự như nội dung và các bộ lọc hữu ích để thao tác dữ liệu được hiển thị. Hầu hết các công cụ tạo templating cũng sẽ cho phép bạn chèn các bộ lọc của riêng mình trong trường hợp bạn cần xử lý tùy chỉnh trước khi hiển thị.
Làm sao để thực hiện 1 nội dung bằng đa ngôn ngữ trong 1 website?
Khi một yêu cầu HTTP được thực hiện đến một server,
DOCTYPE html>
kungfutech.edu.vn
3 thường gửi thông tin về ngôn ngữ, chẳng hạn như trong tiêu đề DOCTYPE html>
kungfutech.edu.vn
4. Sau đó server có thể sử dụng thông tin này để trả về một phiên bản của tài liệu bằng ngôn ngữ thích hợp nếu có sẵn một phiên bản thay thế. Tài liệu HTML trả về cũng phải khai báo thuộc tính DOCTYPE html>
kungfutech.edu.vn
5 trong thẻ DOCTYPE html>
kungfutech.edu.vn
6, chẳng hạn như DOCTYPE html>
kungfutech.edu.vn
7.Ở phần cuối, đánh dấu HTML sẽ chứa trình giữ chỗ
DOCTYPE html>
kungfutech.edu.vn
8 và nội dung cho ngôn ngữ cụ thể được lưu trữ ở định dạng YML hoặc JSON. Sau đó, máy chủ sẽ tự động tạo trang HTML với nội dung bằng ngôn ngữ cụ thể đó, thường với sự trợ giúp của người lập trình.Làm thế nào để bạn thay đổi hướng của văn bản HTML?
Thuộc tính
DOCTYPE html>
kungfutech.edu.vn
9 dùng để định hướng nội dung văn bản hiển thị. Nó cơ bản cho phép html Chọn ô tô của bạn từ danh sách:
00 chẳng hạn là Arabic, Hebrew, Syriac, and Thaana.