What is hypertext reference (HREF)?

Welcome Delta Sigma Pi

  • Accessibility
  • Sales:

    Home:

    1-800-426-7235

    Business:

    1-866-426-0911

    Chat Now >

    Visit Sales Support Page >


    Order Support:

    Order Lookup >

    Visit Order Support Page >

    Technical Support >

Lenovo
All
  • All
  • Laptops
  • Desktops
  • Workstations
  • Monitors
  • PC Accessories & Electronics
  • Tablets
  • Servers & Storage
  • Servers Accessories
  • Sign In / Create Account
    My Lenovo Account
    Keep track of your wishlist, orders, and rewards all in one place
    Sign In / Create Account
    Welcome Back!
    Access your order, subscriptions, saved carts, rewards balance, and profile
    View My Account
    Orders
    View & track your orders
    Rewards
    Earn & redeem Rewards
    Profile
    Edit name, password, and account settings
    Wishlist
    Manage a wishlist of your favorite products
    Products
    Manage your devices, accessories
    Product Registration
    Register your product and/or update your warranty dates
    Sign Out
  • My Lenovo Rewards
  • Cart
  • Products
  • Solutions
  • Services
  • Support
  • About Lenovo
  • Deals
  • Student
  • Gaming
  • AI
  • Digital Workplace
  • Hybrid Cloud
  • Edge
  • Sustainability
  • TruScale
  • Solutions by Industry
  • Alliance Partners
  • Other Solutions
  • Resources
TEMPORARILY UNAVAILABLE
DISCONTINUED
Temporary Unavailable
Cooming Soon!
. Additional units will be charged at the non-eCoupon price. Purchase additional now
We're sorry, the maximum quantity you are able to buy at this amazing eCoupon price is
Sign in or Create an Account to Save Your Cart!
Sign in or Create an Account to Join Rewards
View Cart
Remove
Your cart is empty! Don’t miss out on the latest products and savings — find your next favorite laptop, PC, or accessory today.
item(s) in cart
Some items in your cart are no longer available. Please visit cart for more details.
has been deleted
Please review your cart as items have changed.
of
Contains Add-ons
Subtotal
Proceed to Checkout
Yes
No
Popular Searches
What are you looking for today ?
Trending
Recent Searches
Items
All
Cancel
Top Suggestions
View All >
Starting at
  • Black Friday in July! Limited-time Doorbusters + Buy more, Save more!  Shop Now >

  • My Lenovo Rewards! Earn 3%-9% in rewards and get free expedited delivery on select products. Join for Free >

  • Buy online, pick up select products at Best Buy. Shop Pick Up >

  • Lease-to-own today with Katapult. Get started with an initial lease payment as low as $1! * Learn More >

Home > Glossary > What is hypertext reference (HREF)?
Glossary Hero
Learn More
StarStar

Annual Sale

Lenovo Laptop SaleLenovo Laptop Sale

Laptop Deals

Desktop DealsDesktop Deals

Desktop Deals

Workstation DealsWorkstation Deals

Workstation Deals

StoreStore

Pick Up Today at Best Buy

ControllerController

Gaming PC & Accessory Deals

MouseMouse

PC Accessories & Electronics Deals

MonitorMonitor

Monitor Deals

Tablet and phoneTablet and phone

Tablets & Phones Deals

ServerServer

Server & Storage Deals

Discount tagDiscount tag

Clearance Sale


What is hypertext reference (HREF)?

HREF is an attribute used in hypertext markup language (HTML) to specify the destination of a link. When you see clickable text on a webpage, it's likely that an HREF attribute is behind it, pointing your browser to a new page or a different section of the current page. Think of it as a digital signpost that tells your browser where to go next.

What does an HREF attribute look like in hypertext markup language (HTML)?

An HREF attribute is found within an anchor tag (a) in HTML. For example, if you want to link to example.com, you would write it in HTML as Visit Example</a>. This code creates a hyperlink that users can click to go to the specified web address.

How do relative uniform resource locator (URLs) work with HREF?

Relative URLs are used with HREF when you want to link to a file within the same website. Unlike absolute URLs that provide the full path, a relative URL is shorthand that refers to a file in relation to the current file's location. So, if you're linking to a page in the same directory, you'd use href="page2.html". If you need to go up a directory, you'd use href="../page3.html".

How does HREF work with anchors on the same page?

HREF can point to an anchor on the same page using a hash symbol followed by the anchor name. If you have a section labeled with an id attribute, like

, you can create a link that jumps directly to that section using . When you click on that link, the page will scroll to the part where "section1" is defined.

