Article directory
The basic components of a web page
1. Why web standards are needed
2. Composition of Web Standards
foreword
I learned about and came into contact with CSDN by chance, which started my IT learning path. My current goal is to become a full-stack technology developer. Maybe this is currently implemented for a zero-based person who does not have systematic learning. It's hard, but as long as I don't give up, hard work is another name for miracles. Maybe I'm the kind of person who wants to learn everything, but I'm also afraid that I can't learn everything well in the end. My own major in university is not symmetrical with front-end, Java, and C language. It can be said that it is very different. Maybe I have an inexplicable love for hackers, so that I can’t find a direction for a long time to find a job or study. At that time, I was vague about my hobbies, and I wasted my time studying in the university. Love and love for work is so important. In the constant attempts to change jobs, I finally found the original starting point. I was fortunate to take a Java elective course in college because I liked it, but the time is limited. It is not the teacher of this major, but it is also limited to the basis of the actual implementation of the code. During a course, I don't know how the principle is, why it is written in this way, under various circumstances, I still choose to start learning from Python and the front end slowly. Live and learn. Not happy with this.
The basic components of a web page
1. What is a web page
A website is a collection of web pages that are made on the Internet according to certain rules, using HTML, etc. to display specific content.
A web page is a "page" in a website, usually a file in HTML format , which is to be read by a browser.
A web page is the basic element that constitutes a website . It usually consists of pictures, links, text, sound, video and other elements . Usually the web pages we see usually end with .htm or .html suffixes, so they are called HTML files.
2. What is HTML
HTML is Hyper Text Markup Language (Hyper Text Markup Language) , which is a language used to describe web pages. HTML is not a programming language, but a markup language. A markup language is a set of markup tags.
Hypertext has two meanings:
(1) It can add pictures, sounds, animations, multimedia and other content (beyond the text limit).
(2) It can also jump from one file to another, linking with files on hosts around the world ( hyperlink text ).
3. Formation of web pages
A web page is composed of page elements, which are described using html tags and then parsed by the browser to display to the user.
2. Commonly used browsers
Web pages are displayed through browsers. There are two points to note about browsers:
1. Commonly used browsers
A browser is a platform for displaying and running web pages. Commonly used browsers are IE, Firefox (Firefox), Google (Chrome), Safari and Opera. Usually known as the top five browsers.
2. Browser Kernel
Browser kernel (rendering engine): responsible for reading web page content, arranging information, calculating how web pages are displayed and displaying pages.
| browser | kernel | Remark |
| IE | Trident | IE, Cheetah Security, 360 Speed Browser, Baidu Browser |
| Firefox | gecko | Firefox browser kernel |
| Safari | webkit | safari |
| Chrome/Opera | blink | Chrome/Opera browser kernel. Blink is actually a branch of webkit |
3. Web Standards
Web standards are a collection of standards developed by the W3c organization and other standardization organizations. W3c (World Wide Web Consortium) is the most famous international standardization organization.
1. Why web standards are needed
Because browsers are different, they display pages or layout slightly differently. For example: web page font size, color, etc. Since the effect parsed by different browsers may be inconsistent, it will cause developers to spend a lot of time for the development of multiple versions.
When following Web standards, in addition to making pages written by different developers more standard and uniform. There are also the following advantages:
- Make the Web's Development Prospects Broader
- Content can be accessed and used by a wider range of devices
- Easier to be searched by search engines
- Reduce website traffic costs
- Make the website easier to maintain
- Improve web browsing speed
2. Composition of Web Standards
It mainly includes three aspects : structure , presentation and behavior .
| standard | illustrate |
| structure | The structure is used to organize and classify the elements of the web page. At this stage, the main learning is HTML. |
| Performance | It is used to set the layout, color, size and other appearance styles of web elements, mainly referring to CSS |
| Behavior | Behavior refers to the definition of web page models and the writing of interactions. At this stage, I mainly learn JavaScript |
Web standards propose the best experience solution: separation of structure, style, and behavior. Simply put, structure is written into HTML files, representations are written into CSS files, and behaviors are written into JavaScript files. Note: Of the three, structure is the most important.