Hướng dẫn html css, javascript interview questions interviewbit - html css, câu hỏi phỏng vấn javascript phỏng vấn

Bài viết này bao gồm các câu hỏi HTML và HTML5 thường gặp nhất được hỏi trong các cuộc phỏng vấn.HTML and HTML5 questions asked in interviews.

Show

Giới thiệu

Trước khi bắt đầu với các câu hỏi phỏng vấn về ngôn ngữ HTML, trước tiên hãy đi qua HTML, HTML là gì, cơ hội nghề nghiệp mà nó cung cấp, v.v.

HTML là viết tắt của ngôn ngữ đánh dấu siêu văn bản. Đây là một ngôn ngữ định dạng văn bản tiêu chuẩn được sử dụng để phát triển các trang web được phát hành vào năm 1993. HTML là ngôn ngữ được trình duyệt giải thích và nó cho trình duyệt biết những gì cần hiển thị và cách hiển thị.

HTML là một ngôn ngữ quan trọng để tìm hiểu nếu bất cứ ai muốn làm việc trong lĩnh vực phát triển web [nhà thiết kế web, nhà phát triển web]. Chỉ riêng HTML là không đủ cho nhà phát triển web vì HTML chỉ xác định cấu trúc của dữ liệu sẽ được hiển thị trên trình duyệt trong trang web, để làm cho nó hấp dẫn và làm cho nó hoạt động, chúng tôi sẽ cần sử dụng CSS và JavaScript. & nbsp;important language to learn if anyone wants to work in the web development domain [Web designers, Web Developers]. HTML alone is not sufficient for a web developer because HTML only defines the structure of the data that will be rendered on the browser in a webpage, to make it visually appealing and to make it functional, we will need to use CSS and Javascript respectively. 

Phiên bản mới nhất của HTML là HTML5. Có hai thành phần chính trong ngôn ngữ, thẻ và thuộc tính HTML. Hình ảnh dưới đây hiển thị một số thẻ và thuộc tính HTML cơ bản.

Hướng dẫn html css, javascript interview questions interviewbit - html css, câu hỏi phỏng vấn javascript phỏng vấn

1. Các thẻ và phần tử HTML có giống nhau không?

Không. Các phần tử HTML được xác định bởi thẻ bắt đầu, có thể chứa một số nội dung và thẻ đóng. Ví dụ, tiêu đề 1 là phần tử HTML nhưng chỉ là thẻ bắt đầu và là thẻ đóng.

2. Thẻ và thuộc tính trong HTML là gì?

Thẻ là thành phần chính của HTML xác định cách thức nội dung sẽ được cấu trúc/ định dạng, trong khi các thuộc tính được sử dụng cùng với các thẻ HTML để xác định các đặc điểm của phần tử. Ví dụ, các câu hỏi phỏng vấn, trong đó, ‘Align, là thuộc tính sử dụng mà chúng tôi sẽ sắp xếp đoạn văn để hiển thị ở trung tâm của chế độ xem.

3. Các phần tử vô hiệu trong HTML là gì?

Các phần tử HTML không có thẻ đóng hoặc không cần phải đóng là các phần tử vô hiệu. Ví dụ ,, v.v.

4. Ưu điểm của việc sụp đổ không gian trắng là gì?

Trong HTML, một chuỗi các ký tự khoảng trắng trống được coi là một ký tự không gian duy nhất, bởi vì trình duyệt thu gọn nhiều không gian vào một ký tự không gian và điều này giúp nhà phát triển thụt dòng văn bản mà không phải lo lắng về nhiều không gian và duy trì khả năng dễ đọc và khả năng hiểu của HTML mã.

5. Các thực thể HTML là gì?

Trong HTML, một số ký tự được bảo lưu như ‘,,’/, v.v. Để sử dụng các ký tự này trong trang web của chúng tôi, chúng tôi cần sử dụng các thực thể ký tự gọi là các thực thể HTML. Dưới đây là một vài ánh xạ giữa ký tự dành riêng và đặc tính thực thể tương ứng của nó được sử dụng.

Tính cáchTên thực thểSố thực thể
<& lt;<
>& gt;>
Không có giá trị& amp;&
(không gian không phá vỡ) vd. 10 & nbsp; PM& nbsp; Ví dụ. 10 & NBSP & NBSPPM 

6. Các loại danh sách khác nhau trong HTML là gì?

Hướng dẫn html css, javascript interview questions interviewbit - html css, câu hỏi phỏng vấn javascript phỏng vấn

7. Thuộc tính ‘lớp trong HTML là gì?

