{"id":17063781,"url":"https://github.com/atapas/anchors","last_synced_at":"2025-04-12T18:45:06.290Z","repository":{"id":45472511,"uuid":"436941642","full_name":"atapas/anchors","owner":"atapas","description":"An app to demonstrate the HTML anchor tags and their properties.","archived":false,"fork":false,"pushed_at":"2022-05-25T04:03:51.000Z","size":211,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-26T13:03:47.688Z","etag":null,"topics":["anchor","css","html","styling","tags"],"latest_commit_sha":null,"homepage":"https://www.tapasadhikary.com/project/anchors","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/atapas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":["atapas"]}},"created_at":"2021-12-10T10:39:27.000Z","updated_at":"2022-11-01T06:19:42.000Z","dependencies_parsed_at":"2022-07-14T17:00:32.204Z","dependency_job_id":null,"html_url":"https://github.com/atapas/anchors","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fanchors","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fanchors/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fanchors/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fanchors/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atapas","download_url":"https://codeload.github.com/atapas/anchors/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248617276,"owners_count":21134190,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["anchor","css","html","styling","tags"],"created_at":"2024-10-14T10:53:00.117Z","updated_at":"2025-04-12T18:45:06.261Z","avatar_url":"https://github.com/atapas.png","language":"HTML","funding_links":["https://github.com/sponsors/atapas"],"categories":[],"sub_categories":[],"readme":"\n## Anchors\nAn application can have multiple anchors. Each anchor can have multiple attributes. Anchors can be used to create links to other parts of the project.\n\n`Anchors` is a demo application that shows how to use anchors. It provides a simple interface to try out different anchor attributes. The extensive documentation for anchors can be found from the demo application.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./images/og.png\" alt=\"screen\" /\u003e\n\u003c/p\u003e  \n\n## Demo Application\n\u003e Please access the demo application from the following link: [Anchors](anchors.vercel.app)\n\nPlease give the repo a ⭐ if you liked the work. It motivates me.\n\n### Many Thanks to all the `Stargazers` who has supported this project with stars(⭐)\n\n[![Stargazers repo roster for @atapas/anchors](https://reporoster.com/stars/atapas/anchors)](https://github.com/atapas/anchors/stargazers)\n\n\n## Documentation\nThis section contains the documentation for the attributes with sample source code.\n\n### The `href` attribute\nThe `href` attribute is used to specify the link target.\n\n- Link to a page to another website:\n```html\n\u003ca href=\"https://example.com\"\u003eClick me\u003c/a\u003e\n```\n\n- Link to a page to a section of the same website:\n```html\n\u003ca href=\"#news\"\u003eGo to the News section\u003c/a\u003e\n\n\u003cdiv id=\"news\"\u003e\n  \u003ch2\u003eNews\u003c/h2\u003e\n  \u003cp\u003eHere is some news\u003c/p\u003e\n\u003c/div\u003e\n```\n\n- Link to open the default phone app\n```html\n\u003ca href=\"tel:+914123456765\"\u003eCall +914123456765\u003c/a\u003e\n```\n\n- Link to open the default email app\n```html\n\u003ca href=\"mailto:me@example.com\"\u003eSend an email to me\u003c/a\u003e\n```\n\n- You can link to a script and execute it with a single click.\n```html\n\u003ca href=\"javascript:alert('Hello World!')\"\u003eClick me\u003c/a\u003e\n```\n\nPlease find the possible values for the `href` attribute in the [w3c.org](https://www.w3schools.com/tags/att_a_href.asp) specification.\n\n### The `title` attribute\nThe `title` attribute is used to specify the title of the link as a tooltip.\n\n```html\n\u003ca href=\"https://example.com\" title=\"Example Domain\"\u003eHover over me\u003c/a\u003e\n```\n\n### The `rel` attribute\nThe `rel` attribute is used to specify the relationship between the current document and the link target.\n\n```html\n\u003ca rel=\"nofollow\" href=\"http://www.example.com/\"\u003eNo Follow\u003c/a\u003e\n```\nPlease find the complete list of possible values for the `rel` attribute in the [w3schools](https://www.w3schools.com/tags/att_a_rel.asp).\n\n### The `download` attribute\nThe `download` attribute is used to specify the file name of the link target. This attribute is only supported in the [HTML5](https://www.w3schools.com/tags/att_a_download.asp) specification.\n\n```html\n\u003ca download=\"example.pdf\" href=\"https://example.com/example.pdf\"\u003eDownload\u003c/a\u003e\n```\n### The `ping` attribute\nThe `ping` attribute is used to specify the URL of a pingback server. This attribute is only supported in the [HTML5](https://www.w3schools.com/tags/att_a_ping.asp)  specification. The ping attribute specifies a space seprated list of URLs to ping when the link is clicked.\n\n```html\n\u003ca ping=\"http://www.example.com/pingback/\" href=\"http://www.example.com/\"\u003ePing me\u003c/a\u003e\n```\n### The `type` attribute\nThe `type` attribute is used to specify the MIME type of the link target. This attribute is only supported in the [HTML5](https://www.w3schools.com/tags/att_a_type.asp) specification.\n\n```html\n\u003ca type=\"text/html\" href=\"http://www.example.com/\"\u003eHTML\u003c/a\u003e\n```\n\n### The `hreflang` attribute\nThe `hreflang` attribute is used to specify the language of the link target. This attribute is only supported in the [HTML5](https://www.w3schools.com/tags/att_a_hreflang.asp) specification.\n\n```html\n\u003ca hreflang=\"en\" href=\"http://www.example.com/\"\u003eEnglish\u003c/a\u003e\n```\n\n### The `referrerpolicy` attribute\nThe `referrerpolicy` attribute is used to specify the policy for the link target. This attribute is only supported in the [HTML5](https://www.w3schools.com/tags/att_a_referrerpolicy.asp) specification.\n\nThe possible values for the `referrerpolicy` attribute are:\n\n```html\n\u003ca referrerpolicy=\"no-referrer|no-referrer-when-downgrade|origin|origin-when-cross-origin|same-origin|strict-origin-when-cross-origin|unsafe-url\"\u003e\n```\n\n```html\n\u003ca href=\"https://www.example.com\" referrerpolicy=\"no-referrer\"\u003e\n```\n### The `target` attribute\nThe `target` attribute is used to specify the target frame of the link.\n\nThe possible values for the `target` attribute are:\n\n```html\n\u003ca target=\"_blank|_self|_parent|_top|framename\"\u003e\n```\n\n```html\n\u003ca href=\"https://example.com\" target=\"_self\"\u003esame window(target: _self)\u003c/a\u003e\n\n\u003ca href=\"https://example.com\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eNew Tab\u003c/a\u003e\n```\n\n## Credits\nThis demo application is developed by [Tapas Adhikary](https://tapasadhikary.com) and is maintained by [Vercel](https://vercel.com).\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatapas%2Fanchors","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatapas%2Fanchors","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatapas%2Fanchors/lists"}