Веб-құжат үшін HR тегтерін қалай пайдалануға болады
HR тегі дәстүрлі түрде веб-құжатқа көлденең сызықты (кейде көлденең ереже деп аталады) қосу үшін пайдаланылды. Жолды қосу үшін сіз браузерге әдепкі параметрлерді пайдаланып, беттің толық ені немесе сызығы бойымен сызық салуды үйрету үшін
деп теріңіз. Бұл әдепкі сызық қарапайым және жиі өз мақсатына қызмет етеді, бірақ атрибуттар басқа сипаттамалар арасында сызықтың өлшемін, түсі мен орнын өзгерту үшін тағайындалуы мүмкін. Көлденең сызықтың көрінісін өзгерту әдісі HTML4 және HTML5 арасында өзгерді.
HR Tag Semantic ма?
HTML4-де HR тегті семантикалық емес еді. Семантикалық элементтер браузердің тұрғысынан мағынасын сипаттайды және әзірлеуші оңай түсінеді. HR тегтері құжатқа қарапайым сызықты қосудың қарапайым жолы болды. Элементтің жоғарғы немесе төменгі шекарасын ғана сызықтың пайда болуын қалайтын элементтің үстіңгі немесе астыңғы жағында көлденең сызықты орналастырыңыз, бірақ тұтастай алғанда HR тегі осы мақсатта қолдануға жеңілірек болды.
HTML5-тен бастап, HR тегтері семантикалық болды және енді жаңа парақты немесе басқа да күшті бөлгішке кепілдеме бермейтін мазмұн ағынын үзу болып табылатын еже деңгейіндегі тақырыптық үзілімді анықтайды - бұл тақырыптың өзгеруі . Мысалы, оқиғадағы сценарий өзгергеннен кейін HR тегін таба аласыз немесе сілтеме құжатында тақырыпты өзгертуді көрсете аласыз.
HTML4 және HTML5 ішіндегі HR төлсипаттары
HTML4-де HR тегіне «туралау», «ені» және «нояза» сияқты қарапайым атрибуттар тағайындалуы мүмкін. Тігінен солға, орталыққа, оңға немесе дәлелдеуге болады. Ені көлденең сызықтың енін әдепкі 100 пайыздан бастап, беттің бойымен сызықты кеңейтеді. Noshade төлсипаты көлеңкелі түстің орнына қатты түсті сызықты көрсетті. Бұл атрибуттар HTML5-те ескірген және HTML-тегі HR тегтеріңізді стильдеу үшін CSS-ды пайдалануыңыз қажет. Мысалы, HTML 4:
10 пиксел биіктігімен көлденең сызық жасайды.
CSS-пен HTML5-ні пайдалана отырып, 10 пикселге дейінгі көлденең сызық келесідей:
Сіздің көлденең сызықты стильдеу үшін CSS-ні пайдалану сіздің веб-бетті жобалауда үлкен еркіндік береді. Бұл Стильдегі HR тегтеріндегі HR тегтері үшін мәнерлердің көптеген мысалдарын көруге болады. Тек ен және биіктік мәнерлері барлық браузерлерде сәйкес келеді, сондықтан кейбір стильдерді пайдалану кезінде кейбір сынақ және қате қажет болуы мүмкін. Әдепкі ені әрқашан веб-бетте немесе еншілес элементінің ені 100 пайызды құрайды. Ереженің әдепкі биіктігі - екі пиксел.