Figure Html Là Gì

  -  

HTML không có bộ phận nào được cho phép cnhát hình hình ảnh cùng với phụ đề. Vấn đề này từng được khuyến nghị một lần (xin coi HTML3), nhưng lại không bao giờ được đưa vào HTML4. Đây là một trong những phương pháp để tế bào bỏng một phần tử hình ảnh nhỏng vậy:




Bạn đang xem: Figure html là gì

*
Scale mã sản phẩm of the Eiffel tower in Parc Mini-France
khi kia, vào bảng mẫu mã các bạn áp dụng lớp “figure” nhằm định những thiết kế hình ảnh theo cách bạn muốn. Ví dụ, để hình hình họa trôi trở về bên cạnh đề xuất, vào một khoảng trống bởi khoảng tầm 25% độ rộng của những đoạn bao phủ, áp dụng những luật lệ này sẽ có được hiệu quả:

div.figure float: right; width: 25%; border: thin silver solid; margin: 0.5em; padding: 0.5em;div.figure p text-align: center; font-style: italic; font-size: smaller; text-indent: 0;Thực tế, chỉ có hai knhì báo đầu tiên (trôi với độ rộng) là quan trọng, phần sót lại chỉ nhằm tô điểm.


Điều chỉnh Phần Trăm hình ảnh

Có một vấn đề ở đây sẽ là hình hình họa rất có thể quá rộng. Trong ngôi trường hợp này, hình hình họa bắt buộc luôn rộng lớn 136 px với DIV là 25% của chữ bao phủ. Nên nếu khách hàng thu thanh mảnh cửa sổ, rất có thể khiến hình ảnh tan tràn DIV (thử xem!).

Nếu chúng ta biết phạm vi của toàn bộ các hình hình ảnh vào tài liệu, chúng ta có thể nhập một phạm vi về tối thiểu mang đến DIV, như thế này:

DIV.figure min-width: 150px;Một cách khác là từ điều chỉnh xác suất của hình hình ảnh. Đó là các thứ công ty chúng tôi có tác dụng với hình hình ảnh phía bên bắt buộc ở chỗ này. Như chúng ta có thể thấy nếu bạn làm cửa sổ rất rộng, các hình hình họa JPEG ko kiểm soát và điều chỉnh đẹp mắt được. Nhưng ví như hình hình họa là một trong đồ dùng thị hay một biểu đồ gia dụng cùng với format SVG, thì trên thực tiễn câu hỏi điều chỉnh phần trăm rất đẹp nhất. Đây là lưu lại (mark-up) nhưng mà chúng tôi đang sử dụng:


*
Saint Tropez và its fort in the evening sun

Saint Tropez cùng pháo đài vào hoàng hôn




Xem thêm: Dấu Vết Kiểm Toán ( Audit Trail Là Gì ? Sử Dụng Trong Trường Hợp Nào?

Và đó là bảng mẫu:

div.figure float: right; width: 25%; border: thin silver solid; margin: 0.5em; padding: 0.5em;div.figure p text-align: center; font-style: italic; font-size: smaller; text-indent: 0;img.scaled width: 100%;Phần bổ sung độc nhất chính là luật lệ cuối cùng: Hãy nhằm hình hình ảnh rộng bằng phần phía bên trong DIV (phía bên trong đường viền và đệm lót).


Biển Địa Trung Hải ngay gần Mũi Ferrat


quý khách hàng thậm chí còn hoàn toàn có thể đặt phụ đề lên trên mặt đỉnh, bằng cách mang đến trình để mắt biết hình hình họa đề nghị được định dạng nlỗi một bảng. Chỉ cần thêm các phép tắc vào bảng mẫu mã từ bỏ những phần trước: div.figure p display: table-cell; width: 100%;div.figure p + p display: table-caption; caption-side: top;Dấu "+" khiến cho phép tắc khớp với 1 P theo sau bằng một Phường không giống. Có nghĩa vào ngôi trường đúng theo này nó khớp với Phường trang bị nhị của hình ảnh, Phường này còn có mang prúc đề. (Kỹ thuật này rất có thể mở ra một vài lỗi đối với các trình xem xét cũ rộng, độc nhất vô nhị là khi được kết phù hợp với điều chỉnh Tỷ Lệ hình hình ảnh, nhỏng tôi vẫn làm cho tại chỗ này.)

Bức Ảnh trong XHTML

Đề lộ diện trên (Tháng 1/2003) mang đến XHTML2 bao gồm một trong những phần tử CAPTION, hoàn toàn có thể được thực hiện với OBJECT. Nếu khuyến nghị này được thuận tình, đã không cần thiết phải thực hiện DIV cùng CLASS, tuy vậy, tối thiểu trong XHTML2, chúng ta có thể viết: Scale Model of the Eiffel tower in Parc Mini-France


Xem thêm: Simple Volume Là Gì - Phân Biệt Basic Disk Va Dynamic Disk

Phạm vi hoạt độngKỹ thuật báo cáoMục lụcPhiên dịchPhần mềmTiềm kiếmBên cạnh:Cách thứcCSSGiúp đỡ với gợi ý