Câu hỏi phỏng vấn HTML5 Developer

Nếu bạn cố gắng mở tệp CSS bên ngoài trong trình duyệt, trình duyệt sẽ không mở tệp. Điều này là do tệp có phần mở rộng khác. Cách duy nhất để sử dụng tệp CSS bên ngoài là tham chiếu tệp đó bằng thẻ trong tài liệu HTML khác.

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.

Hiện nay HTML5 loại bỏ những thẻ như: <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <strike>,...

Một số thẻ đã được cập nhật, thêm mới trong HTML5, điển hình là các thẻ sau:

• <header>, <footer>: giúp phân tách và giúp loại bỏ việc định nghĩa các id cho phần trên và dưới của các trang.
• <article>: giúp xác định một phần cụ thể về nội dung hoặc bình luận của người dùng độc lập với nội dung của trang web.
• <aside>: dùng để đánh dấu nội dung trang hiện tại.
• <nav>: giúp xác định phần nào được coi là khối điều hướng cho website.
• <section>: cho phép xác định các thành phần khác nhau của website (có tác dụng tương tự như thẻ <div> hiện tại).
• <audio>, <video>: đánh dấu những nội dung âm thanh, video trên website mà không cần nhờ đến bên thứ 3.
• <embed>: dùng để nhúng nội dung hoặc các ứng dụng bên ngoài vào trang web.
• <canvas>: cho phép sử dụng đồ họa mà không cần những ứng dụng hỗ trợ

Một số ưu điểm của HTML5 như sau:

Đối với lập trình viên

• Không cần phải tạo Cookies: với phiên bản HTML5 này, các lập trình viên không cần tạo cookie khi muốn lưu thông tin.
• Có thể tùy chỉnh Data Attribute: giúp lập trình viên không cần tìm hiểu về server hoặc Ajax cũng có thể tạo ra một trang web có tính tương tác cao.
• Menu Element giúp tăng khả năng tương tác web.
• Tiện lợi khi thiết kế web mobile.
• Tăng thích tương thích cho ứng dụng web: HTML5 cho phép xử lý như một nền tảng ứng dụng, giúp lập trình viên quản trị hiệu năng được tốt hơn.

Đối với người dùng

• Trải nghiệm web tốt hơn ngay cả trên thiết bị di động
• Website và ứng dụng thân thiện với người dùng

Với câu hỏi này bạn có thể trả lời ngắn gọn như sau:

Với những trang web cũ, HTML5 không làm cho chúng dừng hoạt động mà còn giúp tăng hiệu quả. Các trang web hoàn toàn hoạt động bình thường và tương thích với tiêu chuẩn của HTML5

Ngoài ra, HTML5 còn hỗ trợ tất cả những phiên bản HTML cũ theo phương thức:

• Hỗ trợ lập trình viên: cho phép lập trình viên kiểm tra các đoạn mã code đã tuân thủ theo đúng tiêu chuẩn của HTML5 hay chưa.
• Hỗ trợ các hãng phát triển trình duyệt, nội dung được tạo bởi phiên bản HTML cũ sẽ được xây dựng từ đầu và tương thích với các trình duyệt hiện tại.

• HTML (Hypertext Markup Language) là ngôn ngữ được sử dụng rộng rãi trong thiết kế trang web.
• Hypertext là cách mà các trang web kết nối được với nhau, do đó mà các link trên trang cũng được gọi với cái tên này.
• HTML là ngôn ngữ đánh dấu (Markup Language) một tài liệu bằng các thẻ (tag) để nói với trình duyệt web cấu trúc hiển thị ra màn hình

HTML5, một ngôn ngữ được phát triển trên nền tảng của HTML do đó chúng thừa kế rất nhiều lợi ích trong thiết kế và cấu trúc website của HTML.

HTML5 có thể hỗ trợ tối đa cho các phương tiện nhưng vẫn giúp trang web thân thiện với người dùng trên mọi thiết bị, trình duyệt.

Chính vì những lý do này mà HTML5 được xây dựng dựa trên rất nhiều nguyên tắc như:

• Xây dựng các chức năng ít phụ thuộc vào plugin.
• Scripting có thể được thay thế bằng markup bất cứ khi nào.
• Độc lập thiết bị.

Ưu điểm của HTML là:

• Ngôn ngữ được sử dụng rộng lớn này có rất nhiều nguồn tài nguyên hỗ trợ và cộng đồng sử dụng cực lớn.
• Sử dụng mượt mà trên hầu hết mọi trình duyệt.
• Có quá trình học đơn giản và trực tiếp.
• Chuẩn chính của web được vận hành bởi World Wide Web Consortium (W3C).
• Dễ dàng tích hợp với các ngôn ngữ backend như PHP và Node.js.
• Mã nguồn mở và hoàn toàn miễn phí.
• Markup gọn gàng và đồng nhất

Nhược điểm của HTML là:

Nó có thể thực thi một số logic nhất định cho người dùng. Vì:

• Khó kiểm soát cảnh thực thi của trình duyệt (ví dụ: những trình duyệt cũ không render được tag mới).
• Được dùng chủ yếu cho web tĩnh. Đối với các tính năng động, bạn cần sử dụng JavaScript hoặc ngôn ngữ backend bên thứ 3 như PHP.
• vậy, hầu hết các trang đều cần được tạo riêng biệt, kể cả khi nó sử dụng cùng các yếu tố, như là headers hay footers.
• Một số trình duyệt chậm hỗ trợ tính năng mới

HTML tags có 2 loại chính: block-level và inline tags.

Elements Block-level sẽ sử dụng toàn không gian trang web và luôn bắt đầu dòng mới của trang web. Headings và paragraph là những ví dụ chính của block tags.

Inline elements chỉ chiếm phần nhỏ không gian web và không bắt đầu dòng mới của trang web. Chúng thường dùng để định dạng nội dung bên trong của block level elements. Links và những tag nhấn mạnh là những tag inlines phổ biến.

Bạn có thể trả lời ngắn gọn theo gợi ý dưới đây:

3 block level tags của mỗi trang HTML cần có những tag như là , , và .

• Tag  là element cao nhất dùng để đóng gói mỗi trang HTML.
• Tag  chứa các thông tin meta như là tiêu đề trang và charset.
• Cuối cùng,  tag dùng để đóng gói tất cả nội dung sẽ hiện trên trang.

• Có nhiều inline tags được dùng để định dạng văn bản. Ví dụ như, tag sẽ định dạng chữ in đậm, trong khi đó tag sẽ định dạng chữ in nghiên.
• Hyperlinks cũng là yếu tố element mà cần tag  và attributes href để xác định link 
• Ảnh cũng là element inline. Bạn có thể thêm ảnh bằng cách sử dụng tag mà không cần tag đóng. Nhưng bạn cũng cần sử dụng attribute src để xác định nguồn ảnh