thay thế cho thước kẻ ngang <hr> tag

Question

Tôi đang sử dụng mã bên dưới để tạo thanh ngang. Nó hoạt động trong các phiên bản cũ hơn nhưng không có trong trình khám phá Internet 9. Nó sẽ không hiển thị cho đến khi tôi nhấp vào 'Compatibility View'. Chúng ta có một thay thế cho điều này hoặc nó đã được thay thế?

<hr style="color:#F87431 ; height:7px "/> 

Answer 1

Hãy thử

<hr style="background:#F87431; border:0; height:7px" /> 

Answer 2

HR ở dạng ban đầu, như STRIKE, B, v.v ... quá bố cục và trình bày theo định hướng.

HTML 5 đang di chuyển đánh dấu về phía cấu trúc ngữ nghĩa hơn với nhấn mạnh hơn bố cục được đặt trên CSS và phần tử phương tiện.

Từ các tài liệu W3C:

In HTML 4.01, the <hr> tag represented a horizontal rule. 
In HTML5, the <hr> tag defines a thematic break. 
However, the <hr> tag may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms. 

Vì vậy, bạn chỉ cần phong cách nó lên độc đáo.

Answer 3

Hãy thử một cái gì đó như thế này:

<div style="color:#F87431;height:7px;">-------------------</div> 

Không sử dụng nhân sự khi nó bị phản đối ở giai đoạn này, và chỉ sử dụng inline CSS để thử nghiệm ;-)

Answer 4

Tôi cũng sử dụng div cho mục đích này, chẳng hạn như <div style="width: 100%; height: 7px; background: #F87431; overflow: hidden;">