Kiến thức tốt về HTML thường được yêu cầu trong các vai trò như Nhà phát triển web, Nhà phát triển giao diện người dùng và Kỹ sư giao diện người dùng. Nếu ứng viên không có đủ kinh nghiệm trong ngôn ngữ đánh dấu này, họ có thể không thực hiện đúng công việc của mình
Vì kiến thức HTML là một kỹ năng kỹ thuật nên bạn cần có bằng chứng rõ ràng để đảm bảo rằng các ứng viên thực sự biết nội dung của họ. Có hai cách tốt để kiểm tra điều này
- Bạn có thể yêu cầu ứng viên hoàn thành một bài tập hoặc mẫu công việc ngắn [nhiệm vụ] dựa trên HTML
- Bạn có thể hỏi ứng viên những câu hỏi nhắm mục tiêu về việc sử dụng HTML trong cuộc phỏng vấn
Lưu ý rằng có lẽ tốt nhất là không nên yêu cầu ứng viên thực sự viết HTML trong khi phỏng vấn vì điều này có thể gây áp lực không đáng có cho họ và ảnh hưởng đến hiệu suất phỏng vấn của họ. Một ngoại lệ có thể là yêu cầu họ nhận xét về mã HTML hiện có hoặc thể hiện cách suy nghĩ của họ về bài tập HTML [nếu họ đã hoàn thành] bằng cách lặp lại các phần của nó trên bảng trắng
Nếu bạn đang tuyển dụng cho các vị trí cấp dưới, hãy đặt những câu hỏi cơ bản để xem liệu ứng viên có đủ hiểu biết về HTML hay không [và cả CSS và JavaScript tùy thuộc vào vị trí đó]. Dưới đây bạn có thể tìm thấy cả câu hỏi cơ bản và nâng cao
Ví dụ về các câu hỏi phỏng vấn HTML
Câu hỏi chung
- Trải nghiệm của bạn với HTML là gì?
- Vui lòng hướng dẫn chúng tôi mã HTML bạn đã viết trong bài đánh giá mà chúng tôi đã cung cấp cho bạn
- Bạn thích gì về HTML?
- Bạn không thích điều gì về HTML?
- Hãy cho tôi biết về trải nghiệm của bạn với HTML, CSS và JavaScript
- Bạn đã sử dụng ngôn ngữ khuôn mẫu nào với HTML?
- Bạn sẽ thay đổi điều gì trên trang web của chúng tôi để cải thiện hiệu suất và trải nghiệm người dùng?
- Xác thực HTML có phải là một phần trong quy trình phát triển của bạn không?
câu hỏi kỹ thuật
- Chúng ta sử dụng các yếu tố ngữ nghĩa để làm gì?
- Các yếu tố mới chính trong HTML5 là gì?
- Làm cách nào để nhúng tệp âm thanh và video vào tài liệu HTML?
- Bạn sẽ sử dụng phần tử này để làm gì và nó khác với phần tử như thế nào?
- Bạn sẽ sử dụng thẻ nào để liên kết đến tệp CSS và tệp JS?
- làm gì?
- Làm thế nào để bạn đảm bảo khả năng đọc của HTML?
- Trải nghiệm của bạn với các thuộc tính dữ liệu tùy chỉnh là gì?
- Các phần tử rỗng là gì và mục đích của mỗi phần tử là gì?
- Sự khác biệt giữa chế độ tiêu chuẩn và chế độ quirks là gì?
- Mô tả cách chúng tôi có thể lấy vị trí của người dùng bằng HTML5
- Bạn đã sử dụng Lưu trữ web HTML5 như thế nào?
- Tại sao Sự kiện phía máy chủ lại hữu ích và bạn sẽ sử dụng chúng như thế nào?
- Bạn có quen thuộc với các quy tắc trợ năng không?
- Nếu bạn phải tải các phông chữ bên ngoài vào trang web của mình, bạn sẽ làm điều đó như thế nào?
- Bạn đã từng làm việc với svgs chưa?
- Bạn tính đến điều gì cho các phiên bản di động?
- Bạn sử dụng công cụ nào để kiểm tra tính tương thích của trình duyệt?
Cách đánh giá câu trả lời của ứng viên
Vì biết HTML về cơ bản là một kỹ năng khó, nên có một lá cờ đỏ rõ ràng trong câu trả lời của ứng viên. không biết những điều cơ bản. Thí sinh phải cảm thấy khá thoải mái khi trả lời các câu hỏi kiến thức [chẳng hạn như “thẻ này làm gì?”] và có thể đưa ra câu trả lời hợp lý khi được trình bày với một bài tập HTML
Đối với các vai trò cấp cao, bạn cũng có thể xem liệu các ứng viên có cảm thấy thoải mái khi đưa ra các quyết định cấp cao hay không [ví dụ: họ sẽ cải thiện bố cục trang web của bạn như thế nào]. Ngoài ra, hãy để mắt đến những ứng viên có nhiều kinh nghiệm sử dụng HTML song song với CSS và JavaScript
Trong bài viết này, chúng tôi đã tập hợp một danh sách các Câu hỏi và câu trả lời phỏng vấn HTML và CSS quan trọng và thường gặp dành cho các ứng viên mới bắt đầu, trung cấp và có kinh nghiệm. Những câu hỏi này được phân loại để duyệt nhanh trước cuộc phỏng vấn hoặc đóng vai trò như một hướng dẫn trợ giúp về các chủ đề khác nhau trong HTML và CSS cho người phỏng vấn. Hướng dẫn này hữu ích nhất khi phỏng vấn cho vai trò của nhà phát triển HTML hoặc nhà phát triển Front-end
Xem tất cả câu hỏi 👇
Kiểm tra trực tuyến HTML/CSS
Câu hỏi và câu trả lời phỏng vấn HTML/CSS 👇
Mục lục
- Câu hỏi phỏng vấn HTML
- Câu hỏi phỏng vấn HTML nâng cao
- Câu hỏi phỏng vấn jQuery
- Câu hỏi phỏng vấn CSS
- Tổng quan
- Câu hỏi phỏng vấn nâng cao về CSS
Danh sách đầy đủ các câu hỏi
- Câu hỏi phỏng vấn HTML
- HTML ngữ nghĩa là gì?
- Làm cách nào để tạo một trang web lồng nhau trong HTML?
- Tại sao một URL được mã hóa trong HTML?
- SVG là gì?
- Sự khác biệt giữa tiến độ và thẻ đồng hồ là gì?
- Tất cả các thực thể ký tự có hiển thị đúng trên tất cả các hệ thống không?
- Lợi thế của việc thu gọn khoảng trắng là gì?
- Làm thế nào để bạn tạo liên kết đến các phần trong cùng một trang?
- Việc sử dụng văn bản thay thế trong ánh xạ hình ảnh là gì?
- Nếu hệ điều hành của người dùng không hỗ trợ ký tự cần thiết, làm thế nào ký hiệu có thể được biểu diễn?
- Tại sao có cả giá trị thực thể ký tự số và ký tự được đặt tên?
- Điều gì xảy ra nếu không có văn bản giữa các thẻ hoặc nếu văn bản bị bỏ qua do nhầm lẫn?
- Các giới hạn của kích thước trường văn bản là gì?
- Liên kết hoạt động khác với liên kết bình thường như thế nào?
- Điều gì xảy ra nếu bạn mở tệp CSS bên ngoài trong trình duyệt?
- Bạn có biết hai thẻ ngữ nghĩa được bao gồm trong phiên bản HTML5 không?
- Bộ đệm ứng dụng trong HTML5 là gì và tại sao nó được sử dụng?
- Các thẻ được sử dụng để phân tách một phần của văn bản là gì?
- Sự khác biệt giữa DIV và SPAN trong HTML là gì?
- Có cách nào để giữ thẳng các thành phần danh sách trong tệp HTML không?
- Giải thích sự khác biệt chính giữa các đối tượng LocalStorage và SessionStorage
- Mối quan hệ giữa các thuộc tính đường viền và quy tắc là gì?
- Sự khác biệt giữa HTML và XHTML là gì?
- What would happen if the HTML Document does not contain ?
- Một số tính năng mới quan trọng trong HTML5 là gì?
- "nhân viên web" là gì?
- API định vị địa lý trong HTML5 là gì?
- Một kết quả chính là gì nếu bạn không chỉ định loại tài liệu trong trang HTML?
- Sự khác biệt giữa các phần tử 'khối' và 'nội tuyến' là gì?
- Làm thế nào bạn sẽ nhóm các yếu tố hình thức?
- Bạn có nên thu gọn khoảng trắng?
- Applet là gì?
- Chúng tôi sử dụng JavaScript với HTML như thế nào?
- Ổ cắm web là gì?
- Ý nghĩa của Box Model là gì?
- Ý nghĩa của đánh dấu trong HTML là gì?
- Làm cách nào để chỉ định một tổ hợp khung cụ thể thay vì tài liệu mặc định?
- Tại sao khung hình của tôi không có kích thước chính xác mà tôi đã chỉ định?
- Có thể làm cho nguồn Html không thể xem được không?
- Giải thích Vbscript
- Làm cách nào để tạo biểu mẫu để có thể gửi biểu mẫu bằng cách nhấn ENTER?
- DOM bóng tối là gì?
- Câu hỏi phỏng vấn HTML nâng cao
- Dữ liệu được lưu trữ trong HTML5 như thế nào?
- Một phần của văn bản dường như leo ra khỏi ranh giới trang. Tại sao vậy?
- Câu hỏi phỏng vấn jQuery
- Lợi thế của việc sử dụng jQuery là gì?
- Sự khác biệt giữa bộ chọn ID và bộ chọn lớp trong jQuery?
- Ưu điểm chính của việc tải thư viện jQuery bằng CDN là gì?
- Câu hỏi phỏng vấn CSS
- Quy tắc ưu tiên/xếp tầng CSS hoạt động như thế nào? . chỉ thị quan trọng ảnh hưởng đến các quy tắc?
- Làm cách nào để tôi thiết kế để tương thích ngược bằng cách sử dụng biểu định kiểu?
- Điều gì có thể được thực hiện với các biểu định kiểu mà không thể hoàn thành với Html thông thường?
- Tại sao tôi không nên sử dụng phông chữ có kích thước cố định?
- Lợi ích của CSS sprite là gì?
- tween là gì?
- Ưu điểm và nhược điểm của biểu định kiểu nhúng là gì?
- Bộ chọn CSS có nghĩa là gì?
- Bộ chọn theo ngữ cảnh là gì?
- Suy thoái duyên dáng là gì?
- Tăng cường tiến bộ là gì?
- Biểu định kiểu thay thế là gì?
- Làm cách nào CSS có thể được xếp tầng để trộn với trang cá nhân của người dùng?
- Chỉ số Z hoạt động như thế nào?
- Tính đặc hiệu của CSS là gì?
- Tại sao nền và màu sắc là các thuộc tính riêng biệt nếu chúng luôn được đặt cùng nhau?
- Việc sử dụng các quy tắc là gì?
- Bạn có sử dụng bất kỳ bộ tiền xử lý CSS nào không và bạn thích cái nào hơn?
- Phông chữ an toàn trên web và phông chữ dự phòng là gì?
- Các phần tử giả là gì và chúng được sử dụng để làm gì?
- Nhược điểm của việc sử dụng CSS là gì?
- Giải thích Mô hình hộp CSS và các yếu tố khác nhau của nó
- Thuộc tính float được sử dụng trong CSS là gì?
- Giải thích sự khác biệt trong cách tiếp cận khi thiết kế trang web đáp ứng so với chiến lược ưu tiên thiết bị di động?
- Ưu điểm và nhược điểm của việc sử dụng bộ xử lý trước CSS là gì??
- Bạn sẽ triển khai các thành phần bố cục cơ bản của mô hình hộp trong CSS như thế nào?
- Làm thế nào để bạn xác định một lớp giả trong CSS?
- Bộ chọn 'lớp' và 'ID' chọn gì khi chúng được phát hành?
- Thuộc tính Clearfix css hữu ích như thế nào?
- Phần yêu thích nhất của bạn khi làm việc với CSS là gì?
- Điều gì xảy ra với văn bản nếu giá trị 'auto' được gán cho thuộc tính tràn, cho phần tử chứa văn bản?
- có tràn không. hidden tạo bối cảnh định dạng khối mới?
- Làm thế nào bạn có thể tải tài nguyên css có điều kiện?
- Tính kế thừa hoạt động như thế nào trong CSS?
- Tổng quan
- Các thẻ HTML có phân biệt chữ hoa chữ thường không?
- Giải thích Microdata trong HTML5
- Sự khác biệt giữa các đơn vị kích thước phông chữ em và rem là gì?
- Trình tự tiếp theo khi tờ thực hành đến là gì?
- DOM là gì?
- Sự khác biệt giữa chế độ tiêu chuẩn và chế độ quirks là gì?
- Các vị trí tuyệt đối/tương đối/cố định/tĩnh hoạt động như thế nào?
- Kết xuất lũy tiến là gì?
- Thiết kế đáp ứng khác với thiết kế thích ứng như thế nào?
- Bạn sẽ tối ưu hóa nội dung/tài nguyên của trang web như thế nào?
- CORS đại diện cho cái gì và nó giải quyết vấn đề gì?
- Làm cách nào để đặt tiêu điểm thành biểu mẫu đầu tiên trên trường?
- Sự khác biệt chính giữa các sự kiện do Máy chủ gửi và Websockets là gì?
- Câu hỏi phỏng vấn nâng cao về CSS
- Tách tệp là gì và tại sao bạn nên sử dụng nó?
- Bạn sẽ sử dụng truy vấn phương tiện như thế nào trong phương pháp ưu tiên thiết bị di động?
- Giải thích kịch bản bạn sẽ sử dụng translate[] thay vì định vị tuyệt đối?
- Sự khác biệt giữa khả năng hiển thị bị ẩn và không hiển thị là gì?
Câu hỏi phỏng vấn HTML
HTML ngữ nghĩa là gì?
Xem câu trả lời
Ẩn câu trả lời
HTML ngữ nghĩa là một phong cách mã hóa. Đó là việc sử dụng đánh dấu HTML để củng cố ngữ nghĩa hoặc ý nghĩa của nội dung. Ví dụ. Trong ngữ nghĩa thẻ HTML không được sử dụng cho câu lệnh in đậm cũng như thẻ được sử dụng cho chữ nghiêng. Thay vì những thứ này, chúng tôi sử dụng và các thẻ
Làm cách nào để tạo một trang web lồng nhau trong HTML?
Xem câu trả lời
Ẩn câu trả lời
Thẻ iframe HTML được sử dụng để hiển thị một trang web lồng nhau. Nói cách khác, nó đại diện cho một trang web trong một trang web. Thẻ HTML xác định một khung nội tuyến
Tại sao một URL được mã hóa trong HTML?
Xem câu trả lời
Ẩn câu trả lời
URL được mã hóa để chuyển đổi các ký tự không phải ASCII thành định dạng có thể được sử dụng qua Internet vì URL được gửi qua Internet chỉ 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. Các ký tự không phải ASCII được thay thế bằng "%" theo sau là các chữ số thập lục phân
SVG là gì?
Xem câu trả lời
Ẩn câu trả lời
HTML SVG được sử dụng để mô tả vector hai chiều và đồ họa vector/raster. Hình ảnh SVG và hành vi của chúng được xác định trong tệp văn bản XML. Vì vậy, dưới dạng tệp XML, bạn có thể tạo và chỉnh sửa hình ảnh SVG bằng trình soạn thảo văn bản. Nó chủ yếu được sử dụng cho các sơ đồ loại vectơ như biểu đồ hình tròn, đồ thị 2 chiều trong hệ tọa độ X, Y
Sự khác biệt giữa tiến độ và thẻ đồng hồ là gì?
Xem câu trả lời
Ẩn câu trả lời
Thẻ tiến độ chỉ được sử dụng để biểu thị tiến trình của tác vụ trong khi thẻ đồng hồ đo được sử dụng để đo dữ liệu trong một phạm vi nhất định
Tất cả các thực thể ký tự có hiển thị đúng trên tất cả các hệ thống không?
Xem câu trả lời
Ẩn câu trả lời
Không, có một số thực thể ký tự không thể hiển thị khi hệ điều hành mà trình duyệt đang chạy không hỗ trợ ký tự. Khi điều đó xảy ra, các ký tự này được hiển thị dưới dạng hộp
Lợi thế của việc thu gọn khoảng trắng là gì?
Xem câu trả lời
Ẩn câu trả lời
Khoảng trắng là một chuỗi trống các ký tự khoảng trắng, được coi là một ký tự khoảng trắng trong HTML. Vì trình duyệt thu gọn nhiều khoảng trắng thành một khoảng trắng nên bạn có thể thụt lề các dòng văn bản mà không phải lo lắng về nhiều khoảng trắng. Điều này cho phép bạn sắp xếp mã HTML thành một định dạng dễ đọc hơn nhiều
Làm thế nào để bạn tạo liên kết đến các phần trong cùng một trang?
Xem câu trả lời
Ẩn câu trả lời
Liên kết có thể được tạo bằng cách sử dụng thẻ , với tham chiếu thông qua việc sử dụng ký hiệu số [#]. Ví dụ: bạn có thể có một dòng là BACK TO TOP, điều này sẽ dẫn đến các từ “BACK TO TOP” xuất hiện trên trang web và liên kết đến một dấu trang có tên trên cùng. Sau đó, bạn tạo một lệnh thẻ riêng như ở đâu đó trên cùng một trang web để người dùng sẽ được liên kết với vị trí đó khi anh ta nhấp vào “BACK TO TOP”
Việc sử dụng văn bản thay thế trong ánh xạ hình ảnh là gì?
Xem câu trả lời
Ẩn câu trả lời
Khi bạn sử dụng bản đồ hình ảnh, nó có thể dễ trở nên khó hiểu và khó xác định điểm nóng nào tương ứng với liên kết nào. Sử dụng văn bản thay thế cho phép, bạn đặt văn bản mô tả trên mỗi liên kết điểm phát sóng
Nếu hệ điều hành của người dùng không hỗ trợ ký tự cần thiết, làm thế nào ký hiệu có thể được biểu diễn?
Xem câu trả lời
Ẩn câu trả lời
Trong trường hợp hệ điều hành của họ không hỗ trợ một ký tự cụ thể, vẫn có thể hiển thị ký tự đó bằng cách hiển thị dưới dạng hình ảnh thay thế
Tại sao có cả giá trị thực thể ký tự số và ký tự được đặt tên?
Xem câu trả lời
Ẩn câu trả lời
Các giá trị số được lấy từ các giá trị ASCII cho các ký tự khác nhau, nhưng chúng có thể khó nhớ. Do đó, các giá trị thực thể ký tự được đặt tên đã được tạo để giúp các nhà thiết kế trang web sử dụng dễ dàng hơn
Điều gì xảy ra nếu không có văn bản giữa các thẻ hoặc nếu văn bản bị bỏ qua do nhầm lẫn?
Xem câu trả lời
Ẩn câu trả lời
Nếu không có văn bản giữa các thẻ, thì không có gì để định dạng. Do đó sẽ không có định dạng nào xuất hiện. Một số thẻ, đặc biệt là các thẻ không có thẻ đóng như thẻ , không yêu cầu bất kỳ văn bản nào giữa chúng
Các giới hạn của kích thước trường văn bản là gì?
Xem câu trả lời
Ẩn câu trả lời
Kích thước mặc định cho một trường văn bản là khoảng 13 ký tự. Tuy nhiên, nếu bạn bao gồm thuộc tính kích thước, bạn có thể đặt giá trị kích thước thấp bằng 1. Giá trị kích thước tối đa sẽ được xác định bởi chiều rộng của trình duyệt. Nếu thuộc tính kích thước được đặt thành 0, kích thước sẽ được đặt thành kích thước mặc định là 13 ký tự
Liên kết hoạt động khác với liên kết bình thường như thế nào?
Xem câu trả lời
Ẩn câu trả lời
Màu mặc định cho các liên kết bình thường và hoạt động là màu xanh lam. Một số trình duyệt nhận ra một liên kết đang hoạt động khi con trỏ chuột được đặt trên liên kết đó; . Những link không có con trỏ chuột vào link đó được coi là link bình thường
Điều gì xảy ra nếu bạn mở tệp CSS bên ngoài trong trình duyệt?
Xem câu trả lời
Ẩn câu trả lời
Khi bạn cố mở tệp CSS bên ngoài trong trình duyệt, trình duyệt không thể mở tệp vì 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 nó bằng thẻ trong một tài liệu HTML khác
Bạn có biết hai thẻ ngữ nghĩa được bao gồm trong phiên bản HTML5 không?
Xem câu trả lời
Ẩn câu trả lời
Các thẻ và là hai thẻ mới được đưa vào HTML5. Bài viết có thể gồm nhiều phần có thể có nhiều bài viết. Thẻ bài viết đại diện cho một khối nội dung đầy đủ, là một phần của tổng thể lớn hơn
Bộ đệm ứng dụng trong HTML5 là gì và tại sao nó được sử dụng?
Xem câu trả lời
Ẩn câu trả lời
Khái niệm Bộ nhớ cache ứng dụng có nghĩa là một ứng dụng web được lưu trữ trong bộ nhớ cache. Nó có thể được truy cập mà không cần kết nối internet
Một số ưu điểm của Bộ đệm ứng dụng
- Duyệt ngoại tuyến – Người dùng web cũng có thể sử dụng ứng dụng khi họ ngoại tuyến
- Tốc độ - Tài nguyên được lưu trong bộ nhớ cache tải nhanh hơn
- Giảm tải máy chủ – Trình duyệt web sẽ chỉ tải xuống các tài nguyên được cập nhật từ máy chủ
Các thẻ được sử dụng để phân tách một phần của văn bản là gì?
Xem câu trả lời
Ẩn câu trả lời
Có ba thẻ có thể được sử dụng để phân tách các văn bản
- Thẻ
- Thẻ
– Thẻ này chứa văn bản ở dạng một đoạn văn mới - Thẻ
0 – Nó được sử dụng để xác định một phần được trích dẫn lớn. Nếu bạn có một trích dẫn lớn, thì hãy đặt toàn bộ văn bản trong thẻ1
Sự khác biệt giữa DIV và SPAN trong HTML là gì?
Xem câu trả lời
Ẩn câu trả lời
Sự khác biệt giữa span và div là phần tử span nằm trong dòng và thường được sử dụng cho một đoạn HTML nhỏ bên trong một dòng, chẳng hạn như bên trong một đoạn văn. Trong khi đó, phần tử div hoặc phân chia là dòng khối tương đương với việc ngắt dòng trước và sau nó và được sử dụng để nhóm các đoạn mã lớn hơn
Có cách nào để giữ thẳng các thành phần danh sách trong tệp HTML không?
Xem câu trả lời
Ẩn câu trả lời
Bằng cách sử dụng thụt lề, bạn có thể giữ thẳng các phần tử danh sách. Nếu bạn thụt lề mỗi danh sách con được lồng vào xa hơn danh sách cha, bạn có thể dễ dàng xác định các danh sách khác nhau và các thành phần chứa trong đó
Giải thích sự khác biệt chính giữa các đối tượng LocalStorage và SessionStorage
Xem câu trả lời
Ẩn câu trả lời
Sự khác biệt chính giữa các đối tượng localStorage và sessionStorage như sau
- Đối tượng localStorage lưu trữ dữ liệu không có ngày hết hạn. Tuy nhiên, đối tượng sessionStorage chỉ lưu trữ dữ liệu cho một phiên
- Trong trường hợp đối tượng localStorage, dữ liệu sẽ không bị xóa khi đóng cửa sổ trình duyệt. Tuy nhiên, dữ liệu sẽ bị xóa nếu cửa sổ trình duyệt đóng lại, trong trường hợp đối tượng sessionStorage
- Dữ liệu trong sessionStorage chỉ có thể truy cập được trong cửa sổ hiện tại của trình duyệt. Tuy nhiên, dữ liệu trong localStorage có thể được chia sẻ giữa nhiều cửa sổ của trình duyệt
Mối quan hệ giữa các thuộc tính đường viền và quy tắc là gì?
Xem câu trả lời
Ẩn câu trả lời
Đường viền ô mặc định, với độ dày 1 pixel, sẽ tự động được thêm vào giữa các ô nếu thuộc tính đường viền được đặt thành giá trị khác không. Tương tự, nếu không bao gồm thuộc tính đường viền, đường viền 1 pixel mặc định sẽ xuất hiện khi thuộc tính quy tắc được thêm vào thẻ 2
Sự khác biệt giữa HTML và XHTML là gì?
Xem câu trả lời
Ẩn câu trả lời
Sự khác biệt giữa HTML và XHTML là
- HTML là một ứng dụng của Ngôn ngữ đánh dấu tổng quát hóa tiêu chuẩn. Trong khi đó, XML là một ứng dụng của Ngôn ngữ đánh dấu mở rộng
- Trang đầu tiên là Trang web tĩnh trong khi trang sau là Trang web động
- HTML cho phép lập trình viên thực hiện các thay đổi trong thẻ và sử dụng thu nhỏ thuộc tính trong khi XHTML khi người dùng cần thẻ đánh dấu mới thì người dùng có thể xác định nó trong phần này
- HTML là về hiển thị thông tin trong khi XHTML là về mô tả thông tin
What would happen if the HTML Document does not contain ?
Xem câu trả lời
Ẩn câu trả lời
Nó hướng dẫn Trình duyệt web về phiên bản HTML được sử dụng để tạo trang Web. Nếu nhà phát triển lỡ khai báo thông tin DOCTYPE trong mã thì các tính năng và thẻ mới do HTML5 cung cấp, chẳng hạn như 3 sẽ không được hỗ trợ. Ngoài ra, Trình duyệt có thể tự động chuyển sang Quirks hoặc Strict Mode
Một số tính năng mới quan trọng trong HTML5 là gì?
Xem câu trả lời
Ẩn câu trả lời
Các tính năng mới chính của HTML5 bao gồm
- Cải thiện hỗ trợ nhúng nội dung đồ họa, âm thanh và video thông qua các thẻ
4 mới - Các tiện ích mở rộng cho API JavaScript chẳng hạn như định vị địa lý và kéo và thả cũng như để lưu trữ và lưu trữ
- Giới thiệu về “công nhân web”
- Một số thẻ ngữ nghĩa mới cũng được thêm vào để bổ sung cho logic cấu trúc của các ứng dụng web hiện đại. Chúng bao gồm các thẻ
5 - Các điều khiển biểu mẫu mới, chẳng hạn như
6
"nhân viên web" là gì?
Xem câu trả lời
Ẩn câu trả lời
Công nhân web cuối cùng đã mang đa luồng đến JavaScript. Web worker là một tập lệnh chạy trong nền [i. e. , trong một chủ đề khác] mà không cần đợi trang hoàn tất. Người dùng có thể tiếp tục tương tác với trang trong khi nhân viên web chạy ở chế độ nền. Công nhân sử dụng thông báo giống như luồng để đạt được tính song song
API định vị địa lý trong HTML5 là gì?
Xem câu trả lời
Ẩn câu trả lời
API vị trí địa lý của HTML5 cho phép người dùng chia sẻ vị trí thực tế của họ với các trang web đã chọn. JavaScript có thể nắm bắt vĩ độ và kinh độ của người dùng và có thể gửi nó đến máy chủ web phía sau để kích hoạt các tính năng nhận biết vị trí như tìm doanh nghiệp địa phương hoặc hiển thị vị trí của họ trên bản đồ. Ngày nay, hầu hết các trình duyệt và thiết bị di động đều hỗ trợ Geolocation API. API vị trí địa lý hoạt động với một thuộc tính mới của đối tượng điều hướng toàn cầu. Đối tượng định vị địa lý là một đối tượng dịch vụ cho phép các widget truy xuất thông tin về vị trí địa lý của thiết bị người dùng
Một kết quả chính là gì nếu bạn không chỉ định loại tài liệu trong trang HTML?
Xem câu trả lời
Ẩn câu trả lời
Các thẻ dành riêng cho HTML5 mới sẽ không được trình duyệt diễn giải
Sự khác biệt giữa các phần tử 'khối' và 'nội tuyến' là gì?
Xem câu trả lời
Ẩn câu trả lời
Các phần tử khối được lập trình để chúng chiếm nhiều dung lượng nhất có thể. Trái ngược với điều đó, các phần tử nội tuyến được thiết kế để chiếm một lượng không gian rất nhỏ
Làm thế nào bạn sẽ nhóm các yếu tố hình thức?
Xem câu trả lời
Ẩn câu trả lời
Nếu bạn muốn thu thập và chuyển các thành phần HTML biểu mẫu nhất định vào một nhóm duy nhất, thẻ fieldset được coi là thẻ tốt nhất để sử dụng
Bạn có nên thu gọn khoảng trắng?
Xem câu trả lời
Ẩn câu trả lời
Đây có thể là một trong những câu hỏi phỏng vấn HTML mẹo, đơn giản vì cách diễn đạt. Nhưng đừng để bị lừa - thu gọn khoảng trắng được coi là khá có lợi
Trong HTML, khoảng trắng cũng được coi là ký tự. Điều đó có nghĩa là chúng chiếm không gian. Nếu bạn thu gọn chúng, bạn có thể cải thiện khả năng đọc dự án của mình
Applet là gì?
Xem câu trả lời
Ẩn câu trả lời
Applet là chương trình nhỏ có thể được nhúng vào các trang web để thực hiện một số chức năng cụ thể như tính toán, hoạt hình
Chúng tôi sử dụng JavaScript với HTML như thế nào?
Xem câu trả lời
Ẩn câu trả lời
Bằng cách sử dụng thẻ script, chúng tôi có thể sử dụng JavaScript với HTML
Ổ cắm web là gì?
Xem câu trả lời
Ẩn câu trả lời
Ổ cắm web là công nghệ giao tiếp hai chiều thế hệ tiếp theo dành cho các ứng dụng web hoạt động trên một ổ cắm duy nhất và được hiển thị thông qua giao diện JavaScript trong trình duyệt tuân thủ HTML 5
Ý nghĩa của Box Model là gì?
Xem câu trả lời
Ẩn câu trả lời
Mỗi phần tử trên một trang là một hộp hình chữ nhật và có thể có chiều rộng, chiều cao, phần đệm, đường viền và lề. Mỗi phần của mô hình hộp liên quan đến thuộc tính CSS. chiều rộng, chiều cao, phần đệm, đường viền và lề
Ý nghĩa của đánh dấu trong HTML là gì?
Xem câu trả lời
Ẩn câu trả lời
Chuỗi ký tự hoặc ký hiệu khác mà chúng ta thường sử dụng để chèn vào những vị trí nhất định trong tệp từ hoặc văn bản nhằm cho biết tệp sẽ trông như thế nào khi được hiển thị hoặc in hoặc Về cơ bản để mô tả cấu trúc logic của tài liệu. Các chỉ số đánh dấu thường được gọi là thẻ. Các yếu tố và thẻ là hai từ khác nhau mà chúng ta cần hiểu vì có rất nhiều sự nhầm lẫn giữa công chúng liên quan đến thực tế này. Cần lưu ý rằng các tài liệu HTML chứa các thẻ, nhưng không chứa các phần tử. Đó là một quan niệm sai lầm phổ biến thường xảy ra khi cả hai đều tồn tại trong các tài liệu HTML. các phần tử thường chỉ được tạo sau bước phân tích cú pháp từ các thẻ này
Làm cách nào để chỉ định một tổ hợp khung cụ thể thay vì tài liệu mặc định?
Xem câu trả lời
Ẩn câu trả lời
Điều này thật không may là không thể. Khi bạn điều hướng qua một trang web bằng khung, URL sẽ không thay đổi khi tài liệu trong từng khung thay đổi. Điều này có nghĩa là không có cách nào để chỉ ra sự kết hợp của các tài liệu tạo nên trạng thái hiện tại của bộ khung
Tác giả có thể cung cấp nhiều tài liệu bộ khung, một tài liệu cho mỗi tổ hợp nội dung khung. Các tài liệu bộ khung này có thể được tạo tự động, có thể được tạo nhanh chóng bởi chương trình CGI. Thay vì liên kết đến các tài liệu nội dung riêng lẻ, tác giả có thể liên kết đến các tài liệu bộ khung riêng biệt này bằng cách sử dụng TARGET="_top". Do đó, URL của tài liệu bộ khung hiện tại sẽ luôn chỉ định tổ hợp các khung được hiển thị, cho phép liên kết, dấu trang, v.v. hoạt động bình thường
Tại sao khung hình của tôi không có kích thước chính xác mà tôi đã chỉ định?
Xem câu trả lời
Ẩn câu trả lời
Các phiên bản cũ hơn của Netscape Navigator dường như chuyển đổi kích thước khung dựa trên pixel thành toàn bộ phần trăm và sử dụng các kích thước dựa trên tỷ lệ phần trăm đó khi bố trí khung. Do đó, các khung có kích thước dựa trên pixel sẽ được hiển thị với kích thước hơi khác so với kích thước được chỉ định trong tài liệu bộ khung. Lỗi làm tròn sẽ khác nhau tùy thuộc vào kích thước chính xác của cửa sổ trình duyệt. Hơn nữa, Bộ điều hướng dường như lưu trữ các kích thước dựa trên tỷ lệ phần trăm bên trong, thay vì các kích thước dựa trên pixel ban đầu. Do đó, khi một cửa sổ được thay đổi kích thước, các khung được vẽ lại dựa trên kích thước cửa sổ mới và kích thước dựa trên tỷ lệ phần trăm cũ
Không có cách nào để ngăn chặn hành vi này. Để phù hợp với nó, bạn nên thiết kế trang web của mình để thích ứng với các thay đổi về kích thước khung. Đây là một tình huống khác mà bạn nên điều chỉnh các biến thể trong bản trình bày của trình duyệt
Có thể làm cho nguồn Html không thể xem được không?
Xem câu trả lời
Ẩn câu trả lời
Nói tóm lại, không có phương pháp hoặc tập lệnh thực sự nào để làm cho mã nguồn HTML tiêu chuẩn không thể xem được. Bạn có thể cân nhắc thực hiện bất kỳ điều nào dưới đây nếu họ lo ngại về mã nguồn của bạn
- Tạo trang web trong Macromedia Flash hoặc một chương trình tương tự. Khách truy cập sẽ cần tải xuống trình cắm Macromedia Flash và sẽ không thể xem mã nguồn của applet flash
- Có nhiều tập lệnh sẽ vô hiệu hóa tính năng nhấp chuột phải, ngăn người dùng lưu hình ảnh hoặc xem nguồn. Tuy nhiên, điều này sẽ không bảo vệ mã nguồn của trang của bạn. Ví dụ: người dùng Internet Explorer vẫn có thể nhấp vào "Xem" và "Nguồn" để xem mã nguồn của trang hoặc người dùng có thể tắt tập lệnh và hình ảnh có thể được lưu bằng cách lưu trang web vào ổ cứng
- Có một số chương trình sẽ giúp xáo trộn mã của bạn, khiến nó khó đọc [không phải là không thể]. Một lần nữa, điều này sẽ không ngăn ai đó xem mã của bạn
Giải thích Vbscript
Xem câu trả lời
Ẩn câu trả lời
Đây là ngôn ngữ kịch bản được phát triển bởi Microsoft và dựa trên Visual Basic. Chức năng của nó trong môi trường web phụ thuộc vào công cụ ASP hoặc Windows Scripting Host và phải được sử dụng trên nền tảng lưu trữ Windows
Làm cách nào để tạo biểu mẫu để có thể gửi biểu mẫu bằng cách nhấn ENTER?
Xem câu trả lời
Ẩn câu trả lời
Câu trả lời ngắn gọn là biểu mẫu chỉ nên có một 7 và không có VĂN BẢN, mặc dù nó có thể hoạt động dưới dạng các phần tử khác như hộp kiểm và nút radio
DOM bóng tối là gì?
Xem câu trả lời
Ẩn câu trả lời
đóng gói một phần của DOM. ẩn cây con. bạn có thể có cùng một ID trong các bóng DOM khác nhau. Polyme sử dụng nó. Bằng cách này, DOM của bạn có thể tái sử dụng. nếu người phỏng vấn không hài lòng với câu trả lời của bạn, hãy đưa cho anh ta các liên kết và bảo anh ta dành một ngày cuối tuần để đọc
Câu hỏi phỏng vấn HTML nâng cao
Dữ liệu được lưu trữ trong HTML5 như thế nào?
Xem câu trả lời
Ẩn câu trả lời
Có hai cách để lưu trữ dữ liệu trong HTML5 – với bộ nhớ cục bộ và bộ nhớ phiên. Dữ liệu được lưu trữ trong bộ nhớ cục bộ sẽ an toàn và sẽ không bị xóa sau khi nhà phát triển quyết định thoát khỏi trình duyệt. Trong lưu trữ phiên, khi bạn thoát khỏi trình duyệt, dữ liệu sẽ tự động bị xóa
Một phần của văn bản dường như leo ra khỏi ranh giới trang. Tại sao vậy?
Xem câu trả lời
Ẩn câu trả lời
Thông thường, tình huống này hầu như không thể xảy ra – HTML có các ranh giới được xác định rõ ràng được thiết lập để văn bản hoặc hình ảnh không thể vượt qua chúng. Tuy nhiên, trong một số trường hợp hiếm hoi, một văn bản có thể vượt ra khỏi những ranh giới đó. Đây thường là trường hợp khi văn bản được nhập vào một bảng có một số tham số được đặt sai [đặc biệt là về chiều rộng]
Câu hỏi phỏng vấn jQuery
Lợi thế của việc sử dụng jQuery là gì?
Xem câu trả lời
Ẩn câu trả lời
- Dễ dàng sử dụng và tìm hiểu
- Dễ dàng mở rộng
- Hỗ trợ nhiều trình duyệt [IE 6. 0+, FF 1. 5+, Safari 2. 0+, Opera 9. 0+]
- Dễ sử dụng để thao tác và truyền tải DOM
- Nhóm lớn các phương pháp được xây dựng sẵn
- Khả năng AJAX
- Các phương pháp thay đổi hoặc áp dụng CSS, tạo hoạt ảnh
- Phát hiện và xử lý sự kiện
- Hàng tấn plug-in cho tất cả các loại nhu cầu
Sự khác biệt giữa bộ chọn ID và bộ chọn lớp trong jQuery?
Xem câu trả lời
Ẩn câu trả lời
Nếu bạn đã sử dụng CSS, thì bạn có thể biết sự khác biệt giữa ID và bộ chọn lớp, jQuery cũng vậy. Bộ chọn ID sử dụng ID e. g. #element1 để chọn phần tử, trong khi bộ chọn lớp sử dụng lớp CSS để chọn phần tử. Khi bạn chỉ cần chọn duy nhất một phần tử thì sử dụng bộ chọn ID, còn nếu bạn muốn chọn một nhóm phần tử có cùng lớp CSS thì sử dụng bộ chọn lớp. Rất có thể, Cuộc phỏng vấn sẽ yêu cầu bạn viết mã bằng ID và bộ chọn lớp. Từ góc độ cú pháp, như bạn có thể thấy, một sự khác biệt khác giữa ID và bộ chọn lớp là trước đây sử dụng “#” và sau này sử dụng “. " nhân vật. Phân tích và thảo luận chi tiết hơn, xem câu trả lời
Ưu điểm chính của việc tải thư viện jQuery bằng CDN là gì?
Xem câu trả lời
Ẩn câu trả lời
Ngoài nhiều ưu điểm bao gồm giảm băng thông máy chủ và tải xuống nhanh hơn, một trong những ưu điểm quan trọng nhất là nếu trình duyệt đã tải xuống cùng một phiên bản jQuery từ cùng một CDN, thì trình duyệt sẽ không tải xuống lại nữa. Kể từ ngày nay, hầu hết các trang web công cộng đều sử dụng jQuery để tương tác và hoạt ảnh với người dùng, rất có thể trình duyệt đã tải xuống thư viện jQuery. Độc giả tò mò, vui lòng xem câu trả lời để phân tích sâu
Câu hỏi phỏng vấn CSS
Quy tắc ưu tiên/xếp tầng CSS hoạt động như thế nào? . chỉ thị quan trọng ảnh hưởng đến các quy tắc?
Xem câu trả lời
Ẩn câu trả lời
Quy tắc kiểu CSS “xếp tầng” theo nghĩa là chúng tuân theo thứ tự ưu tiên. Quy tắc kiểu toàn cầu trước tiên áp dụng cho các thành phần HTML và quy tắc kiểu cục bộ sẽ ghi đè lên chúng. Ví dụ: kiểu được xác định trong phần tử kiểu trong trang web sẽ ghi đè kiểu được xác định trong biểu định kiểu bên ngoài. Tương tự, kiểu nội tuyến được xác định trong phần tử HTML trong trang sẽ ghi đè bất kỳ kiểu nào được xác định cho cùng phần tử đó ở nơi khác. Các. quy tắc quan trọng là một cách để tạo tầng CSS của bạn nhưng cũng có các quy tắc mà bạn cảm thấy quan trọng nhất luôn được áp dụng. Một quy tắc có. quan trọng sẽ luôn được áp dụng cho dù quy tắc đó xuất hiện ở đâu trong tài liệu CSS. Vì vậy, nếu bạn muốn đảm bảo rằng một thuộc tính luôn được áp dụng, bạn sẽ thêm thuộc tính. thuộc tính quan trọng đối với thẻ. Vì vậy, để đoạn văn bản luôn có màu đỏ, trong ví dụ trên, bạn sẽ viết. p { màu. #ff0000. quan trọng; . #000000;
Làm cách nào để tôi thiết kế để tương thích ngược bằng cách sử dụng biểu định kiểu?
Xem câu trả lời
Ẩn câu trả lời
Các phương thức kiểu HTML hiện có [chẳng hạn như 8 và 9] có thể dễ dàng kết hợp với các phương thức đặc tả biểu định kiểu. Các trình duyệt không hiểu biểu định kiểu sẽ sử dụng các phương thức định dạng HTML cũ hơn và thông số kỹ thuật của biểu định kiểu có thể kiểm soát sự xuất hiện của các thành phần này trong các trình duyệt hỗ trợ CSS1
Điều gì có thể được thực hiện với các biểu định kiểu mà không thể hoàn thành với Html thông thường?
Xem câu trả lời
Ẩn câu trả lời
Nhiều tiện ích mở rộng gần đây cho HTML là những nỗ lực mang tính thăm dò và hơi thô thiển nhằm kiểm soát bố cục tài liệu. Các biểu định kiểu đi xa hơn một số bước và giới thiệu kiểm soát đường viền, lề và khoảng cách phức tạp cho hầu hết các thành phần HTML. Nó cũng mở rộng các khả năng được giới thiệu bởi hầu hết các tiện ích mở rộng trình duyệt HTML hiện có. Màu nền hoặc hình ảnh giờ đây có thể được gán cho BẤT KỲ phần tử HTML nào thay vì chỉ phần tử BODY và các đường viền giờ đây có thể được áp dụng cho bất kỳ phần tử nào thay vì chỉ áp dụng cho các bảng. Để biết thêm thông tin về các thuộc tính có thể có trong CSS, hãy xem Chỉ mục Thuộc tính DOT Css Chỉ mục
Tại sao tôi không nên sử dụng phông chữ có kích thước cố định?
Xem câu trả lời
Ẩn câu trả lời
Chỉ trong những trường hợp rất hiếm, chúng tôi mới tìm thấy người dùng có thiết bị hiển thị "đã hiệu chỉnh" hiển thị chính xác kích thước phông chữ cố định. Điều này cho chúng tôi biết rằng chúng tôi không bao giờ có thể biết kích thước thực của phông chữ khi nó được hiển thị ở cuối người dùng. Những người khác có thể thấy sự lựa chọn cỡ chữ của bạn không thoải mái. Một số lượng lớn đáng ngạc nhiên những người có vấn đề về thị lực và yêu cầu văn bản lớn hơn mức trung bình. Những người khác có thị lực tốt và thích lợi thế của nhiều văn bản hơn trên màn hình mà cỡ chữ nhỏ hơn cho phép. Những gì thoải mái với bạn trên hệ thống của bạn có thể không thoải mái với người khác. Trình duyệt có kích thước mặc định cho phông chữ. Nếu người dùng thấy điều này không phù hợp, họ có thể thay đổi nó thành thứ họ thích hơn. Bạn không bao giờ có thể cho rằng sự lựa chọn của bạn là tốt hơn cho họ. Vì vậy, hãy để nguyên kích thước phông chữ cho phần lớn văn bản của bạn. Nếu bạn muốn thay đổi kích thước ở những vị trí cụ thể [giả sử văn bản nhỏ hơn cho thông báo bản quyền ở cuối trang], hãy sử dụng các đơn vị tương đối để kích thước sẽ giữ nguyên trong mối quan hệ với những gì người dùng có thể đã chọn. Hãy nhớ rằng, nếu mọi người thấy văn bản của bạn không thoải mái, họ sẽ không bận tâm đến việc vật lộn với trang web của bạn. Rất ít trang web [nếu có] đủ quan trọng đối với người dùng bình thường để biện minh cho việc đấu tranh với ý tưởng của tác giả về điều gì là tốt nhất
Lợi ích của CSS sprite là gì?
Xem câu trả lời
Ẩn câu trả lời
Nếu một trang web có số lượng lớn. hình ảnh mất nhiều thời gian hơn để tải vì mỗi hình ảnh gửi riêng một yêu cầu HTTP. Khái niệm CSS sprites được sử dụng để giảm thời gian tải trang web vì nó kết hợp nhiều hình ảnh nhỏ khác nhau thành một hình ảnh. Nó giảm số lượng yêu cầu HTTP và do đó giảm thời gian tải
CSS sprite kết hợp nhiều hình ảnh thành một hình ảnh, hạn chế số lượng yêu cầu HTTP mà trình duyệt phải thực hiện, do đó cải thiện thời gian tải. Ngay cả trong giao thức HTTP/2 mới, điều này vẫn đúng
Theo HTTP/1. 1, tối đa một yêu cầu được cho phép trên mỗi kết nối TCP. Với HTTP/1. 1, các trình duyệt hiện đại mở nhiều kết nối song song [từ 2 đến 8] nhưng nó bị hạn chế. Với HTTP/2, tất cả các yêu cầu giữa trình duyệt và máy chủ được ghép kênh trên một kết nối TCP duy nhất. Điều này có nghĩa là chi phí mở và đóng nhiều kết nối được giảm thiểu, dẫn đến việc sử dụng kết nối TCP tốt hơn và hạn chế tác động của độ trễ giữa máy khách và máy chủ. Sau đó, có thể tải song song hàng chục hình ảnh trên cùng một kết nối TCP
Tuy nhiên, theo kết quả benchmark, mặc dù HTTP/2 cải thiện 50% so với HTTP/1. 1, trong hầu hết các trường hợp, bộ sprite vẫn tải nhanh hơn các hình ảnh riêng lẻ
Để sử dụng một spritesheet trong CSS, người ta sẽ sử dụng một số thuộc tính nhất định, chẳng hạn như hình nền, vị trí nền và kích thước nền để cuối cùng thay đổi nền của một phần tử
tween là gì?
Xem câu trả lời
Ẩn câu trả lời
Đó là quá trình tạo khung trung gian giữa hai hình ảnh. Nó tạo ấn tượng rằng hình ảnh đầu tiên đã phát triển trơn tru sang hình ảnh thứ hai. Đây là một phương pháp quan trọng được sử dụng trong tất cả các loại hình ảnh động. Trong CSS3, Chuyển đổi [ma trận, dịch, xoay, chia tỷ lệ, v.v. ] mô-đun có thể được sử dụng để đạt được tweening
Ưu điểm và nhược điểm của biểu định kiểu nhúng là gì?
Xem câu trả lời
Ẩn câu trả lời
Đây là câu hỏi phỏng vấn CSS3 cơ bản thường được hỏi trong một cuộc phỏng vấn. Sau đây là ưu điểm và nhược điểm như sau
công đức
- Nhiều loại thẻ có thể được tạo trong một tài liệu
- Các kiểu, trong một tình huống phức tạp, có thể được áp dụng bằng cách sử dụng các phương thức Chọn và nhóm
- Tải thêm không cần thiết
nhược điểm
- Nhiều tài liệu không thể được kiểm soát
Bộ chọn CSS có nghĩa là gì?
Xem câu trả lời
Ẩn câu trả lời
Một chuỗi tương đương với các phần tử HTML mà theo đó các khai báo hoặc một tập hợp của nó được khai báo và là một liên kết có thể được gọi để liên kết HTML và Biểu định kiểu là bộ chọn CSS
Bộ chọn theo ngữ cảnh là gì?
Xem câu trả lời
Ẩn câu trả lời
Bộ chọn được sử dụng để chọn các lần xuất hiện đặc biệt của một phần tử được gọi là bộ chọn theo ngữ cảnh. Một khoảng trắng ngăn cách các bộ chọn riêng lẻ. Chỉ phần tử cuối cùng của mẫu được giải quyết trong loại bộ chọn này. cho e. g. TD P TEXT {màu. màu xanh da trời}
Suy thoái duyên dáng là gì?
Xem câu trả lời
Ẩn câu trả lời
Trong trường hợp thành phần bị lỗi, nó sẽ tiếp tục hoạt động bình thường khi có sự xuống cấp đáng kể. Ứng dụng trình duyệt mới nhất được sử dụng khi trang web được thiết kế. Vì nó không có sẵn cho tất cả mọi người, nên có một chức năng cơ bản cho phép sử dụng nó cho nhiều đối tượng hơn. Trong trường hợp hình ảnh không có sẵn để xem, văn bản được hiển thị cùng với thẻ alt
Tăng cường tiến bộ là gì?
Xem câu trả lời
Ẩn câu trả lời
Đó là một giải pháp thay thế cho sự xuống cấp nhẹ nhàng, tập trung vào vấn đề web. Chức năng giống nhau, nhưng nó cung cấp thêm lợi thế cho người dùng có băng thông mới nhất. Nó đã được sử dụng nổi bật gần đây với các kết nối internet di động mở rộng cơ sở của họ
Biểu định kiểu thay thế là gì?
Xem câu trả lời
Ẩn câu trả lời
Các biểu định kiểu thay thế cho phép người dùng chọn kiểu hiển thị trang bằng cách sử dụng menu dạng xem>kiểu trang. Thông qua Biểu định kiểu thay thế, người dùng có thể thấy nhiều phiên bản của trang theo nhu cầu và sở thích của họ
Làm cách nào CSS có thể được xếp tầng để trộn với trang cá nhân của người dùng?
Xem câu trả lời
Ẩn câu trả lời
Các thuộc tính có thể được đặt ở những nơi được đề xuất và tài liệu được sửa đổi để CSS kết hợp với trang cá nhân của người dùng
Chỉ số Z hoạt động như thế nào?
Xem câu trả lời
Ẩn câu trả lời
Chồng chéo có thể xảy ra khi sử dụng CSS để định vị các phần tử HTML. Chỉ số Z giúp xác định phần tử chồng chéo. Đó là một số có thể dương hoặc âm, giá trị mặc định bằng không
Tính đặc hiệu của CSS là gì?
Xem câu trả lời
Ẩn câu trả lời
Tính cụ thể của CSS là điểm số hoặc thứ hạng quyết định khai báo kiểu nào phải được sử dụng cho một phần tử. [*] bộ chọn chung này có độ đặc hiệu thấp trong khi bộ chọn ID có độ đặc hiệu cao
Tại sao nền và màu sắc là các thuộc tính riêng biệt nếu chúng luôn được đặt cùng nhau?
Xem câu trả lời
Ẩn câu trả lời
Có hai lý do đằng sau điều này
- Nó tăng cường tính dễ đọc của biểu định kiểu. Thuộc tính nền là một thuộc tính phức tạp trong CSS, nếu nó được kết hợp với màu sắc thì độ phức tạp sẽ tăng thêm
- Màu sắc là thuộc tính kế thừa trong khi nền thì không. Vì vậy, điều này có thể làm cho sự nhầm lẫn hơn nữa
Việc sử dụng các quy tắc là gì?
Xem câu trả lời
Ẩn câu trả lời
Bộ quy tắc được sử dụng để xác định rằng các bộ chọn có thể được đính kèm với các bộ chọn khác. Nó có hai phần
- Bộ chọn - Bộ chọn cho biết phần tử HTML bạn muốn tạo kiểu
- Khối khai báo - Khối khai báo có thể chứa một hoặc nhiều khai báo được phân tách bằng dấu chấm phẩy
Bạn có sử dụng bất kỳ bộ tiền xử lý CSS nào không và bạn thích cái nào hơn?
Xem câu trả lời
Ẩn câu trả lời
Nếu bạn đang làm việc trên một dự án vừa và lớn, bạn nên sử dụng bộ tiền xử lý CSS. Chúng cho phép bạn viết CSS ngắn gọn hơn, chia nó thành nhiều tệp và sử dụng một số lượng lớn các chức năng và mixin rất hữu ích [thậm chí bạn có thể tạo của riêng mình. ], cùng với các biến
Những người chơi chính là Sass [còn được gọi là SCSS], LESS và Stylus, mặc dù Sass được cho là lớn nhất
Phông chữ an toàn trên web và phông chữ dự phòng là gì?
Xem câu trả lời
Ẩn câu trả lời
Không phải tất cả các hệ điều hành và trình duyệt đều được cài đặt cùng một phông chữ. Phông chữ an toàn trên web là phông chữ thường được cài đặt sẵn trên nhiều hệ thống máy tính, chẳng hạn như Arial và Times New Roman. Trong trường hợp trình duyệt hoặc hệ điều hành không nhận dạng được font chữ đầu tiên bạn đặt [e. g. Ubuntu], bạn nên chọn phông chữ dự phòng an toàn trên web để hiển thị [e. g. Arial], theo sau là một họ phông chữ chung [e. g. sans serif]. Nếu phông chữ dự phòng của bạn cũng không hiển thị, thì trình duyệt có thể chọn một phông chữ chung trong họ sans-serif
Các phần tử giả là gì và chúng được sử dụng để làm gì?
Xem câu trả lời
Ẩn câu trả lời
Các phần tử giả được sử dụng để tạo kiểu cho các phần cụ thể của một phần tử, thay vì toàn bộ nội dung. Ví dụ: bạn có thể sử dụng nó để tạo kiểu cho dòng đầu tiên hoặc chữ cái đầu tiên của đoạn văn, văn bản bạn đã chọn hoặc bạn có thể sử dụng nó để chèn văn bản hoặc hình dạng trước hoặc sau một thành phần
Chúng luôn bắt đầu bằng dấu hai chấm - mặc dù dấu hai chấm vẫn được phép để tương thích ngược
Nhược điểm của việc sử dụng CSS là gì?
Xem câu trả lời
Ẩn câu trả lời
- Tăng dần bởi bộ chọn là không thể
- Hạn chế của kiểm soát dọc
- không có biểu thức
- Không khai báo cột
- Lớp giả không được kiểm soát bởi hành vi động
- Quy tắc, kiểu, nhắm mục tiêu văn bản cụ thể không thể
Giải thích Mô hình hộp CSS và các yếu tố khác nhau của nó
Xem câu trả lời
Ẩn câu trả lời
Mô hình hộp CSS mô tả các hộp hình chữ nhật được tạo cho các phần tử trong cây tài liệu và được bố trí theo mô hình định dạng trực quan. Mỗi hộp có một khu vực nội dung [e. g. văn bản, hình ảnh, v.v. ] và một vùng đệm, đường viền và lề tùy chọn xung quanh
Mô hình hộp CSS chịu trách nhiệm tính toán
- Phần tử khối chiếm bao nhiêu không gian
- Đường viền và/hoặc lề chồng lên nhau hay bị thu gọn hay không
- Kích thước của hộp
Thuộc tính float được sử dụng trong CSS là gì?
Xem câu trả lời
Ẩn câu trả lời
Thuộc tính CSS float đặt một phần tử ở bên trái hoặc bên phải của vùng chứa nó, cho phép các phần tử văn bản và nội tuyến bao quanh nó. Phần tử bị xóa khỏi luồng bình thường của trang, mặc dù nó vẫn là một phần của luồng [ngược lại với định vị tuyệt đối]
Giải thích sự khác biệt trong cách tiếp cận khi thiết kế trang web đáp ứng so với chiến lược ưu tiên thiết bị di động?
Xem câu trả lời
Ẩn câu trả lời
Hai cách tiếp cận này không độc quyền. Làm cho trang web phản hồi có nghĩa là một số thành phần sẽ phản hồi bằng cách điều chỉnh kích thước hoặc chức năng khác của trang web theo kích thước màn hình của thiết bị, thường là chiều rộng khung nhìn, thông qua các truy vấn phương tiện CSS
Ưu điểm và nhược điểm của việc sử dụng bộ xử lý trước CSS là gì??
Xem câu trả lời
Ẩn câu trả lời
Việc sử dụng phụ thuộc vào loại dự án nhưng những ưu điểm/nhược điểm sau đây đi kèm với bộ tiền xử lý
Thuận lợi
- CSS được thực hiện dễ bảo trì hơn
- Dễ dàng viết các bộ chọn lồng nhau
- Các biến cho chủ đề nhất quán. Có thể chia sẻ tệp chủ đề trên các dự án khác nhau
- Mixins để tạo CSS lặp lại
- Các tính năng của Sass như vòng lặp, danh sách và bản đồ có thể giúp cấu hình dễ dàng hơn và ít dài dòng hơn
- Tách mã của bạn thành nhiều tệp. Các tệp CSS cũng có thể được chia nhỏ nhưng làm như vậy sẽ yêu cầu HTTP để tải xuống từng tệp CSS
Nhược điểm
- Yêu cầu các công cụ để tiền xử lý. Thời gian biên dịch lại có thể chậm
- Không viết CSS hiện tại và có khả năng sử dụng được. Ví dụ: bằng cách sử dụng thứ gì đó như postcss-loader với webpack, bạn có thể viết CSS có khả năng tương thích trong tương lai, cho phép bạn sử dụng những thứ như biến CSS thay vì biến Sass. Do đó, bạn đang học những kỹ năng mới có thể được đền đáp nếu/khi chúng trở nên chuẩn hóa
Bạn sẽ triển khai các thành phần bố cục cơ bản của mô hình hộp trong CSS như thế nào?
Xem câu trả lời
Ẩn câu trả lời
Mỗi phần tử của mô hình hộp—đường viền, nội dung, lề và phần đệm—có thể được chỉ định độc lập cho mỗi bên của phần tử bằng cách liệt kê các kích thước theo thứ tự sau. trên, dưới, phải và trái. Ngoài ra, có thể chỉ định nhiều mặt thành một nhóm bằng cách liệt kê ít tham số hơn
Làm thế nào để bạn xác định một lớp giả trong CSS?
Xem câu trả lời
Ẩn câu trả lời
Bạn có thể định nghĩa một lớp giả bằng cách liệt kê bộ chọn theo sau là dấu hai chấm và cuối cùng là phần tử lớp giả. Các lớp giả có thể được sử dụng để cung cấp cho các phần tử các trạng thái đặc biệt—ví dụ phổ biến nhất là một. di chuột, được sử dụng để thay đổi màu của liên kết khi chuột di chuột qua liên kết đó. Các cách sử dụng khác bao gồm sử dụng kiểu dáng riêng biệt cho các liên kết đã truy cập và chưa được truy cập và tạo kiểu khác cho một phần tử khi tập trung
Bộ chọn 'lớp' và 'ID' chọn gì khi chúng được phát hành?
Xem câu trả lời
Ẩn câu trả lời
Bộ chọn lớp sẽ chọn toàn bộ khối thông tin, trong khi bộ chọn ID cho phép bạn chọn một phần tử cụ thể sở hữu một loại số ID duy nhất
Chúng ta đã xem qua các lớp và ID sớm hơn một chút, nhưng đây thực sự là một trong những câu hỏi phỏng vấn CSS quan trọng hơn. Biết được sự khác biệt và các tính năng khác nhau giữa các lớp, loại và ID có thể là bước ngoặt của bất kỳ cuộc phỏng vấn việc làm dựa trên CSS nào
Thuộc tính Clearfix css hữu ích như thế nào?
Xem câu trả lời
Ẩn câu trả lời
Clearfix là cách để một phần tử tự động xóa các phần tử con của nó, do đó bạn không cần thêm đánh dấu bổ sung. Nó thường được sử dụng trong bố cục float nơi các phần tử được thả nổi để xếp chồng lên nhau theo chiều ngang
Phần yêu thích nhất của bạn khi làm việc với CSS là gì?
Xem câu trả lời
Ẩn câu trả lời
Tất cả mọi người đều có những điều mà họ không thích về công việc của họ. Một câu trả lời trung thực cho câu hỏi này có thể giúp bạn sắp xếp ứng viên vào nhóm phù hợp. Ví dụ: nếu một người thích tìm lỗi trong các tệp CSS, bạn có thể muốn thuê ứng viên đó làm việc trong một dự án với những người sáng tạo, những người thích tập trung vào bức tranh toàn cảnh
Những gì cần tìm kiếm trong một câu trả lời
- Hiểu những ưu và nhược điểm của CSS
- Biết ứng viên có thể đóng vai trò gì
- Tìm hiểu về các sở thích khác của người nộp đơn
Điều gì xảy ra với văn bản nếu giá trị 'auto' được gán cho thuộc tính tràn, cho phần tử chứa văn bản?
Xem câu trả lời
Ẩn câu trả lời
Nếu tràn văn bản, nó sẽ bị cắt bớt và thanh cuộn xuất hiện
có tràn không. hidden tạo bối cảnh định dạng khối mới?
Xem câu trả lời
Ẩn câu trả lời
thuộc tính tràn xử lý nội dung nếu kích thước nội dung vượt quá kích thước được phân bổ cho nội dung. Bạn có thể làm cho nội dung bổ sung hiển thị, ẩn, cuộn hoặc tự động [hành vi mặc định của chế độ xem]
Làm thế nào bạn có thể tải tài nguyên css có điều kiện?
Xem câu trả lời
Ẩn câu trả lời
@import cho phép bạn tải/nhập biểu định kiểu bằng cách sử dụng đường dẫn [uri] biểu thị vị trí của tệp. Bạn có thể xác định một hoặc nhiều phương tiện bằng cách phân tách bằng dấu phẩy mà bạn muốn tải biểu định kiểu. Nếu trình duyệt không hỗ trợ, biểu định kiểu phương tiện sẽ không được tải
Tính kế thừa hoạt động như thế nào trong CSS?
Xem câu trả lời
Ẩn câu trả lời
Kế thừa là một khái niệm được sử dụng trong HTML và các ngôn ngữ khác nhưng nó cũng được sử dụng trong CSS để xác định cấu trúc phân cấp của phần tử từ cấp cao nhất đến cấp thấp nhất. Trong thừa kế con sẽ kế thừa các thuộc tính của cha mẹ. Trong trường hợp này, hạn chế đang được áp dụng là không phải tất cả các thuộc tính đều có thể được áp dụng. Kế thừa chuyển các thuộc tính của nó cho lớp con của nó để cùng một thuộc tính không phải xác định cùng một thuộc tính. Các thuộc tính kế thừa có thể bị ghi đè bởi lớp con nếu lớp con sử dụng các thuộc tính cùng tên
Tổng quan
Các thẻ HTML có phân biệt chữ hoa chữ thường không?
Xem câu trả lời
Ẩn câu trả lời
Không
Giải thích Microdata trong HTML5
Xem câu trả lời
Ẩn câu trả lời
Sử dụng Microdata, siêu dữ liệu được lồng trong nội dung hiện có trên các trang web. Các công cụ tìm kiếm trích xuất dữ liệu vi mô từ một trang web để cung cấp trải nghiệm duyệt web tốt
Sự khác biệt giữa các đơn vị kích thước phông chữ em và rem là gì?
Xem câu trả lời
Ẩn câu trả lời
Theo mặc định, kích thước phông chữ trong trình duyệt là 16px và có thể tăng hoặc giảm trong cài đặt trình duyệt. 1em bằng kích thước phông chữ được cung cấp trong trình duyệt. Trong khi đó, giá trị rem phụ thuộc vào phần tử gốc là thẻ HTML
Trình tự tiếp theo khi tờ thực hành đến là gì?
Xem câu trả lời
Ẩn câu trả lời
Nếu một bộ chọn có ba định nghĩa kiểu khác nhau, thì định nghĩa gần thẻ thực tế là ưu tiên. Kiểu nội tuyến được ưu tiên hơn các biểu định kiểu được nhúng, ưu tiên cho các biểu định kiểu bên ngoài
DOM là gì?
Xem câu trả lời
Ẩn câu trả lời
DOM [Mô hình đối tượng tài liệu] là API đa nền tảng xử lý tài liệu HTML dưới dạng cấu trúc cây bao gồm các nút. Các nút này [chẳng hạn như các phần tử và nút văn bản] là các đối tượng có thể được thao tác theo chương trình và mọi thay đổi có thể nhìn thấy đối với chúng đều được phản ánh trực tiếp trong tài liệu. Trong trình duyệt, API này có sẵn cho JavaScript nơi các nút DOM có thể được thao tác để thay đổi kiểu, nội dung, vị trí của chúng trong tài liệu hoặc tương tác với thông qua trình xử lý sự kiện
- DOM được thiết kế độc lập với bất kỳ ngôn ngữ lập trình cụ thể nào, làm cho cấu trúc biểu diễn của tài liệu có sẵn từ một API duy nhất, nhất quán
- tài liệu. getElementById[] và tài liệu. querySelector[] là các chức năng phổ biến để chọn các nút DOM
- Việc đặt thuộc tính innerHTML thành một giá trị mới sẽ chạy chuỗi thông qua trình phân tích cú pháp HTML, cung cấp một cách dễ dàng để nối nội dung HTML động vào một nút
Sự khác biệt giữa chế độ tiêu chuẩn và chế độ quirks là gì?
Xem câu trả lời
Ẩn câu trả lời
Ở chế độ Quirks, bố cục mô phỏng hành vi không chuẩn trong Bộ điều hướng 4 và Internet Explorer 5. Điều này là cần thiết để hỗ trợ các trang web được xây dựng trước khi áp dụng rộng rãi các tiêu chuẩn web. Trong chế độ Tiêu chuẩn, hành vi được mô tả bởi thông số kỹ thuật HTML và CSS
Đối với các tài liệu HTML, các trình duyệt sử dụng một BACK TO TOP0 ở đầu tài liệu để quyết định xử lý nó ở chế độ quirks hay chế độ tiêu chuẩn
Các vị trí tuyệt đối/tương đối/cố định/tĩnh hoạt động như thế nào?
Xem câu trả lời
Ẩn câu trả lời
tuyệt đối, đặt một phần tử chính xác vào nơi bạn muốn đặt nó. vị trí tuyệt đối thực sự được đặt so với phần tử gốc của phần tử. nếu không có cha mẹ nào thì đặt tương đối vào chính trang đó [nó sẽ mặc định sao lưu tất cả các phần tử]
tương đối, có nghĩa là "tương đối với chính nó". Đặt vị trí. liên quan đến; . Nó cho phép sử dụng chỉ mục z trên phần tử và nó giới hạn phạm vi của các phần tử con được định vị tuyệt đối. Mọi phần tử con sẽ được định vị tuyệt đối trong khối đó
đã sửa, phần tử được định vị tương ứng với chế độ xem hoặc chính cửa sổ trình duyệt. chế độ xem không thay đổi nếu bạn cuộn và do đó, phần tử cố định sẽ ở đúng vị trí cũ
mặc định tĩnh cho mọi thành phần trang. Lý do duy nhất bạn từng đặt một phần tử vào vị trí. tĩnh là loại bỏ mạnh mẽ một số vị trí đã được áp dụng cho một phần tử nằm ngoài tầm kiểm soát của bạn
dính - Định vị dính là sự kết hợp giữa định vị tương đối và cố định. Phần tử được coi là vị trí tương đối cho đến khi nó vượt qua ngưỡng xác định, tại thời điểm đó, phần tử được coi là vị trí cố định
Kết xuất lũy tiến là gì?
Xem câu trả lời
Ẩn câu trả lời
Nó đang hiển thị dữ liệu khi nó đang được tải xuống. Điều này đặc biệt hữu ích trên các tài liệu có hàng tấn văn bản. Bạn có thể thấy nó trên một trang có nhiều văn bản – và ở đó thanh cuộn sẽ ngắn hơn khi có nhiều dữ liệu hơn – tăng kích thước dọc của tài liệu – tuy nhiên, nó sẽ hiển thị văn bản đã tải xuống ngay lập tức. Khi có nhiều dữ liệu hơn - trang sẽ dài hơn. Điều này không phụ thuộc vào phần thân hoặc thẻ html đóng – và nó chắc chắn sẽ không hiển thị toàn bộ trang trên máy chủ – sau đó tải xuống – đây là lời phàn nàn tiêu chuẩn về các khung hiện đại. Nhưng có một kỹ thuật gọi là “Xóa bộ đệm” có thể được thực hiện trên máy chủ
Thiết kế đáp ứng khác với thiết kế thích ứng như thế nào?
Xem câu trả lời
Ẩn câu trả lời
Cả thiết kế đáp ứng và thích ứng đều cố gắng tối ưu hóa trải nghiệm người dùng trên các thiết bị khác nhau, điều chỉnh các kích thước khung nhìn, độ phân giải, ngữ cảnh sử dụng, cơ chế kiểm soát khác nhau, v.v.
Thiết kế đáp ứng hoạt động trên nguyên tắc linh hoạt - một trang web linh hoạt duy nhất có thể trông đẹp trên mọi thiết bị. Trang web phản hồi sử dụng truy vấn phương tiện, lưới linh hoạt và hình ảnh phản hồi để tạo trải nghiệm người dùng linh hoạt và thay đổi dựa trên vô số yếu tố. Giống như một quả bóng lớn lên hoặc thu nhỏ lại để lọt qua nhiều vòng khác nhau
Thiết kế thích ứng giống như định nghĩa hiện đại về tăng cường lũy tiến. Thay vì một thiết kế linh hoạt, thiết kế thích ứng phát hiện thiết bị và các tính năng khác, sau đó cung cấp tính năng và bố cục phù hợp dựa trên một tập hợp kích thước khung nhìn được xác định trước và các đặc điểm khác. Trang web phát hiện loại thiết bị được sử dụng và cung cấp bố cục đặt sẵn cho thiết bị đó. Thay vì một quả bóng đi qua nhiều vòng có kích thước khác nhau, bạn sẽ có nhiều quả bóng khác nhau để sử dụng tùy thuộc vào kích thước của vòng
Bạn sẽ tối ưu hóa nội dung/tài nguyên của trang web như thế nào?
Xem câu trả lời
Ẩn câu trả lời
Nối và nén các tệp CSS, JavaScript và HTML bất cứ khi nào có thể, định cấu hình máy chủ của bạn để phân phối tệp Gzip, tài nguyên bộ đệm, đặt ngày hết hạn dài hơn trên tiêu đề http của tài nguyên mà bạn không muốn thay đổi thường xuyên – chẳng hạn như logo. Hình ảnh có thể là một số tệp nặng nhất mà chúng tôi cung cấp, vì vậy hãy nén một cách khôn ngoan. Phần tử hình ảnh sẽ sớm được triển khai trên các trình duyệt, vì vậy chúng tôi có thể tối ưu hóa việc phân phối nội dung hình ảnh. Ngoài ra, trong tương lai gần, hãy cân nhắc sử dụng định dạng WebP cho hình ảnh – nó có kích thước nhỏ hơn khá nhiều so với các tệp JPEG và PNG. Cuối cùng, hãy sử dụng CDN hoặc các miền khác để lưu trữ tài nguyên của bạn và tận dụng bảo vệ miền
CORS đại diện cho cái gì và nó giải quyết vấn đề gì?
Xem câu trả lời
Ẩn câu trả lời
Chia sẻ tài nguyên nguồn gốc chéo. Để giải quyết thực tế là các trình duyệt hạn chế các yêu cầu HTTP có nhiều nguồn gốc được bắt đầu từ bên trong các tập lệnh. CORS cung cấp cho các máy chủ web các điều khiển truy cập tên miền chéo, cho phép truyền dữ liệu giữa các tên miền an toàn
Làm cách nào để đặt tiêu điểm thành biểu mẫu đầu tiên trên trường?
Xem câu trả lời
Ẩn câu trả lời
Bạn không thể làm điều này với HTML. Tuy nhiên, bạn có thể bao gồm một tập lệnh sau biểu mẫu đặt tiêu điểm vào trường thích hợp như thế này
Sự khác biệt chính giữa các sự kiện do Máy chủ gửi và Websockets là gì?
Xem câu trả lời
Ẩn câu trả lời
Sự khác biệt chính là các sự kiện do Máy chủ gửi chỉ là một chiều từ máy chủ đến trình duyệt nhưng Websockets thiết lập giao tiếp hai chiều
Câu hỏi phỏng vấn nâng cao về CSS
Tách tệp là gì và tại sao bạn nên sử dụng nó?
Xem câu trả lời
Ẩn câu trả lời
Chia nhỏ tệp giúp tổ chức CSS của bạn thành nhiều tệp, giảm thời gian tải trang và giúp mọi thứ dễ quản lý hơn. Nếu bạn đang làm việc với bất kỳ bộ tiền xử lý nào ở trên, bạn có thể bắt đầu chia nhỏ các tệp của mình
Cách bạn quyết định chia nhỏ chúng là tùy thuộc vào bạn, nhưng có thể hữu ích khi tách các tệp theo thành phần. Ví dụ: bạn có thể có tất cả các kiểu nút của mình trong một tệp có tên _buttons. scss hoặc tất cả các kiểu dành riêng cho tiêu đề của bạn trong một tệp có tên _header. scss. Sau đó, trong tệp chính của bạn, hãy nói _app. scss, bạn có thể nhập các tệp đó bằng cách viết @import 'buttons';
Bằng cách này, bạn cũng có thể tạo các biểu định kiểu riêng cho các khu vực riêng biệt trên trang web của mình, nơi bạn có thể không cần tất cả các kiểu. Ví dụ: nếu bạn có ứng dụng web, có thể bạn không cần tải tất cả các kiểu khi mọi người truy cập trang chủ của bạn, khi họ thậm chí chưa đăng nhập vào ứng dụng của bạn. Chỉ cần tạo một tệp khác và chỉ nhập những kiểu bạn cần
Bạn sẽ sử dụng truy vấn phương tiện như thế nào trong phương pháp ưu tiên thiết bị di động?
Xem câu trả lời
Ẩn câu trả lời
Ngày nay không có cách nào để tránh những điều này, mọi người đều mong muốn trang web của họ hoạt động trên thiết bị di động, ngay cả khi họ không yêu cầu cụ thể về điều đó
Cách tiếp cận phổ biến nhất là mobile-first. Tất cả các kiểu bên ngoài truy vấn phương tiện đều được nhắm mục tiêu vào thiết bị di động. Sau đó, thông qua các truy vấn phương tiện lớn hơn dần dần, bạn có thể tạo kiểu cho màn hình lớn hơn từng bước một
Giải thích kịch bản bạn sẽ sử dụng translate[] thay vì định vị tuyệt đối?
Xem câu trả lời
Ẩn câu trả lời
Translate là một giá trị của biến đổi CSS. Việc thay đổi biến đổi hoặc độ mờ không kích hoạt chỉnh lại dòng hoặc vẽ lại trình duyệt nhưng kích hoạt các thành phần; . Biến đổi khiến trình duyệt tạo lớp GPU cho phần tử nhưng việc thay đổi thuộc tính định vị tuyệt đối sẽ sử dụng CPU. Do đó translate[] hiệu quả hơn và sẽ dẫn đến thời gian vẽ ngắn hơn để có hoạt ảnh mượt mà hơn. Khi sử dụng translate[], phần tử vẫn chiếm không gian ban đầu của nó [đại loại là vị trí. tương đối], không giống như trong việc thay đổi vị trí tuyệt đối
Sự khác biệt giữa khả năng hiển thị bị ẩn và không hiển thị là gì?
Xem câu trả lời
Ẩn câu trả lời
trưng bày. none xóa phần tử khỏi luồng bố cục bình thường và cho phép các phần tử khác điền vào. hiển thị. thẻ ẩn được hiển thị, chiếm dung lượng trong quy trình bình thường nhưng không hiển thị. trưng bày. không gây ra phản xạ DOM ở đâu khả năng hiển thị. ẩn không