```javascript

var div = document.querySelector('div');

console.log(div.dataset.name); // 输出 "John"

console.log(div.dataset.age); // 输出 "30"

div.dataset.age = 31;

console.log(div.dataset.age); // 输出 "31"

```

通过`dataset`属性，我们可以直接访问和修改自定义属性，其中`dataset.name`表示`data-name`属性的值。

三、国产编程软件有哪些

目前国内比较流行的编程软件有多种，以下是其中几个常见的：

1. WebStorm

WebStorm是一款基于JavaScript编写的IDE，集成了许多常用的开发工具和功能，例如代码高亮、代码补全、调试工具、版本控制等。它支持多种前端框架和库，包括React、Vue、Angular等。WebStorm也包括了HTML和CSS的支持，可以轻松创建和编辑网站页面。

2. HBuilder

HBuilder是一款中文编程软件，适用于前端和移动开发。它包括了多种工具和插件，可以轻松创建HTML、CSS和JavaScript代码。HBuilder也支持Hybrid移动应用开发，可以快速创建Android和iOS应用程序。

3. VS Code

VS Code是由Microsoft开发的免费开源代码编辑器，支持多种编程语言和技术，包括HTML、CSS、JavaScript、TypeScript等。它可以通过扩展来增强其功能，例如Git版本控制、自动补全、调试工具等。VS Code也提供了许多内置的HTML和CSS编辑器，可以轻松创建和编辑网站页面。

4. Dreamweaver

Dreamweaver是一款可视化网页编辑器，由Adobe公司开发。它支持多种网页开发技术，包括HTML、CSS、JavaScript、PHP等。Dreamweaver提供多种视图，包括代码视图、设计视图和拆分视图，可以轻松创建和编辑网站页面和其他网页内容。此外，它也支持在线CMS集成和FTP上传等功能。

总结

HTML和HTML5自定义标签属性是网页开发中必须掌握的核心内容之一。在国内，一些常见的编程软件，例如WebStorm、HBuilder、VS Code和Dreamweaver等，可以提供多种工具和插件，帮助开发者轻松创建和编辑网站页面和其他网页内容。这些软件提供了方便的操作和快速的开发过程，帮助开发者更好地实现自己的创意和构建更好的网站。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/