Share the difference between the a tag href='#' and href='###' in html

黄舟
Release: 2017-07-27 13:34:05
Original
2497 people have browsed it

First of all, thetag + onclick='{jscode}' is a very common way to use js, and not using href='javascript:{jscode}' is to be compatible with multiple browsers< a> tags are interpreted and handled differently. Secondly, when using thetag + onclick='{jscode}', a href='

' is often added, and sometimes this href='

' is mistakenly written asis because the user does not understand the difference between '#' and '

'.

Simply put, if you want to define an empty link without jumping to the head of the page, you can write href="

". The detailed explanation is that '#' has a specific meaning. If there is content after '#', it will be considered as a tag and the corresponding tag will be jumped to there when the corresponding tag is found on the page. If it cannot be found, it will jump to the top of the page. '

' is actually a meaningless tag specification, that is, a combination of '#' and the non-existent tag '##'. If the
named '##' is not found on the page, the link will not A jump will occur, which will not cause the page to suddenly jump to the top of the page when executing the content in onclick. '###' is just a user habit. If you like, you can just find a label that cannot be jumped as a name. To put it bluntly, "###" is a string that is not an anchor. If the browser cannot find it, it will not jump to the top of the page. The principle is that it relies on the error reporting mechanism of the web page and will not handle it if it is not found. ###### Some people say they don’t like “###” because it will change the link. Always use javascript:void(0) or javascript:. href="javascript:void(0);" But some people say that using href="javascript:void(0);" may cause browser compatibility issues. When making a page, if you want to do nothing after clicking a link, or complete other things in response to the click, you can set its attribute href = "#". However, there will be a problem when the page has a scroll bar. , it will return to the top of the page after clicking, which is a bad user experience. ###### Pseudo-protocols like javascript:void(0) are better written less. If you have read some web standards books, you will know why. 2. Directly using javascript:void(0) for links (href) may cause some problems in IE, such as causing the gif animation to stop playing, etc. Therefore, the safest way is to use "####". To prevent jumping to the top of the page after clicking the link, the onclick event can return false. ###

The above is the detailed content of Share the difference between the a tag href='#' and href='###' in html. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!