html - Difference between SRC and HREF -


SRC and HREF attributes to include some external entities Used like an image, a css file, an HTML file, any other web page or javascript file.

Is there a clear discrimination between SRC and HREF ? When or when should I use SRC or HFF? I think they can not be used each other.

I give some examples below where these properties are:

  • Reference to a CSS file: href = "cssfile.css" inside the link tag .
  • To reference a JS file: src = "myscript.js" inside the script tag.
  • To reference an image file: src = "mypic.jpg" inside an image tag.
  • To reference another webpage: href = "http: /www.webpage.com" inside an anchor tag

    Note: @ John-Yin is more appropriate about changes in glasses.

    Yes there are differences between src and href and they can not be used alternately between referenced documents and external resources. For the elements to establish a relationship we use href for src .

    The Href (hypertext reference) attribute specifies the location of the Web resource, thus present element (anchor in the case of a ) or current document ( If link ) and destination anchor or resource defined by this attribute When we write: 

      & lt; Link href = "style.css" rel = "stylesheet" />

    The browser understands that this resource is a stylesheet and the parsing of processing page is not (prevented from rendering) The browser needs style rules to color and render the page). It is similar to dumping the contents of the CSS file inside the style tag No

    src

    (source) attribute only embeds the resource in the current document in place of the definition of the element, for example when the browser searches 

      & Lt; Script src = "script.js" & gt; & Lt; / Script & gt;

    The page is loading and processing is paused until the browser fetches, compiles and executes the browser. This is similar to dumping the contents of the JS file inside the script tag, in a similar manner it is a case with the img tag, it is an empty tag and content that it comes in. Should be defined by the src attribute. Stops the browser until it loads until it brings the image and does not load. [This is the case with the iframe ]

    This is the reason that it is advisable to load all JavaScript files below ( & lt; / body & gt; tag)

    Update : For more information about how this is implemented according to HTML5 specs, see @John-Yin.


-

Comments

Post a Comment

Popular posts from this blog

Eclipse CDT variable colors in editor -

I hope this is a good question to ask here. This programming is related, so I thought it would be better than the superuser, so I am using the CDT C ++ Eclipse plugin. I know how the editor changes colors for some things But is there a way to do that all the variables are different colors? For example in KDEValue, it sets the local variables and square variables in different colors and bold square squares. Can I copy it to CDT? Eclips provides some level of color customization for text editor syntax You can see it on the following: There are many elements, including the Window> Preferences> C / C ++> Editor> Syntax color code that can be changed, assembly, Comments, Preprocessor and Doxian Under the code, it is possible to change the color of some variable types, such as global variables, local variable announcements, local variable references, and parameter variables. But I do not think the code is capable of changing the color of each variable declared....
Read more

AJAX doesn't send POST query -

$ (दस्तावेज़) .ready (function () {function ajaxselectrss (rssurlvar) {var ajaxRequest; // वेरिएबल जो अजाक्स को संभव बनाता है! कोशिश करें कि {// ओपेरा 8.0+, फ़ायरफ़ॉक्स, सफारी अजाक्स अनुरोध} = नया एक्सएमएलएचटीपीआरइवेस्ट ();} कैच (ई) {// इंटरनेट एक्सप्लोरर ब्राउज़र्स {ajaxRequest = new ActiveXObject ("Msxml2.XMLHTTP");} पकड़ो (ई) {try {ajaxRequest = new ActiveXObject ("Microsoft.XMLHTTP");} कैच (ई) {// कुछ गलत चेतावनी ("आपका ब्राउज़र तोड़ दिया!"); वापसी झूठी;}}} // एक बनाएं फ़ंक्शन जो सर्वर से भेजे गए डेटा प्राप्त करेंगे ajaxRequest.onreadystatechange = function () {if (ajaxRequest.readyState == 4) {var ajaxDisplay = document.getElementById ('news'); ajaxDisplay.innerHTML = ajaxRequest.responseText;}} / / Var rssurlvar = $ (this) .attr ("title"); var queryString = "rurl =" + rssurlvar; var urltofile = "rssget.php"; ajaxRequest.open ("पोस्ट", urltofile, सच); ajaxRequ Est.setRequestHeader ("सामग्री-प्र...
Read more

wpf - Custom Message Box Advice -

Well, I'm using a custom window box that comes with some custom control boxes that accompany the text The producers who are displayed are called. I have a defined event, which has been subscribed through the original class, it gets burnt when clicking on the button. However, I can not see how to use it effectively, I would like to return one yes, whether yes or not, but obviously my code will continue to execute, so this Below is some example code to clarify the problem that the method has subscibed by clicking on the button. Message box window Public partial class custom message box: window {public representative message messagebox object sender, event events e); Public event messagebox handler messagebox document; Public Customs Box () {Initial group (); } Public Customsbox (String Message) {InitializeComponent (); This.txtdescription.Text = Message; } Public Customsbox (String Message, String Title, String First BTNtext) {Initialization (); This.lbltitle.Content =...
Read more