Hyperlinks
Description
Enhances hyperlinks with automatic target="_blank" behavior, external link detection, file type handling, and proper accessibility attributes. Automatically opens links in new tabs for better user experience.
Usage
Create standard HTML anchor tags. The system automatically enhances them with appropriate target attributes, external link detection, and file type handling.
Automatic Features
- New Tab Opening: All links open in new tabs by default
- External Link Detection: Automatically detects external links
- File Type Handling: Special handling for common file types
- Download Links: Automatic title attributes for download links
- Email Links: Fixes for malformed email addresses
Examples
Basic Links
Here are some basic links:
External Links
External links are automatically detected and enhanced:
- Wikipedia - External link
- Stack Overflow - External link
- W3Schools - External link
File Downloads
Links to common file types are automatically handled:
Email Links
Email links are properly formatted:
Links with Custom Targets
You can override the default behavior:
Links in Different Contexts
Resource Links
Here are some helpful resources:
- MDN Web Docs - Comprehensive web development documentation
- W3C - World Wide Web Consortium
- Canvas LMS - Learning management system
Important Note
This external link will open in a new tab automatically.
Links with Images
Links can contain images:
Complex Link Examples
Documentation Links
Learning Resources
Links in Tables
| Resource | Type | Link |
|---|---|---|
| BCIT Website | Institution | Visit BCIT |
| GitHub | Development | Visit GitHub |
| Stack Overflow | Community | Visit Stack Overflow |
Notes
- All links automatically open in new tabs unless
target="_self"is specified - External links are automatically detected and enhanced
- File types (PDF, images, Office documents) are handled specially
- Download links get automatic "Download" title attributes
- Email links are properly formatted and accessible
- Malformed email addresses are automatically corrected
- Links maintain proper accessibility attributes
- External links get "Opens in a new tab" title attributes
- All links are keyboard accessible