Would HREF allow linking to a specific part of another webpage?

Absolutely, HREF can link to a specific part of another webpage if that page has defined anchors. You'd use the URL of the page followed by a hash symbol and the anchor name. For example, href="http://www.example.com/page.html#section2" will take you to the section labeled "section2" on "page.html" at "example.com".

What does the "tel" attribute do when used with HREF?

The "tel" attribute allows you to create a link that initiates a phone call when clicked on a device capable of making calls. For example, Call Us will start dialing the number +1234567890 when a user clicks on it.

Can HREF be used with other protocols besides hypertext transfer protocol (HTTP) and hypertext transfer protocol secure (HTTPS)?

Yes, HREF can be used with various protocols. Aside from HTTP and HTTPS for web pages, and mailto for emails, you can also use file to link to files on a local or network drive, ftp for files available on file transfer protocol (FTP) servers, and many more. The HREF attribute is versatile, supporting many different schemes based on your needs.

What's the significance of the "nofollow" value in the rel attribute of a link with HREF?

The "nofollow" value in the rel attribute tells search engines not to follow a particular link. This means the link won't contribute to the search engine's understanding of the site's structure, nor will it pass on any ranking or trust signals. It's typically used for links to untrusted content or paid links, where you don't want to imply an endorsement.

How does setting the target attribute to "_blank" affect a link with HREF?

Setting the target attribute to "_blank" forces the link to open in a new browser tab or window. When you use , it ensures the user's current page stays open, allowing them to easily return to it after checking out the linked page.

Does JavaScript use HREF in any way?

Yes, JavaScript can manipulate HREF through the document object model (DOM). You can use JavaScript to dynamically change the HREF attribute of an anchor tag, which can be useful for updating links based on user interactions or other conditions within your web application.

Can HREF be used for downloading files directly?

Indeed, you can use HREF to initiate a file download by pointing to the location of the file. To prompt the user to download the file instead of navigating to it, you can use the 'download' attribute within the anchor tag, like .

Can HREF be used for linking to a file location in the user's local system?

Technically, you could create a link that points to a file on the local filesystem using the file protocol, like . However, for security reasons, modern web browsers typically restrict these types of links when they are placed on web pages served over hypertext transfer protocol (HTTP) or hypertext transfer protocol secure (HTTPS) due to the potential for abuse.

Could I use HREF for creating a link that scrolls to the top of the page?

Yes, a common use of HREF is to create a "Back to Top" link. By setting the HREF attribute to "#" without specifying an element's ID, Top of Page creates a link that, when clicked, will scroll the page back to the top.

Can I use HREF to link to a live chat or messenger service?

Yes, you can use specific uniform resource locator (URL) schemes in HREF to link to live chat or messenger services. Many chat platforms offer custom URL schemes (like "whatsapp://") that you can use to initiate conversations directly from a hyperlink, assuming the user has the relevant application installed.

What role does HREF play in responsive design?

While HREF itself doesn't change in responsive design, how you handle links might. In a responsive layout, you might have different links or different behaviors based on device capabilities. For instance, a 'tel' link would only make sense on a device that can make calls, and JavaScript could be used to change HREF values to provide a better user experience on different screen sizes.

Can HREF be styled differently for visited and unvisited links?

Yes, you can style HREFs differently for visited and unvisited links using cascading style sheets (CSS) pseudo-classes. ':link' can be used to style unvisited links, and ':visited' can be used for visited links. This lets you provide visual feedback to users about which links they've already clicked on.

I want to create a dropdown menu. Is HREF necessary for the items?

HREF is not necessary if your dropdown menu items trigger other interactions besides navigation, like displaying more content on the page or executing a JavaScript function. But if each item in the dropdown menu is intended to take the user to a new page, then HREF would be used in those cases.

