Tag Selection Guide
Learn how to use tag selection to focus your element scanning on specific HTML elements
What is Tag Selection?
Tag selection allows you to specify which HTML elements you want to extract from a web page. Instead of scanning all elements (which can result in hundreds of irrelevant results), you can focus on specific element types that are most relevant for test automation.
Focused Results
Get only the elements you need for your test automation
Faster Processing
Reduced scan time by processing fewer elements
Better Organization
Results organized by element type for easier analysis
Available Tag Categories
Form Elements
Elements commonly used in forms and user input.
- input
Text fields, buttons, checkboxes, radio buttons
- button
Clickable buttons and submit elements
- select
Dropdown menus and selection lists
- textarea
Multi-line text input areas
- label
Form field labels and descriptions
- form
Form containers and wrappers
Interactive Elements
Elements that provide navigation and user interaction.
- a
Links and navigation elements
- iframe
Embedded content frames
- details
Expandable content sections
- summary
Summary elements for details sections
Media Elements
Elements for multimedia content and rich media.
- audio
Audio playback elements
- video
Video playback elements
- canvas
Drawing and graphics elements
Table Elements
Elements for displaying tabular data and structured content.
- table
Data table containers
- tr
Table rows
- td
Table data cells
- th
Table header cells
- thead
Table header sections
- tbody
Table body sections
How to Use Tag Selection
Step-by-Step Process
- 1. Open Element Insight Panel
Press Ctrl+Alt+E or click the Element Insight icon in the Activity Bar
- 2. Enter Target URL
Provide the website URL you want to analyze
- 3. Expand Tag Selection Section
Click on 'Tag Selection' to reveal the available options
- 4. Select Desired Tags
Check the boxes for the element types you want to extract
- 5. Click Scan
The extension will extract only the selected element types
Best Practices
For Form Testing
When testing forms and user input functionality:
- Select Form Elements
input, button, select, textarea, label, form
- Focus on Interactive Elements
Prioritize elements users interact with
- Include Labels
Labels help identify form fields
For Navigation Testing
When testing navigation and links:
- Select Interactive Elements
a, button, input[type='submit']
- Include Media Elements
iframe for embedded content
- Consider Details
details and summary for expandable content
Performance Tips
Optimize Scan Speed
- Select Fewer Tags
Choose only the elements you need
- Avoid Text Elements
p, span, div can generate many results
- Focus on Interactive Elements
Prioritize elements for test automation
Quality Results
- Use Specific URLs
Target specific pages rather than entire sites
- Test Different Combinations
Experiment with different tag selections
- Review Results
Check that selected elements are relevant
Common Use Cases
Use Case | Recommended Tags | Expected Results |
---|---|---|
Login Form Testing | input, button, form, label | Username/password fields, submit buttons |
Navigation Testing | a, button | Links, navigation buttons |
Data Entry Forms | input, select, textarea, label | Form fields, dropdowns, text areas |
Content Verification | table, tr, td, th | Data tables and structured content |
Media Testing | audio, video, canvas | Media players and interactive content |
Next Steps
Element Scanning Guide
Learn more about the element scanning process and how to interpret results.
Element Scanning GuideExport Options Guide
Discover how to export your scanned elements to various formats and frameworks.
Export Options Guide