Bạn có nên sử dụng thẻ hr trong HTML?

Do đó, nó được sử dụng để thêm một đường ngang sau khi bạn thay đổi đột ngột một chủ đề trong trang web của mình hoặc tách các chủ đề riêng lẻ khỏi nhau

Bạn có thể tạo kiểu cho đường ngang này bằng các thuộc tính khác nhau sẽ được thảo luận sau trong bài viết này. Nó là một phần tử cấp khối, nghĩa là nó di chuyển tất cả nội dung sau nó sang dòng tiếp theo

Bạn có thể tham khảo bài viết HR Tag trong HTML để biết thêm thông tin. Nó là một thẻ tự đóng do đó cú pháp của nó chỉ yêu cầu chính thẻ đó. Nội dung được viết ở trên và dưới nó

Ví dụ về thẻ nhân sự trong HTML

Hello, this is Mickey. Welcome to the page



Here, we are seeing the usage of the hr tag in HTML




đầu ra
Thuộc tính thẻ nhân sự HTML
Thẻ nhân sự chấp nhận nhiều thuộc tính để đường ngang có thể được thiết kế đẹp mắt giúp trải nghiệm người dùng tốt hơn. Nó chấp nhận các thuộc tính như WIDTH, ALIGN, COLOR, NOSHADE và SIZE. Hãy cho chúng tôi xem cách chúng tôi sử dụng chúng riêng lẻ với thẻ nhân sự để tạo kiểu cho trang HTML của chúng tôi
Thuộc tính CHIỀU RỘNG
Thuộc tính WIDTH dùng để tăng giảm độ rộng của đường kẻ ngang. Thuộc tính WIDTH có thể được biểu thị bằng pixel hoặc phần trăm. Các tỷ lệ phần trăm này có liên quan đến phần tử gốc của chúng. Ví dụ: nếu chiều rộng của cấp độ gốc là 300px thì 50% sẽ trở thành 150px
Chúng ta hãy xem một ví dụ về việc sử dụng thuộc tính WIDTH với thẻ HR trong HTML





    
Welcome to the page
    

    
A horizontal line with a width of 50%:
    

    
We are here to learn the hr tag in HTML
        

        




        
Let's understand it!
            


            



đầu ra
Do đó, các
thẻ được sử dụng để tạo các đường ngang có độ rộng khác nhau tùy theo nhu cầu của chúng tôi. Tuy nhiên, theo mặc định, đường kẻ ngang chiếm toàn bộ chiều rộng của trang
Thuộc tính COLOR
Thuộc tính COLOR dùng để thay đổi màu của đường kẻ ngang trong HTML. Bạn có thể chỉ định màu bằng cách sử dụng tên màu hoặc sử dụng mã Hex hoặc bằng cách sử dụng các giá trị RGB của màu. Tuy nhiên, theo mặc định, đường kẻ ngang có màu đen
Hãy để chúng tôi xem xét một ví dụ để hiểu nó





    
Welcome to the page

    


    
A horizontal line with blue color

    


    
We are here to learn the hr tag in HTML
        


        


        
Let's understand it!
            

            




đầu ra
Do đó, các



tag dùng để tạo các đường kẻ ngang với nhiều màu sắc khác nhau theo nhu cầu thiết kế của chúng ta
Thuộc tính KÍCH THƯỚC
Thuộc tính SIZE dùng để tăng giảm độ dày, độ cao của đường kẻ ngang trong HTML. Nó chỉ có thể được chỉ định bằng pixel
Hãy để chúng tôi hiểu nó với một ví dụ





    
Welcome to the page

    


    
A horizontal line with blue color and 40px height

    



    
We are here to learn the hr tag in HTML
        


        


        
Let's understand it!
            


            





đầu ra
Do đó, các
thẻ được sử dụng để tạo các đường ngang có kích thước khác nhau theo nhu cầu của chúng tôi
Thuộc tính căn chỉnh
Thuộc tính ALIGN dùng để căn đường kẻ ngang sang trái, phải hoặc chính giữa trang HTML. Tuy nhiên, nếu chiều rộng của đường ngang là 100% thì thuộc tính ALIGN sẽ không gây ra sự khác biệt nào cho đường ngang
Hãy để chúng tôi hiểu nó với một ví dụ





    
Welcome to the page

    


    
A horizontal line with blue color and aligned to the left





    



    
We are here to learn the hr tag in HTML
        


        


        
Let's understand it!
            


            





đầu ra
Do đó, các
thẻ được sử dụng để căn chỉnh các đường ngang sang trái, phải hoặc giữa theo nhu cầu của chúng tôi
Thuộc tính NOSHADE
Thuộc tính NOSHADE dùng để loại bỏ bóng xuất hiện bên dưới đường kẻ ngang trong trang HTML. Đó là một thuộc tính boolean có nghĩa là nếu nó được viết bằng thẻ HR thì một đường kẻ ngang liền nét sẽ được hiển thị nếu không một đường bóng mờ sẽ được hiển thị trên trang HTML
Hãy để chúng tôi hiểu nó tốt hơn bằng cách sử dụng một ví dụ





    
Welcome to the page

    


    
A horizontal line with blue color and aligned to the left

    



    
We are here to learn the hr tag in HTML
        


        


        
Let's understand it!
            


            





đầu ra
Trong đầu ra ở trên, thứ nhất và thứ ba là một đường ngang liền nét trong khi thứ hai và thứ tư là các đường ngang được tô bóng
 

			
HTML HR có bị phản đối không?
			
Tất cả "thuộc tính trình bày" của phần tử hr không được dùng trong HTML 4. 01  và không được hỗ trợ trong XHTML 1. 0 DTD nghiêm ngặt. 
		
			
Tôi có thể sử dụng cái gì thay vì HR trong HTML?
			
Sử dụng  CSS  để thay thế. Thuộc tính chiều rộng trên phần tử hr đã lỗi thời. Sử dụng CSS thay thế. 
		
			
Tôi có nên đóng thẻ nhân sự không?
			
Thẻ  thẻ đóng không bắt buộc .