javascript - html中的数据导航和数据位置是什么

Question

<section id="attorneys" data-navigate="attorneys" data-position="-126">
    <div class="attorneys-content">
        <div class="container">
            <div class="clear clearfix"></div>
            <div class="col-sm-12 ">
                <div class="typography style2 webkit" data-animate="fadeInUp">
                    <i class="fa fa-university" aria-hidden="true"></i>
                    <h3 class="text1">Meet here</h3>
                    <h1 class="text2">Our Attorneys</h1>
                </div>
            </div>
        </div>
    </div>
</section>

代码中数据元素的用途是什么，它们在哪里链接以及如何工作

Answer 1

通常，data- 属性用于为元素赋予额外的含义，并且通常通过 javascript 访问。

可以通过元素上的 getAttribute() 或 dataset 属性检索值。

HTML5 is designed with extensibility in mind for data that should be associated with a particular element but need not have any defined meaning. data-* attributes allow us to store extra information on standard, semantic HTML elements without other hacks such as non-standard attributes, extra properties on DOM, or Node.setUserData().

请参阅此处了解更多信息:

https://developer.mozilla.org/en/docs/Web/Guide/HTML/Using_data_attributes