Div + CSS basic Tutorial: the calling of Div + CSS is inaccurate.

Source: Internet
Author: User

Chapter 1: Be aware

1.1 Div + CSS is not accurate

I think most of my students who come to "CSS Learning Network" aim at Div + CSS to learn about Div + CSS, the next step is to learn how to use Div + CSS to layout pages and how to make a standard Div + CSS page from an image.

If you haven't found any errors after reading the first paragraph, it is necessary for you to proceed.

Div + CSS is actually a very wrong name. This is the wishful thinking of Chinese people. What is the standard name?
Haha, that's right. It's XHTML + CSS. don't understand it. I'll explain it to you in detail. If you can understand it below, it will be very helpful during the interview, at the same time, you can learn more easily.

Why do Chinese people call this page layout method Div + CSS?
In the past, the layout of pages was basically based on table layout, or table + CSS. But now the layout of pages is based on Div, so it sounds reasonable to call Div + CSS, I think that the layout of pages is standard pages. Some people even go to the extreme. When other websites use tables, they will laugh at the insufficient standards of pages, it seems that no table is used as a standard ruler for pages. Now, I can tell you that anyone who has such behaviors cannot learn anything like this!

If the Table Page is used, is it not standard ?! What is a standard page? First look at a professional concept, web standards, and then I will ask three questions, you can answer:

Copy content to clipboard

Code:

Web standards are not a set of standards. A webpage consists of three parts: structure, presentation, and behavior ). The corresponding standards are also divided into three aspects: the standard structured language mainly includes XHTML and XML, the standard expression language mainly includes CSS, and the behavior standard mainly includes Object Model (such as W3C
Dom) and ecmascript. Most of these standards are drafted and released by W3C, and some are standards developed by other standards organizations, such as ecmascript standards of ECMA (European Computer Manufacturers Association.

Do you understand? The problem is coming ~ Do not look at the answer first. Find out from the above concepts

Copy content to clipboard

Code:

Question 1: What are the components of web standards?

Question 2: What is a standard structured language?

Question 3: What is the standard language?
Copy content to clipboard

Code:

Answer 1: three parts: structure, performance, and Behavior

Answer 2: XHTML and XML

Answer 3: CSS

After reading the above three questions, what is a standard page? Haha, to put it bluntly, it is the page created according to the web standards. From the second and third questions, we can say that the page created with XHTML and CSS is the standard page, that is to say, the page created by XHTML + CSS is a standard page. How do you understand?

Why not talk about XML + CSS?
This is simple because XML is too complex and most browsers do not fully support xml. So we don't need it to layout the page ~

Since the pages created by XHTML + CSS are standard pages, there are not only Div labels in XHTML, but also span, P, A, UL, Li, DL, DT, DD ...., Even if I don't use a DIV, pages created with other labels (such as UL and Li) are standard pages! Therefore, it is very narrow to use Div + CSS to create standard pages ~ If the full screen is all Div, it is not a standard page. A friend once told me that his page uses all Div, each module, and each functional area, even a line is implemented by a pure Div, and I am very proud to tell you that no one is more standard than the page he makes, he not only made a mistake in understanding the Web standard pages, but also made a huge mistake. Every tag in XHTML has its own role, performs its duties, and maintains its responsibilities. It should be used properly, this is a standard page, and DIV is not omnipotent ~!

When talking about this, we should understand that this method of page layout in the web era is called Div + CSS, which is inaccurate and should be called XHTML + CSS.

All the students who see this section will try to talk about XHTML + CSS in the future. Don't talk about Div + CSS again. If you have to say it, add a description, for example

Copy content to clipboard

Code:

Interviewer: Do you know about Div + CSS?

Applicant: div + CSS should be called XHTML + CSS accurately. I am very familiar with this page layout method !......

If you are an interviewer, how do you feel about this candidate? Heheh
Good ~! This lesson is here, class!

From: CSS Learning Network

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.