Thuộc tính lớp được sử dụng để chỉ định tên lớp cho phần tử HTML. Nhiều phần tử trong HTML có thể có cùng một giá trị lớp. Ngoài ra, nó chủ yếu được sử dụng để liên kết các kiểu được viết trong bảng kiểu với các phần tử HTML.

8. Sự khác biệt giữa thuộc tính ‘ID và thuộc tính‘ lớp của các phần tử HTML là gì?

Nhiều phần tử trong HTML có thể có cùng một giá trị lớp, trong khi giá trị của thuộc tính ID của một phần tử không thể được liên kết với phần tử HTML khác.

9. Xác định dữ liệu biểu mẫu đa dạng?

Dữ liệu biểu mẫu đa điểm là một trong những giá trị của thuộc tính Enctype. Nó được sử dụng để gửi dữ liệu tệp đến phía máy chủ để xử lý. Các giá trị hợp lệ khác của thuộc tính Enctype là văn bản/plain và Ứng dụng/x-www-form-urlencoded.

10. Mô tả cấu trúc bố trí HTML.

Mỗi trang web có các thành phần khác nhau để hiển thị nội dung dự định và UI cụ thể. Tuy nhiên, vẫn có một vài điều được tạo ra và được chấp nhận trên toàn cầu để cấu trúc trang web, chẳng hạn như:

  • : Lưu trữ thông tin bắt đầu về trang web.: Stores the starting information about the web page.
  • : Đại diện cho phần cuối cùng của trang.: Represents the last section of the page.
  • : Menu điều hướng của trang HTML.: The navigation menu of the HTML page.
  • : Đó là một tập hợp các thông tin.: It is a set of information.
  • : Nó được sử dụng bên trong khối bài viết để xác định cấu trúc cơ bản của một trang.: It is used inside the article block to define the basic structure of a page.
  • : Nội dung thanh bên của trang.: Sidebar content of the page.

11. Làm thế nào để tối ưu hóa tài sản trang web tải?

Để tối ưu hóa thời gian tải trang web, chúng tôi cần tối ưu hóa tải tài sản của nó và cho điều đó:

  • Lưu trữ CDN - Mạng phân phối nội dung hoặc CDN là các máy chủ phân phối theo địa lý để giúp giảm độ trễ. - A CDN or content delivery network is geographically distributed servers to help reduce latency.
  • Nén tệp - Đây là một phương pháp giúp giảm kích thước của một tài sản để giảm truyền dữ liệu - This is a method that helps to reduce the size of an asset to reduce the data transfer
  • Tệp Concatenation - Điều này làm giảm số lượng cuộc gọi HTTP - This reduces the number of HTTP calls
  • Minify tập lệnh - Điều này làm giảm kích thước tệp tổng thể của các tệp JS và CSS - This reduces the overall file size of js and CSS files
  • Tải xuống song song - Tài sản lưu trữ trong nhiều tên miền phụ có thể giúp bỏ qua giới hạn tải xuống của 6 tài sản trên mỗi miền của tất cả các trình duyệt hiện đại. Điều này có thể được cấu hình nhưng hầu hết người dùng chung không bao giờ sửa đổi các cài đặt này. - Hosting assets in multiple subdomains can help to bypass the download limit of 6 assets per domain of all modern browsers. This can be configured but most general users never modify these settings.
  • Lazy Loading - Thay vì tải tất cả các tài sản cùng một lúc, các tài sản không quan trọng có thể được tải trên cơ sở cần thiết. - Instead of loading all the assets at once, the non-critical assets can be loaded on a need basis.

12. Các thẻ định dạng khác nhau trong HTML là gì?

& NBSP; HTML có nhiều thẻ định dạng khác nhau:

  • - làm cho văn bản táo bạo - makes text bold
  • - Làm văn bản in nghiêng - makes text italic
  • - Làm cho văn bản in nghiêng nhưng có thêm tầm quan trọng về ngữ nghĩa - makes text italic but with added semantics importance
  • - Tăng kích thước phông chữ của văn bản lên một đơn vị - increases the font size of the text by one unit
  • - Giảm kích thước phông chữ của văn bản bởi một đơn vị - decreases the font size of the text by one unit
  • - Làm cho văn bản thành một chỉ số - makes the text a subscript
  • - Làm cho văn bản trở thành siêu mô tả - makes the text a superscript
  • - Hiển thị dưới dạng văn bản tấn công - displays as strike out text
  • - đánh dấu văn bản là quan trọng - marks the text as important
  • - Làm nổi bật văn bản - highlights the text
  • - Hiển thị dưới dạng văn bản được thêm - displays as added text

13. Các loại doctypes khác nhau có sẵn là gì?

