Създайте обхождане с HTML

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

Интересното е, че първоначално е създадено за браузъра Internet Explorer, а други се научават да го разбират по-късно. Въпреки че обикновено се случва обратно, и браузърът на Microsoft винаги действа като изоставащ, създавайки много проблеми за програмистите.

актуалност

- маркера за обхождане в HTML. Поддържа се от всички текущи версии на браузърите. В това отношение няма проблеми и можете да го използвате безопасно.

От гледна точка на семантиката, обаче, тя се счита за остаряла и вече не е включена в спецификацията на HTML. По този начин кодът, който включва този маркер, няма да премине потвърждаването.

Каква е причината за това? В съвременния HTML няма текущ текст, защото цялата анимация и стилизиране се извършва от CSS. Понякога трябва да използвате JS. Следователно HTML е отговорен само за маркирането. въпреки това Тя ще работи добре благодарение на запазената съвместимост с по-старите версии.

синтаксис

В HTML, пълзящата линия се определя от затварящия маркер:

...

Вътре могат да се поставят не само текст, но и други елементи, например снимки или маси. Спомнете си, че този код, въпреки че е работник, не предава валидността.

Скорост на превъртане

Можете да контролирате текущия ред в HTML, като използвате атрибути. Скоростта на движението се настройва чрез атрибута за превъртане. Тя ще изглежда така:

някакъв текст

Промяната на скоростта се дължи на постоянното премахване на информация за позицията на текста и показването му на ново място. Промяната на стойността в атрибута определя броя на пикселите между старата и новата. Съответно, колкото по-висока е стойността, толкова по-бърза е скоростта. Този атрибут се поддържа от всички браузъри.

Ако скоростта на превъртане е твърде висока, автоматичното ограничение е включено, така че текстът да остане четлив. Ако трябва да заобиколите това ограничение, въведете атрибута truespeed. Имайте предвид, че не всички версии на браузърите го разбират. Работете с него и IE и Firefox.

Забавянето между превъртания текст може да бъде зададено чрез атрибута за превъртане.

Поле за превъртане

Ширината на маркера заема цялата ширина на родителския елемент. А височината ще бъде равна на съдържанието вътре. За да промените това, трябва да използвате два атрибута, които отговарят за височината и ширината. Това е съответно височината и ширината. Можете да използвате пиксели или проценти.

Също така има още два атрибута, а именно hspace и vspace. Те са необходими, за да се създаде празно пространство около текущата линия или по-скоро - вдлъбнатина. Разстоянието е подходящо хоризонтално и вертикално.

Опции за трафика

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

...

В допълнение към хоризонталното превъртане можете да посочите вертикална. За да преместите съдържанието нагоре, използвайте стойността нагоре и за движение надолу - надолу.

За да промените характера на движението, има два интересни и полезни атрибута. Можете да зададете броя на свитъците, след което съдържанието спира в крайната позиция и няма да се движи. Тази собственост съответства на атрибута на цикъл. Стойността по подразбиране е -1. Ако поставите 0, текстът няма да се движи изобщо. Цифровите стойности над 0 ще стартират брояча.

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

Ако съдържанието е малко, можете да зададете атрибута на алтернативна стойност. След достигане на крайната точка съдържанието ще започне да се движи в обратната посока. И така, безкраен брой пъти, ако не е посочен брояч.

Последната стойност е слайд. Той командва съдържанието, за да отиде до края и да спре.

стилове

свободен край Включва атрибута bgcolor, който ви позволява да зададете цвета на фона на низа. По подразбиране е същото като страницата.

За да създадете красива линия, HTML не е достатъчен. Трябва да използвате стилове. Например, ако искаме да направим текста по-красив:

Линията на пълзящите

приложение

Има много начини да използвате текущата линия. Можете просто да използвате текущия текст, за да привлечете вниманието. Възможно е да се направи подобие на информатор, съдържащ голямо количество текст. Можете също така да вмъкнете серия от снимки, които ще се движат гладко. По този начин можете да показвате повече съдържание.

Една пълзяща линия в HTML кода ще ви помогне да създадете проста анимация, ако прилагате анимирана картина, например на изпълняващ се човек.

резултати

Разбрахме как да направим линия в HTML. Това е доста прост метод, който е лесен за учене. Това обаче е остаряло и не предава валидацията. Не се получава по-нататъшно развитие и поддръжка, което може да доведе до проблеми при работа в различни браузъри.

Използвайте го не се препоръчва. За да създадете линия за обхождане или по-скоро анимация като цяло, CSS3 има уникално правило @keyframes. Тя ви позволява да създавате последователни рамки на анимация. И анимационната собственост вече определя потока на самата анимация. Този набор от инструменти осигурява много повече функции, отколкото остарелият маркер . Използването му също е много по-удобно и най-важното - това е, което се търси от много години: изясняване на HTML за ненужните боклуци, за да бъде по-разбираем и структуриран.