Upon downloading the script for a slider show, I encountered no issues. However, after implementing the slideshow, I faced problems with SEO optimization in HTML5. The code included <div u=""> or <img u="">, which resulted in an error message stating that I couldn't use this combination of a div tag with the "u" attribute.
This is the complete script for the slideshow:
<!-- Jssor Slider Begin -->
<!-- To move inline styles to a CSS file/block, please specify a class name for each element. -->
<!-- ================================================== -->
<div id="slider1_container" style="display: none; position: relative; margin: 0 auto;
top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;">
<!-- Loading Screen -->
<div u="loading" style="position: absolute; top: 0px; left: 0px;">
<div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block;
top: 0px; left: 0px; width: 100%; height: 100%;">
</div>
<div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
top: 0px; left: 0px; width: 100%; height: 100%;">
</div>
</div>
<!-- Slides Container -->
<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px; height: 500px; overflow: hidden;">
<div>
<img u="image" src2="../img/1920/red.jpg" />
</div>
<div>
<img u="image" src2="../img/1920/purple.jpg" />
</div>
<div>
<img u="image" src2="../img/1920/blue.jpg" />
</div>
</div>
<!--#region Bullet Navigator Skin Begin -->
<!-- Help: http://www.jssor.com/development/slider-with-bullet-navigator-jquery.html -->
...
I attempted to convert the styling from this code to CSS, but the slider stopped functioning. I only used "class" for styling and removed all the "u" tags. Unfortunately, it did not work after the conversion.
This is the CSS file where I attempted to convert the HTML styles to CSS:
#slider1_container {
display: none;
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1300px;
height: 580px;
overflow: hidden;
}
...
I am still trying to implement this without any HTML errors for SEO optimization on my website.
OUTPUT ERRORS