Ba loại doctypes có sẵn:

  • Nghiêm ngặt doctype & nbsp;
  • DOCTYPE chuyển tiếp
  • Frameset Doctype

14. Vui lòng giải thích làm thế nào để chỉ ra bộ ký tự đang được sử dụng bởi một tài liệu trong HTML?

Bộ ký tự được xác định trong TAG bên trong phần tử.

html>
<html>
 <head>
   <meta charset="UTF-8">
   ...
   ...
 head>
 ...
html>

15. Sự khác biệt giữa, thẻ và, thẻ là gì?

Hiệu ứng trên một trang web thông thường của các thẻ, & nbsp; và, là như nhau. và các thẻ là viết tắt của in đậm và in nghiêng. Hai thẻ này chỉ áp dụng kiểu chữ và thẻ in đậm, chỉ cần thêm nhiều mực vào văn bản, các thẻ này không nói gì về văn bản.

Trong khi đó, và các thẻ đại diện cho khoảng của văn bản có tầm quan trọng mạnh mẽ hoặc tầm quan trọng hơn và ứng suất nhấn mạnh tương ứng so với phần còn lại của văn bản. Những thẻ này có ý nghĩa ngữ nghĩa.

16. Ý nghĩa của và thẻ trong HTML là gì?

Tag cung cấp thông tin về tài liệu. Nó phải luôn luôn được đặt trong thẻ. Thẻ này chứa siêu dữ liệu về trang web và các thẻ được đặt bởi thẻ đầu như ,, v.v. không được hiển thị trên trang web. Ngoài ra, chỉ có thể có 1 thẻ trong toàn bộ tài liệu HTML và sẽ luôn luôn trước thẻ.

Tag xác định phần thân của tài liệu HTML. Nó phải luôn luôn được đặt trong thẻ. Tất cả các nội dung cần được hiển thị trên trang web như hình ảnh, văn bản, âm thanh, video, nội dung, sử dụng các phần tử như ,,,, v.v. sẽ luôn được gắn bởi thẻ. Ngoài ra, chỉ có thể có 1 phần tử cơ thể trong tài liệu HTML và sẽ luôn luôn theo sau thẻ.

17. Chúng ta có thể hiển thị một trang web bên trong một trang web hoặc có thể làm tổ các trang web không?

Có, chúng tôi có thể hiển thị một trang web bên trong một trang web HTML khác. HTML cung cấp một thẻ bằng cách sử dụng mà chúng ta có thể đạt được chức năng này.

<iframe src=”url of the web page to embed” />

18. Tế bào đệm khác với khoảng cách tế bào như thế nào?

Khoảng cách tế bào là không gian hoặc khoảng cách giữa hai ô liên tiếp. Trong khi đó, đệm tế bào là không gian hoặc khoảng cách giữa văn bản/ nội dung của ô và cạnh/ đường viền của ô. Vui lòng tham khảo ví dụ hình trên để tìm sự khác biệt.

19. Làm thế nào chúng ta có thể câu lạc bộ hai hoặc nhiều hàng hoặc cột vào một hàng hoặc cột trong bảng HTML?

HTML cung cấp hai thuộc tính bảng của Rows Rowspan và và Col Colspan để tạo một nhịp ô thành nhiều hàng và cột tương ứng.

20. Có thể thay đổi phần tử nội tuyến thành phần tử cấp khối không?

Có, có thể sử dụng thuộc tính hiển thị trên mạng với giá trị của nó là khối khối, để thay đổi phần tử nội tuyến thành phần tử cấp khối.

21. Trong bao nhiêu cách chúng ta có thể định vị một phần tử HTML? Hoặc các giá trị cho phép của thuộc tính vị trí là gì?

Chủ yếu có 7 giá trị của thuộc tính vị trí có thể được sử dụng để định vị phần tử HTML:

  1. tĩnh: giá trị mặc định. Ở đây phần tử được định vị theo luồng thông thường của tài liệu.: Default value. Here the element is positioned according to the normal flow of the document.
  2. Tuyệt đối: Ở đây phần tử được định vị so với phần tử cha của nó. Vị trí cuối cùng được xác định bởi các giá trị của trái, phải, trên cùng, dưới cùng.: Here the element is positioned relative to its parent element. The final position is determined by the values of left, right, top, bottom.
  3. Đã sửa: Điều này tương tự như tuyệt đối ngoại trừ ở đây các phần tử được định vị so với phần tử.: This is similar to absolute except here the elements are positioned relative to the element.
  4. tương đối: Ở đây, phần tử được định vị theo luồng thông thường của tài liệu và được định vị so với vị trí ban đầu/ bình thường.: Here the element is positioned according to the normal flow of the document and positioned relative to its original/ normal position.
  5. Ban đầu: Điều này đặt lại thuộc tính về giá trị mặc định của nó.: This resets the property to its default value.
  6. kế thừa: ở đây phần tử kế thừa hoặc lấy thuộc tính của cha mẹ của nó.: Here the element inherits or takes the property of its parent.

