Დასამატებელი ჰორიზონტალური ხაზები დაარღვიოს კონტენტი გვერდზე

როგორ გამოვიყენოთ HR tag for ვებ დოკუმენტი

HR tag ტრადიციულად იქნა გამოყენებული ჰორიზონტალური ხაზის დამატებას (ხანდახან ჰორიზონტალური წესით) ვებ-გვერდზე. ხაზის დასამატებლად, თქვენ აკრიფოთ:


ინსტრუქცია ბრაუზერის ინსტრუქციისთვის, რათა გაეცნოთ ხაზს მთელ სიგანეზე ან მშობლის ელემენტში ნაგულისხმევი პარამეტრების გამოყენებით. ეს სტანდარტული ხაზი მარტივია და ხშირად ემსახურება თავის მიზანს, მაგრამ ატრიბუტებს შეიძლება მიეცეს შეცვალოს ხაზის ზომა, ფერი და პოზიცია სხვა მახასიათებლებს შორის. ჰორიზონტალური ხაზის გარეგნობის შეცვლის მეთოდი შეიცვალა HTML4 და HTML5- ს შორის .

არის ადამიანური საკვანძო სიტყვები?

HTML4- ში HR- ს არ იყო სემანტიკური. სემანტიკური ელემენტები აღწერს მათ მნიშვნელობას ბრაუზერისა და დეველოპერის თვალსაზრისით. HR ტეგი იყო მხოლოდ გზა, რომ დაამატოთ მარტივი ხაზი დოკუმენტი, სადაც თქვენ სურდა. სტილის მხოლოდ ზედა ან ქვედა საზღვარი ელემენტის სადაც თქვენ გინდა ხაზის გამოჩნდება განთავსებული ჰორიზონტალური ხაზი ზედა ან ქვედა ელემენტს, მაგრამ ზოგადად, HR tag იყო ადვილი გამოსაყენებელი ამ მიზნით.

დაწყებით HTML5, HR tag გახდა სემანტიკური, და ახლა განსაზღვრავს პუნქტის დონის თემატური შესვენების, რომელიც შესვენების ნაკადი შინაარსი, რომელიც არ იძლევა ახალ გვერდზე ან სხვა ძლიერი delimiter - ეს არის თემა . მაგალითად, თქვენ შეიძლება მოვძებნოთ HR tag შემდეგ სცენაზე ცვლილება ამბავი, ან მას შეუძლია მიუთითოს შეცვლის თემას მინიშნება დოკუმენტი.

HR ატრიბუტები HTML4 და HTML5

HTML4- ზე, HR tag შეიძლება მინიჭებული მარტივი ატრიბუტებით, მათ შორის "align", "width" და "noshade." განლაგება შეიძლება დაყენებულიყო მარცხნივ, ცენტრში, მარჯვნივ ან გამართლებული. სიგანე მორგებული ჰორიზონტალური ხაზის სიგანე, საწყისი 100 პროცენტიდან, რომელიც მთელს გვერდს გაფართოვდა. Noshade ატრიბუტი მყარი ფერის ხაზის ნაცვლად ფერადი ხაზის ნაცვლად გამოირჩეოდა. ეს ატრიბუტები მოძველებულია HTML5- ში და თქვენ უნდა გამოიყენოთ CSS- ს სტილის თქვენი HR ტეგები HTML5- ში. მაგალითად, HTML 4:


ქმნის ჰორიზონტალურ ხაზს სიმაღლე 10 პიქსელით.

CSS- ის გამოყენებით HTML5, ჰორიზონტალური ხაზი, რომელიც 10 პიქსელით მაღალია:


სტილი თქვენი ჰორიზონტალური ხაზის გამოყენებით CSS- ი გაძლევთ ბევრ თავისუფლებას შექმნას თქვენი ვებ-გვერდი. თქვენ შეგიძლიათ ნახოთ ბევრი მაგალითი სტილის HR tags ამ სტილის HR Tag მუხლი. მხოლოდ სიგანე და სიმაღლე სტილის ყველა თანმიმდევრული ყველა ბრაუზერის, ასე რომ ზოგიერთი სასამართლო პროცესი და შეცდომა შეიძლება საჭირო, როდესაც გამოყენებით სხვა სტილის. ნაგულისხმევი სიგანე ყოველთვის ვებ-გვერდის ან მშობლის ელემენტის სიგანე 100 პროცენტია. წესის ნაგულისხმევი სიმაღლე ორი პიქსელია.