---
description: Adds additional information to the exported HTML
---

# Add Data Name

The **Add Data Names** option add more details to the exported HTML code.&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LovZGpprM7UeP98RcJp%2F-LovdqSaaZiIgeugpSc-%2Fimage.png?alt=media\&token=728dd021-af8e-4a9e-adb6-a8d2364dcae4)

Default:&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LovZGpprM7UeP98RcJp%2F-LoveT6SJL5hkgszfWJq%2Fimage.png?alt=media\&token=a11aa509-8b9b-4cbb-8df1-45c76d850a12)

Data Names:

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LovZGpprM7UeP98RcJp%2F-LoveB0mHWIShFjO85w1%2Fimage.png?alt=media\&token=01f99599-7b7d-436c-a734-56ecebb854c4)

Data names help you find and compare artboard elements to HTML elements.
