Work for many years, has been busy with the application of various technologies, and now do not rush, ask what they are doing, what will not answer up, in retrospect work is often asked M.F.B. s to achieve a goal, with degrees Niang solve problems, but no time to understand the reasons, today from the perspective of the macro to summarize.
First, HTML, CSS, JavaScript Introduction and simple division of labor
1. What is HTML (Hypertext Markup Language Hyper Text Markup Language), HTML is a language used to describe a Web page.
2, CSS (cascading style sheet Cascading style sheets), style defines how to display HTML elements, syntax is: selector {Property:value} (Selector { Property: Value})
3. JavaScript is a scripting language whose source code is not compiled until it is sent to the client, but instead sends a text-formatted character code to the browser to be interpreted by the browser to run
For a Web page, HTML defines the structure of the page, CSS describes the Web page, JavaScript settings A very classic example is that HTML is like a person's bones, organs, and CSS is human skin, with these two also constitute a vegetable, With JavaScript, this vegetable can react to stimuli, think, exercise, and give yourself cosmetic (change CSS) and so on, to become a living person.
How to connect these three, of course, through the physical html,html of the Web page is always descriptive language, it is to the browser to describe their own, then how does it usually describe the specific page?
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> Page Title </title>
<link rel= "stylesheet" type= "Text/css" href= "Mycss.css"/>
<script type= "Text/javascript" src= "Myjs.js" ></script>
<body>
<p> This is a paragraph </p>
</body>
This is one of the simplest HTML documents, the document says, browser Ah, I am following the standard XHTML1.0 Transition version specification (file type declaration), the encoding I used isUtf-8, my title is "page title", the style sheet describing my appearance is the mycss.css file of my same directory, the JavaScript code related to me in my sibling myks.js file, my content has a paragraph, the content of the paragraph is "This is a paragraph".
Second, HTML, CSS, JavaScript development
1, the version of HTML
Hypertext Markup Language (first edition)-published as a working group on Internet Engineering (IETF) in June 1993 (not a standard):
HTML 2.0--released in November 1995 as RFC 1866, declared obsolete after RFC 2854 was released in June 2000
HTML 3.2--January 14, 1997, the recommended standard
HTML 5
HTML 5
HTML 4.0--December 18, 1997, the recommended standard
HTML 4.01 (minor improvements)--December 24, 1999, the recommended standard
HTML 5--October 28, 2014, the recommended standard [4]
Now we're only talking about HTML 4.01 and HTML5, because the 2000 World Wide Web Consortium announced the release of XHTML version 1.0. XHTML 1.0 is a new language optimized and improved on the basis of HTML 4.0, designed to be based on XML applications. While XHTML is almost identical to HTML 4.01, HTML has become more rigorous, more flexible, and more integrated with CSS from the initial development to XHTML. In principle, most of the pages you can see now are in the two versions of HTML4 or HTML5.
HTML5
It is a major modification of the HTML5, although the HTML5 standard is still in development, but can not hinder its unstoppable pace, do not HTML5 you out, we often for HTML5 and HTML5, in fact, for the lower end of the front (I do), especially with div+ CSS implementation of the Web page, really change little.
So, where is the essence of HTML5? This has to be said separately, see "HTML5 's introduction and in-depth understanding"
2. Version of CSS (level)
1996, the CSS1 officially launched;
1998, the CSS2 officially launched;
CSS2.1 is now being recommended for use by the consortium;
CSS3 is now in development.
If the development of HTML is a continuous modification of the process, then the development of CSS is a continuous process, so in the use of CSS, do not need to use the same standard as the HTML line, the higher version of the browser to recognize the high version of the CSS definition, the lower version of the browser skip the knowledge of the CSS definition. Regardless of the version, the syntax of the CSS is simple, the selector: {attribute: Property value}, so the hot CSS3 does not extend the selector and attributes.
CSS3 new selectors and properties see "CSS3 new selector and properties"
"Original" Novice understanding of HTML, CSS, JavaScript direct relationship