Connect and share knowledge within a single location that is structured and easy to search. Obviously this is not the case, and if you 'href' when your supposed to 'src' your gonna have a bad time. But my question is, is there an easy way to remember which ones do which, and when they are used? Stack Overflow for Teams — Collaborate and share knowledge with a private group.
Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Differences between 'url', 'src', and 'href' [duplicate] Ask Question. Asked 9 years, 2 months ago. Active 3 years, 8 months ago. Viewed 38k times. Improve this question. When the browser finds. The loading and processing of the page is paused until this the browser fetches, compiles and executes the file. It is similar to dumping the contents of the js file inside the script tag. Similar is the case with img tag.
It is an empty tag and the content, that should come inside it, is defined by the src attribute. The browser pauses the loading until it fetches and loads the image. For example, the script element, according to the HTML 5 specification, has two global attributes which change how the src attribute functions: async and defer. These change how the script embedded inline or imported from external file should be executed.
I just wanted to update with a new answer for whoever occasionally visits this topic. Some of the answers should be checked and archived by stackoverflow and every one of us.
Page Parsing is not stopped. Page Parsing may stop depending on the coded attribute. That is why it's better to add script just before the ending body tag so that page rendering is not held up. SRC S ou rc e -- I want to load up this resource for myself. When the A element's href attribute is set, the element defines a source anchor for a link that may be activated by the user to retrieve a Web resource.
The source anchor is the location of the A instance and the destination anchor is the Web resource. This attribute specifies the location of the image resource.
You should remember when to use everyone and that is it the href is used with links. The destination of the link s is given by the href attribute, which must be present and must contain a valid non-empty URL potentially surrounded by spaces. If the href attribute is absent, then the element does not define a link. Classic scripts may either be embedded inline or may be imported from an external file using the src attribute, which if specified gives the URL of the external script resource to use.
If src is specified, it must be a valid non-empty URL potentially surrounded by spaces. The image given by the src and srcset attributes, and any previous sibling source element's srcset attributes if the parent is a picture element, is the embedded content.
Reference link to the W3C Recommendation. If you're talking HTML4, its list of attributes might help you with the subtleties. They're not interchangeable. They are not interchangeable - each is defined on different elements, as can be seen here.
They do indeed have similar meanings, so this is an inconsistency. I would assume mostly due to the different tags being implemented by different vendors to begin with, then subsumed into the spec as is to avoid breaking backwards compatibility.
They don't have similar meanings. HREF indicatea a resource to be fetched if the user requests it. I agree what apnerve says on the distinction. But in case of css it looks odd.
As css also gets downloaded to client by browser. It is not like anchor tag which points to any specific resource. So using href there seems odd to me. Even if its not loaded with the page still without that page cannot look complete and so its not just relationship but like resource which in turn refers to many other resource like images.
When you use in your webpage, the browser sees that its a style sheet and hence continues with the page rendering as the style sheet is downloaded in parellel. Difference 4: link supports using JavaScript to control DOM to change the style, while import does not. You may need KX to surf the Internet I have uploaded all the versions of […]. Tags: Difference , element , file , page , Resources. Next: IOS ——— submit rejected.
0コメント