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
Interactive

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
Navigation

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
Content

Elements for multimedia content and rich media.

  • audio

    Audio playback elements

  • video

    Video playback elements

  • canvas

    Drawing and graphics elements

Table Elements
Data

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 CaseRecommended TagsExpected Results
Login Form Testinginput, button, form, labelUsername/password fields, submit buttons
Navigation Testinga, buttonLinks, navigation buttons
Data Entry Formsinput, select, textarea, labelForm fields, dropdowns, text areas
Content Verificationtable, tr, td, thData tables and structured content
Media Testingaudio, video, canvasMedia players and interactive content

Next Steps

Element Scanning Guide

Learn more about the element scanning process and how to interpret results.

Element Scanning Guide
Export Options Guide

Discover how to export your scanned elements to various formats and frameworks.

Export Options Guide