22. Trong bao nhiêu cách bạn có thể hiển thị các yếu tố HTML?

  1. nội tuyến: Sử dụng điều này, chúng tôi có thể hiển thị bất kỳ phần tử cấp khối nào dưới dạng phần tử nội tuyến. Các giá trị thuộc tính chiều cao và chiều rộng của phần tử sẽ không ảnh hưởng.: Using this we can display any block-level element as an inline element. The height and width attribute values of the element will not affect.
  2. Khối: Sử dụng điều này, chúng ta có thể hiển thị bất kỳ phần tử nội tuyến nào dưới dạng phần tử cấp khối. & NBSP;: using this, we can display any inline element as a block-level element. 
  3. Nội tuyến: Thuộc tính này tương tự như nội tuyến, ngoại trừ bằng cách sử dụng màn hình làm khối nội tuyến, chúng ta thực sự có thể định dạng phần tử bằng các giá trị chiều cao và chiều rộng.: This property is similar to inline, except by using the display as inline-block, we can actually format the element using height and width values.
  4. Flex: Nó hiển thị thùng chứa và phần tử như một cấu trúc linh hoạt. Nó theo thuộc tính Flexbox.: It displays the container and element as a flexible structure. It follows flexbox property.
  5. Inline-Flex: Nó hiển thị thùng chứa Flex dưới dạng phần tử nội tuyến trong khi nội dung của nó tuân theo các thuộc tính FlexBox.: It displays the flex container as an inline element while its content follows the flexbox properties.
  6. Lưới: Nó hiển thị các phần tử HTML dưới dạng thùng chứa lưới.: It displays the HTML elements as a grid container.
  7. Không: Sử dụng thuộc tính này, chúng tôi có thể ẩn phần tử HTML.: Using this property we can hide the HTML element.

Dưới đây là một số loại hiển thị hiếm khi được sử dụng:

  1. bàn
  2. inline-table
  3. table-cell
  4. table-column
  5. table-row
  6. inline-grid
  7. list-item
  8. thừa kế
  9. ban đầu
  10. table-caption

23.

Khi chúng ta sử dụng thuộc tính Tầm nhìn của Tầm nhìn: Hidden, đối với phần tử HTML thì phần tử đó sẽ bị ẩn khỏi trang web nhưng vẫn chiếm không gian. Trong khi đó, nếu chúng ta sử dụng hiển thị trên mạng: không có thuộc tính nào của một phần tử HTML thì phần tử sẽ bị ẩn, và nó cũng sẽ giành được bất kỳ khoảng trống nào trên trang web.

24. Làm thế nào để chỉ định liên kết trong HTML và giải thích thuộc tính đích?

HTML cung cấp thẻ siêu liên kết để chỉ định các liên kết trong trang web. Thuộc tính ‘href, được sử dụng để chỉ định liên kết và thuộc tính‘ mục tiêu được sử dụng để chỉ định, nơi chúng tôi muốn mở tài liệu được liên kết. Thuộc tính ‘mục tiêu có thể có các giá trị sau:

  1. _Self: Đây là một giá trị mặc định. Nó mở tài liệu trong cùng một cửa sổ hoặc tab khi được nhấp.: This is a default value. It opens the document in the same window or tab as it was clicked.
  2. _blank: Nó mở tài liệu trong một cửa sổ hoặc tab mới.: It opens the document in a new window or tab.
  3. _Parent: Nó mở tài liệu trong khung cha.: It opens the document in a parent frame.
  4. _TOP: Nó mở tài liệu trong một cửa sổ toàn thân.: It opens the document in a full-body window.

25. Trong bao nhiêu cách chúng ta có thể chỉ định các kiểu CSS cho phần tử HTML?

Có ba cách mà chúng ta có thể chỉ định các kiểu cho các phần tử HTML:

  • Nội tuyến: Ở đây chúng tôi sử dụng thuộc tính ‘phong cách bên trong phần tử HTML.: Here we use the ‘style’ attribute inside the HTML element.
  • Nội bộ: Ở đây chúng tôi sử dụng thẻ bên trong thẻ. Để áp dụng phong cách, chúng tôi liên kết các phần tử bằng cách sử dụng các thuộc tính id id hoặc ‘class. Here we use the