Chuẩn bị các câu hỏi cho cuộc phỏng vấn HTML
Để hiển thị nội dung trên trình duyệt web, bạn cần cấu trúc nội dung bằng ngôn ngữ đánh dấu siêu văn bản (HTML). Người phỏng vấn thường sẽ hỏi các câu hỏi HTML cụ thể cho một vị trí trong phát triển web. Biết HTML5 (phiên bản thứ năm của HTML) và cách trả lời các câu hỏi phỏng vấn liên quan có thể mang lại cho bạn lợi thế vững chắc trong quá trình tìm việc. Trong bài viết này, chúng tôi xác định một số câu hỏi có thể xuất hiện và chỉ cho bạn cách trả lời chúng.
Câu hỏi phỏng vấn HTML5
Có một số câu hỏi phỏng vấn về HTML5 mà người phỏng vấn thường hỏi, chẳng hạn như:
- Điểm khác biệt quan trọng nhất trong phiên bản HTML mới so với phiên bản trước là gì?
- Mục đích của JavaScript trong HTML5 là gì?
- Điều gì dẫn đến sự khác biệt giữa đặc tả HTML5 và cách diễn giải của trình duyệt?
- Bạn sử dụng các phần tử đầu trang và chân trang mới để làm gì trong HTML5?
- Xác định thẻ div, thẻ meta, thẻ span, thẻ danh sách và thẻ cite trong HTML5.
- Màu sắc được áp dụng cho một phần tử trong HTML5 như thế nào?
- Có cần chỉ định loại tài liệu không và có các loại tài liệu khác nhau không?
- Tính năng lưu trữ web trong HTML5 là gì?
Sự khác biệt quan trọng nhất trong phiên bản HTML mới so với phiên bản trước đó là gì?
Câu hỏi này kiểm tra kiến thức của bạn về kiến trúc HTML. Hành động thích hợp là phác thảo các tính năng mới của HTML5 bằng cách đưa ra so sánh với các tính năng HTML4 đã được thay thế trước đó. Trong câu trả lời của bạn, cách tốt nhất là bao gồm các tính năng mới mở rộng chức năng JavaScript.
Câu trả lời ví dụ: “Có một vài khác biệt quan trọng trong phiên bản mới, HTML5. Khai báo DOCTYPE đơn giản trong một dòng là một thay đổi lớn so với khai báo dài với tham chiếu nguồn bên ngoài được cung cấp trong HTML4. Có các thẻ chuyên dụng cung cấp hỗ trợ đa phương tiện, chẳng hạn như thẻ cho âm thanh, video và canvas, vì vậy tôi không phải sử dụng các plugin của bên thứ ba, đó là trường hợp của HTML4. Thẻ đối tượng mới cho các loại applet là một thay đổi khác trong phiên bản mới. HTML4 đã xóa thẻ hiển thị các applet.
Không giống như HTML4, HTML5 hỗ trợ một bề mặt để vẽ ở dạng 2D mà các nhà phát triển có thể lập trình bằng JavaScript. Chức năng JavaScript cũng được cải thiện trong HTML5 bằng các tiện ích mở rộng, kéo và thả và định vị địa lý, cũng như các tiện ích mở rộng cho bộ nhớ đệm và lưu trữ. Các tập lệnh web worker là một thay đổi khác trong HTML5. Thông qua web worker, JavaScript được cải thiện với chức năng đa luồng.
HTML5 giới thiệu các điều khiển biểu mẫu mới, chẳng hạn như các thẻ cho lịch, URL, ngày, giờ và email.
Ngoài ra, nhiều thẻ hơn bổ sung cho cấu trúc của các sản phẩm web, chẳng hạn như thẻ dành cho sang một bên, điều hướng, đầu trang, chân trang, phần, bài viết và chính. Những thay đổi này giúp HTML5 dễ sử dụng hơn. Khi sử dụng phiên bản mới, một điểm khác biệt tiêu cực lớn mà tôi nhận thấy là thiếu khả năng tương thích của trình duyệt. HTML4 đã hoạt động với hầu hết các trình duyệt. ”
Mục đích của JavaScript trong HTML5 là gì?
Câu hỏi này là cơ hội để chứng minh kiến thức của bạn về kiến trúc và khái niệm HTML5. Bạn nên xác định lý do chính mà các nhà phát triển đã tạo JavaScript để làm việc với các phiên bản HTML bằng cách làm nổi bật các tính năng JavaScript có liên quan.
Câu trả lời ví dụ: “Các trang web chỉ được tạo bằng HTML tương đối tĩnh, vì vậy Brendan Eich đã phát triển JavaScript vào năm 1995 để làm cho chúng tương tác hơn. JavaScript là một ngôn ngữ lập trình hướng đối tượng (OOP) được thông dịch và nhẹ. Các trình duyệt, chẳng hạn như Internet Explorer, có nhúng JavaScript bên trong chúng. Nó được tích hợp với Java và có thể bổ sung cho các ứng dụng được phát triển bằng Java.
Mục đích của JavaScript trong HTML5 không thay đổi so với mục đích của nó trong các phiên bản HTML trước đó, đó là cho phép các nhà phát triển xây dựng các ứng dụng web phức tạp, tương tác. ”
Điều gì dẫn đến sự khác biệt giữa đặc tả HTML5 và cách diễn giải của trình duyệt?
Câu hỏi này kiểm tra sự hiểu biết của bạn về kiến trúc HTML5. Câu trả lời của bạn nên xác định một thông số kỹ thuật và sau đó thảo luận ngắn gọn về những khác biệt có thể có giữa thông số kỹ thuật và việc triển khai.
Câu trả lời ví dụ: “Đặc tả HTML5 là một tập hợp các quy tắc cho một tài liệu web. Để có hiệu lực, bạn phải cấu trúc tài liệu theo các quy tắc này. Ngoài ra, thông số kỹ thuật cung cấp hướng dẫn trình duyệt web về cách diễn giải và kết xuất tài liệu.
Những khác biệt có thể xảy ra giữa thông số kỹ thuật và việc trình duyệt triển khai thông số kỹ thuật đó có thể phát sinh do đặc điểm kỹ thuật không che được các lỗi của tài liệu. Vì có rất nhiều lỗi có thể dẫn đến tài liệu bị sai sót, một đặc tả HTML5 không thể xác định tất cả các lỗi có thể xảy ra. Vì vậy, nếu tài liệu bị sai sót, có nhiều quyết định được giao cho trình duyệt do thiếu hướng dẫn trong đặc điểm kỹ thuật.
Một lý do khác cho sự khác biệt giữa đặc tả và diễn giải là thiếu hỗ trợ trình duyệt chéo cho HTML5. Để hỗ trợ một thông số kỹ thuật, trình duyệt phải xử lý tài liệu mà thông số kỹ thuật bao gồm theo các quy tắc của nó. Tuy nhiên, trong khi tất cả các trình duyệt chính hỗ trợ hầu hết các lĩnh vực của đặc tả HTML, không có trình duyệt nào hỗ trợ toàn bộ thông số kỹ thuật HTML5 ”.
Bạn sử dụng các phần tử đầu trang và chân trang mới để làm gì trong HTML5?
Câu hỏi này kiểm tra bạn về kiến trúc và cách sử dụng HTML5. Câu trả lời của bạn phải thể hiện sự hiểu biết của bạn về kiến trúc và cách sử dụng bằng cách xác định hai yếu tố và mô tả cách bạn sử dụng chúng.
Câu trả lời ví dụ: “Thẻ tiêu đề cung cấp thông tin giới thiệu một phần của trang web và cung cấp thông tin điều hướng. Những nội dung tiêu biểu mà tôi sẽ đưa vào phần tử này là tiêu đề, tên, mục lục và ngày giờ xuất bản.
Phần tử footer được sử dụng để cung cấp phần kết luận của một phần của trang web và các thông tin liên quan khác. Tôi thường bao gồm thông tin bản quyền và liên kết trong phần này. “
Xác định thẻ div, thẻ meta, thẻ span, thẻ danh sách và thẻ cite trong HTML5.
Câu hỏi này kiểm tra kiến thức của bạn về các thành phần của kiến trúc HTML5. Bạn có thể xác định từng phần tử kiến trúc bằng cách mô tả vai trò của nó trong khuôn khổ HTML5.
Câu trả lời ví dụ: “Thẻ div rất hữu ích vì nó tạo ra một phần trong trang web HTML, có thể chứa các phần hoặc phần tử khác bên trong nó. Thẻ span chia màn hình thành các phần nhỏ hơn các khối được tạo bởi thẻ div và thẻ span hiển thị các phần tử theo trình tự nội dòng. Thẻ meta cung cấp dữ liệu trang web. Có một số loại thẻ meta chẳng hạn như thẻ kiểu, bao gồm thông tin chi tiết về kiểu được sử dụng trong trang, thẻ tiêu đề, bao gồm chi tiết về tiêu đề trang và thẻ liên kết, bao gồm chi tiết về kết nối giữa các trang web và một trang bên ngoài. Thẻ cite được sử dụng để chỉ tiêu đề của một tài nguyên như một bài báo hoặc một bài thơ.
Làm thế nào để bạn áp dụng màu sắc cho một phần tử trong HTML5?
Câu hỏi này kiểm tra kỹ năng thực tế của bạn trong việc sử dụng HTML5. Cách tốt nhất để trả lời câu hỏi này là gọi tên ba cách mà một phần tử có thể được tô màu.
Câu trả lời ví dụ: “Tôi có thể cung cấp cho một phần tử giá trị thập lục phân hoặc hex sẽ được hỗ trợ trên các trình duyệt. Ngoài ra, tôi có thể đặt tên màu cho nó, chẳng hạn như màu xanh lam. Tôi cũng có thể tô màu với giá trị RGB, đại diện cho một hỗn hợp cụ thể của màu đỏ, xanh lục và xanh lam. ”
Có cần chỉ định loại tài liệu và có các loại tài liệu khác nhau không?
Câu hỏi này kiểm tra kiến thức của bạn về kiến trúc HTML5. Câu trả lời ví dụ: “Có, một loại tài liệu phải được chỉ định để trang HTML được hiển thị đúng cách. Nếu tôi không chỉ định được loại tài liệu của một trang HTML, thì các thẻ HTML5 mới sẽ không được trình duyệt hiểu. Có ba loại học thuyết, đó là loại tài liệu chuyển tiếp, loại tài liệu nghiêm ngặt và loại tài liệu tập hợp khung ”.
Tính năng lưu trữ web trong HTML5 là gì?
Câu này kiểm tra kiến thức kiến trúc của bạn về HTML5. Câu trả lời của bạn nên bao gồm mô tả chung về lưu trữ web trong HTML5 và mô tả về hai loại lưu trữ.
Câu trả lời ví dụ: “Tính năng lưu trữ web trong HTML5 liên quan đến dữ liệu được lưu trữ của trang web trong máy tính của người dùng. Chức năng này trước đây được thực hiện bởi cookie, nhưng tính năng lưu trữ web hiệu quả hơn về tốc độ và số lượng dữ liệu được lưu trữ.
Có hai loại lưu trữ web do HTML5 cung cấp — lưu trữ cục bộ và lưu trữ phiên. Trong bộ nhớ cục bộ, dữ liệu được lưu trữ bởi trang web, sử dụng đối tượng localStorage, trong máy tính của người dùng. Dữ liệu này được lưu trữ vĩnh viễn trừ khi nó bị xóa. Không giống như trong bộ nhớ cục bộ, dữ liệu lưu trữ phiên chỉ kéo dài trong một phiên. Dữ liệu lưu trữ phiên được lưu trữ bằng đối tượng sessionStorage. Khi người dùng đóng cửa sổ trình duyệt của họ, cửa sổ này kết thúc một phiên, dữ liệu lưu trữ phiên sẽ tự động bị xóa. ”