InternetThiết kế Web

Khối thẻ HTML layout div

Ngay cả mấy chục năm về trước trong runet thường được sử dụng cái gọi là bố trí dạng bảng. Do thực tế rằng các tiêu chuẩn của một số trình duyệt là khác nhau đáng kể với nhau, chúng tôi đã phải tìm một giải pháp mà đúng sẽ hiển thị các tài liệu trực tuyến trong tất cả các ứng dụng. Nhưng khi thời gian trôi đi, phát triển các tiêu chuẩn, và để thay thế bảng khá cứng nhắc và không linh hoạt đến tốt và đáp ứng biến bố trí khối. Tại vị trí hàng đầu của công nghệ này là nguyên tắc của việc sử dụng các yếu tố

. HTML tài liệu trong phần lớn được xây dựng trên cơ sở khối cá nhân, trong đó, bố trí bảng không giống như có thể độc lập với nhau.

sự xuất hiện

Sự phức tạp ngày càng tăng của các trang web và sự phát triển của công nghệ máy tính đã dẫn đến thực tế là tài liệu web đã được chia thành hai phần - khung (HTML-code) và thiết kế (style sheets). Với điều này đạt được sự phát triển chưa từng thấy của các trang web, kết quả mà chúng ta hiện nay có thể chiêm ngưỡng trên hầu hết các trang web. Ngoài việc cải thiện

quá trình phát triển HTML cho phép để xác định cho từng yếu tố riêng lẻ của quy tắc thiết kế của họ. Điều này đã giúp cải thiện khả năng đọc của các trang web và giảm thời gian tài liệu tải về. Bây giờ công cụ tìm kiếm nhanh hơn nhiều và tốt hơn xử lý thông tin có sẵn trên trang web.

Tiêu chuẩn và xác nhận

tag trong HTML được sử dụng trong việc tuân thủ nghiêm ngặt theo các tiêu chuẩn W3C (World Wide Web Consortium). Kiểm tra mã nguồn trang web đã tổ chức một công cụ đặc biệt - validator, mà phân tích (quét và tìm kiếm) tất cả các loại lỗi trên trang. Trang có giá trị có nghĩa là tất cả các thẻ đã được sử dụng đúng cách và đáp ứng đầy đủ các yêu cầu của tiêu chuẩn này.

thẻ cho phép bạn tạo khối, hoặc khi chúng được gọi là container. Các yếu tố cá nhân có thể được lồng vào nhau, từ đó tạo cấu trúc và cấu hình cần thiết phức tạp. Sử dụng thẻ
nhận dạng lớp sau chuyến đi thực tế hoặc không xảy ra. Nguyên nhân là do yếu tố "vô danh". Nếu anh ta không gán một lớp, cuối cùng, tất cả các container sẽ có cấu hình giống hệt nhau.

Để tạo ra một thực sự đúng tài liệu, bạn phải sử dụng cấu trúc thẻ sau của thẻ

class = «một to_imya". Bật tên của lớp trong stylesheet, bạn có thể xác định vị trí, kích thước, và các thông số khác của cách tổng hợp một khối duy nhất trong tài liệu.

Sử dụng lớp và ID

Chặn

HTML có thể được định nghĩa là một định danh id, lớp và lớp. Không giống như người đầu tiên thứ hai là id chỉ được sử dụng một lần trên một trang tài liệu. Có nghĩa là, nó được sử dụng để xác định các yếu tố độc đáo mà không bao giờ lặp lại trong nhiều mã trang. thuộc tính lớp cho phép bạn áp dụng tương tự quy tắc phong cách cho một số yếu tố. Cách tiếp cận này làm đơn giản hóa việc phát triển và hỗ trợ của Bộ luật. Bên cạnh đó, một đối tượng có thể có nhiều lớp. Công nhận đúng đắn của một không gian chia sẻ.

Một cách tự nhiên, cấu trúc khối của tài liệu nào không bao hàm việc sử dụng duy nhất một thẻ

. Cấu trúc của bất kỳ trang web sẽ luôn luôn được các yếu tố khác. Bên cạnh đó, bản thân nó chặn
yếu tố có thể có một loại khác nhau của màn hình. Này được thực hiện bằng cách sử dụng màn hình bất động sản. Các yếu tố có thể là một chuỗi hoặc một bảng hiển thị, có thể làm tăng đáng kể sự linh hoạt của việc sử dụng của đơn vị và tạo một trang web của bất kỳ cấu hình.

thẻ. HTML thuộc tính

Như đã đề cập ở trên, thẻ không thay đổi đoạn bố trí trang và sử dụng để tạo ra một cấu trúc ngữ nghĩa với việc đăng ký tiếp theo, theo style sheets. Sử dụng một thẻ đóng cho các phần tử này là bắt buộc.

Mặc dù thực tế rằng nhiều trình duyệt hiện đại sẽ có thể nhận ra một sai lầm như vậy, trong một số trường hợp, thẻ không khép kín có thể gây ra "razvalivanie" cấu trúc tài liệu và thất bại hiển thị của nó.

Từ yếu tố này là một khối, sau đó trong phạm vi mà nó chứa đựng nội dung sẽ bắt đầu với một dòng mới. Để sửa đổi hành vi này phải thay đổi đơn vị hiển thị hiển thị các thông số tài sản. Bên cạnh đó nhóm yếu tố lồng nhau

thẻ cho phép bạn định dạng bố cục của nội dung bên trong nó. Nó sử dụng các thuộc tính align, thông qua đó bạn có thể đặt văn bản hoặc hình ảnh trên bên trái, bên phải, hoặc trung tâm của phần tử cha mẹ.

khối định vị

Sử dụng các thuộc tính vị trí cho phép bạn thay đổi phương pháp định vị mục đã chọn. Vì vậy, có ba loại vị trí:

  • Tĩnh (static) - mặc định. Trong trường hợp này, nguyên tố này là phù hợp với vị trí trong mã HTML.
  • Tương đối (tương đối). Trong trường hợp này, vị trí của các đối tượng được tính theo cách tương tự như trong trường hợp của vị trí tĩnh, nhưng tính năng này cho phép bạn thay đổi vị trí cho trẻ em.
  • Absolute (tuyệt đối). Vị trí của ông được tính toán liên quan đến các yếu tố với vị trí tương đối.

các thuộc tính khác

thuộc tính phía trên và bên trái được sử dụng để thay đổi vị trí tương ứng với điểm xuất xứ. Giá trị có thể cả tích cực lẫn tiêu cực. Chiều rộng và chiều cao của phần tử khối thuộc tính chiều rộng định nghĩa và chiều cao tương ứng. Nếu họ không được quy định trong bảng phong cách, đơn vị sẽ mất toàn bộ chiều rộng của phần tử cha mẹ. Nếu nội dung khối không phù hợp trên "mẹ" width, sau đó hành vi của một nguyên tố được xác định bởi tràn thuộc tính.

Chúng tôi hy vọng bài viết này đã giúp để đối phó với những câu hỏi về những gì một

trong HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 vi.atomiyme.com. Theme powered by WordPress.