🔧

HTML标签速查

编程开发 Free Online Tool No Installation Browser Ready

基础标签

文本标签

表单标签

语义标签

媒体标签

About This Tool

HTML标签速查，在线编程开发，无需安装，打开浏览器即可使用。支持HTML标签速查相关操作，数据本地处理，安全可靠，完全免费。

🛡️

Data Security: This tool runs entirely in your browser. All data processing happens locally and is never uploaded to any server.

FAQ

什么是HTML标签速查？ ▼

HTML标签速查是一个在线编程开发，可以帮助您快速完成HTML标签速查相关操作。无需下载安装任何软件，直接在浏览器中即可使用。

HTML标签速查怎么用？ ▼

使用HTML标签速查非常简单：在工具页面中输入或上传需要处理的内容，点击相应按钮即可获得结果。操作完成后可以复制或下载结果。

HTML标签速查安全吗？ ▼

安全。HTML标签速查完全在您的浏览器中运行，所有数据处理都在本地完成，不会上传到任何服务器，请放心使用。

HTML标签速查收费吗？ ▼

不收费。HTML标签速查是一个完全免费的在线工具，无需注册，无使用次数限制。

const htmlTags = { basic: [ { name: '', desc: '定义HTML文档' }, { name: '', desc: '定义文档头部' }, { name: '', desc: '定义文档主体' }, { name: '', desc: '定义文档标题' }, { name: '<meta>', desc: '定义元数据' }, { name: '<link>', desc: '定义外部资源链接' }, { name: '<style>', desc: '定义内部样式' }, { name: '<script>', desc: '定义脚本' } ], text: [ { name: '<h1>-<h6>', desc: '定义标题' }, { name: '<p>', desc: '定义段落' }, { name: '<span>', desc: '定义行内元素' }, { name: '<a>', desc: '定义超链接' }, { name: '<strong>', desc: '定义加粗文本' }, { name: '<em>', desc: '定义强调文本' }, { name: '<br>', desc: '定义换行' }, { name: '<hr>', desc: '定义水平线' }, { name: '<ul>', desc: '定义无序列表' }, { name: '<ol>', desc: '定义有序列表' }, { name: '<li>', desc: '定义列表项' }, { name: '<blockquote>', desc: '定义引用' } ], form: [ { name: '<form>', desc: '定义表单' }, { name: '<input>', desc: '定义输入框' }, { name: '<button>', desc: '定义按钮' }, { name: '<select>', desc: '定义下拉列表' }, { name: '<option>', desc: '定义选项' }, { name: '<textarea>', desc: '定义多行文本框' }, { name: '<label>', desc: '定义标签' }, { name: '<fieldset>', desc: '定义字段集' } ], semantic: [ { name: '<header>', desc: '定义页眉' }, { name: '<nav>', desc: '定义导航' }, { name: '<main>', desc: '定义主要内容' }, { name: '<article>', desc: '定义文章' }, { name: '<section>', desc: '定义区块' }, { name: '<aside>', desc: '定义侧边栏' }, { name: '<footer>', desc: '定义页脚' }, { name: '<details>', desc: '定义详情' } ], media: [ { name: '<img>', desc: '定义图片' }, { name: '<video>', desc: '定义视频' }, { name: '<audio>', desc: '定义音频' }, { name: '<source>', desc: '定义媒体源' }, { name: '<canvas>', desc: '定义画布' }, { name: '<svg>', desc: '定义SVG图形' }, { name: '<iframe>', desc: '定义内嵌框架' }, { name: '<embed>', desc: '定义嵌入内容' } ] }; let currentCategory = 'basic'; function filterCategory(category) { currentCategory = category; document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active')); event.target.classList.add('active'); displayTags(htmlTags[category]); } function displayTags(list) { const container = document.getElementById('tagList'); const search = const filtered = list.filter(t => t.name.toLowerCase().includes(search) || t.desc.toLowerCase().includes(search) ); container.innerHTML = filtered.map(t => ` <div class="tag-item"> <span class="tag-name">${t.name}</span> <span class="tag-desc">${t.desc}</span> </div> `).join(''); } function search() { displayTags(htmlTags[currentCategory]); } displayTags(htmlTags.basic); </body> </html>