Looking for a Great Deal?
Shop Lenovo.com for great deals on A+ Education PCs, Accessories, Bundles and more.
Shop Deals Now

  • Legion 7i Gen 9 (16″ Intel) Gaming Laptop
    Starting at
    $1,699.99
    Learn More
  • ThinkPad X9 15 Aura Edition (15ʺ Intel) Laptop
    Starting at
    $1,127.97
    Learn More
  • Yoga Book 9i (13” Intel)
    Starting at
    $1,999.99
    Learn More
  • Yoga 9i 2-in-1 Aura Edition (14″ Intel) Laptop
    Starting at
    $1,396.49
    Learn More
  • ThinkPad P1 Gen 7 (16″ Intel) Mobile Workstation
    Starting at
    $2,239.00
    Learn More
  • Shop
    • Student Deals
    • K-12 Student Laptops
    • Student Accessories
    • Laptops by Major
    Education resource
    Explore
    • What is STEM?
    • Best Laptops for College
    • Student & Teacher Discounts
    • Lenovo Sustainability Programs
    Education carry case

    Stem Articles
    See All STEM Articles
    • Online STEM Education

    • STEM Career Tips & Resources

    • Women in STEM

    • STEM Educator Training

    • STEM Grants & Funding

    • STEM Education: Coding for Kids

    • STEM Education: Robotics

    • STEM Education: Biotechnology

    • STEM Education: Sustainability

    • STEM Education: AI & ML

    While every effort has been made to ensure accuracy, this glossary is provided for reference purposes only and may contain errors or inaccuracies. It serves as a general resource for understanding commonly used terms and concepts. For precise information or assistance regarding our products, we recommend visiting our dedicated support site, where our team is readily available to address any questions or concerns you may have.

    Why Lenovo?

    Go Greener with Leno...

    Lenovo is committed to Smarter Climate Action with lower energy laptops, use of sustainable materials and packaging, and available CO2 Offset Services.
    Learn More
    pastel background

    Get It Now, Pay For ...

    Lenovo has multiple financing option: the Lenovo Credit Card, installment plans, and lease-to-own financing op...
    Learn More
    pastel background

    Productivity & Peace of Mind

    Stay productive with Premium Care Plus - 24/7 priority support and coverage against accidental damage. Power through your day with our Smart Performance and extended battery solutions.
    Learn More
    pastel background

    Fast & Secure

    Get the most from your laptop with Lenovo’s state-of-the-art Smart Performance, delivering powerful, all-in-on...
    Learn More
    pastel background

    Assistance and Suppo...

    Chat with a trained professional who can help you find the right products, place or check on an order, or setup your Education laptop.
    Contact Us
    pastel background
    Enter email to receive Lenovo marketing and promotional emails. Review our Privacy Statement for more details.
    Please enter the correct email address!
    Email address is required
    • Facebook
    • Twitter
    • Youtube
    • Pinterest
    • TikTok
    • Instagram
    Select Country / Region:
    Country
    AndroidIOS

    About Lenovo

    • Our Company
    • News
    • Investors Relations
    • Compliance
    • ESG
    • Product Recycling
    • Product Security
    • Product Recalls
    • Executive Briefing Center
    • Lenovo Cares
    • Careers
    • Formula 1 Partnership

    Products & Services

    • Laptops & Ultrabooks
    • Smarter AI for You
    • Desktop Computers
    • Workstations
    • Gaming
    • Tablets
    • Servers, Storage, & Networking
    • Accessories & Software
    • Services & Warranty
    • Product FAQs
    • Outlet
    • Deals
    • Lenovo Coupons
    • Cloud Security Software
    • Windows 11 Upgrade

    Resources

    • Legion Gaming Community
    • Lenovo EDU Community
    • Lenovo Pro Community
    • Lenovo Pro for Business
    • My Lenovo Rewards
    • Lenovo Financing
    • Lenovo Trade-in
    • Affiliate Program
    • Affinity Program
    • Employee Purchase Program
    • Lenovo Partner Hub
    • Laptop Buying Guide
    • Where to Buy
    • Glossary

    Customer Support

    • Contact Us
    • Policy FAQs
    • Return Policy
    • Shipping Information
    • Order Lookup
    • Register a Product
    • Replacement Parts
    • Technical Support
    • Forums
    • Provide Feedback
    © 2025 Lenovo. All rights reserved.
    PrivacyCookie Consent ToolSite MapTerms of UseExternal Submission PolicySales terms and conditionsAnti-Slavery and Human Trafficking Statement
    Compare  ()
    x
    Call

    Need Help? Call: 

    1-800-426-7235
    Select Your Store
    Add items to your cart?
    We've noticed that you've entered a different store. Do you want to add these items to your cart in the new store?
    No Yes. Add in Lenovo Pro

    close_icon

    Sign up and receive up to $100
    off your next purchase.
    Click here for offer details
    Are you shopping for a business?

    No, Thanks

    Click here for offer details
    *Offer valid for new subscribers only. Not valid on previous purchases.
    Lenovo Privacy Policy
    Thanks for signing up!
    You should receive an email from us within the next 2 hours
    *Offer valid for new subscribers only. Not valid on previous purchases.
    Lenovo Privacy Policy
    An error occurred while submitting your request.
    Please try again later.