Home  >  Article  >  Web Front-end  >  Share the difference between the a tag href='#' and href='###' in html

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

黄舟
黄舟Original
2017-07-27 13:34:052520browse

First of all, the tag + 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 the tag + onclick='{jscode}', a href='

' is often added, and sometimes this href='

' is mistakenly written as is 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!