Наклонен текст CSS и HTML подходи

В последната статия обсъдихме спецификацията на удебеления текст. В настоящата статия ще говорим за това как да наклоните текст в HTML. Както при получер текст, курсивът може да бъде направен по три начина:

  • i HTML таг;
  • em HTML таг;
  • CSS свойствоfont-style.

Нека разгледаме и трите опции за това как да направим курсив в HTML, да обсъдим тънкостите на този проблем и кои методи са по-удобни и по-правилни за използване в определени ситуации.

Текст в курсив: таг

Тагътi (курсив), подобно на тагаb за удебелен текст, се използва за физическо подчертаване на курсив (което означава, че се променя само стилът на текста). Прилагане на етикетаi :

Така желаната част от текста се поставя между таговете.

Текст в курсив: таг

Въпреки че тагътi все още е валиден, от гледна точка на оптимизацията на сайта е по-добре да използвате тагаem за подчертаване на логически важни части от текста. Това означава, че роботите за търсене вземат предвид важността на текста, поставен между таговете:

Създател на сайтове "Nubex"

Но не забравяйте, че текстът, ограден в таговетеi иem, въпреки че се показват почти еднакво (във всички съвременни браузъри), по своята същност не е съвсем идентичен, както беше отбелязано по-горе. Следователно трябва да използвате тагове според нуждите: използвайте HTML тагаem, за да рамкирате важни части от текста и да приложите визуален курсив, като използвате тагаi или CSS стилове. Нека сега да разгледаме използването на CSS стилове за курсив на текст.

Наклонен текст с CSS

CSS използва свойствотоfont-style, за да зададе стилове за изобразяване на шрифтове.вземете следните стойности:oblique (наклонен текст),italic (курсив) иnormal (нормален шрифт).

Струва си да запомните, че курсивът и курсивът не са еднакви по своята същност. Курсивът е специален шрифт, който е аналогичен на ръкописния текст, а курсивът се образува чрез накланяне на обикновения шрифт надясно.

Използване на атрибутаfont-style на практика:

Но имайте предвид, че някои браузъри може да интерпретират текст сfont-style: oblique; като курсив вместо курсив.