I believe knowledge is learning Web front-end little friends all know, Web front-end development to learn basic techniques to master: HTML, CSS, JavaScript, then these three are, respectively, to achieve what functions it? Here and small series with a look!
A, HTML is the carrier web content
Content is the authors to make information on the page you want users to browse, and can contain text, pictures, video and so on.
Xiao Bian here to build a front-end learning exchange buttoned group: 132 667 127, I sort of front-end-date information and advanced development course, if there is need to think, you can add the group to learn together with the exchange
Two, CSS styles are performance
Like coat page, such as: title font, color changes, title add background images, borders and so on.
All these used to change the appearance of something called content performance.
Three, JavaScript is used to achieve special effects on a Web page
For example: mouse over pop-up drop-down menu, mouse over the table background color change, the focus of the news of rotation.
Can be understood as: animation, there are generally interact with JavaScript to achieve.
The HTML code comments:
Code comments marked role is to help programmers code, over a period of time and then look at the code you write, you can quickly think of the role of this code.
Code comments not only easy to use programmer to recall the previous code, other programmers can also help you quickly understand the function of the program, to facilitate people to develop web page code.
The semantic HTML:
Semantic fact, understand the purpose of each label, it can make your website better be understood by search engines.
Its benefits can be summarized in two points:
(1) more easily indexed by search engines;
(2) make it easier for screen readers read web content;
HTML, em, strong and span difference:
(1) and the label is used to emphasize the passage keywords, their semantics are emphasized;
(2) there is no semantic tags, its role is to provide a separate style used;
HTML之summary,caption：
Role is to add a title and summary for the table
Abstract content will not show up in a browser, its role is to increase the readability of the table (semantics), the search engines better understand the table of contents, but also allows screen readers to better help specific user read the table of contents.
Code comments:
Comment statements in CSS: with / comment statements / to indicate
Used to indicate the Html
HTML selector problem:
Difference descendant selectors and child selectors
Child selector (child selector) merely refers to its direct descendants, or you may be understood as applied to the first generation progeny of sub-elements. The descendant selector is the role of future generations in all sub-elements. Descendant selectors to be selected by a space, and the child selector is selected by ">."
to sum up:
The first generation of offspring acting on the elements, space to act on all elements of the future generations.