Classic interview questions spread from Yahoo_html/css_WEB-ITnose

There is such a piece of HTML, please find fault:

1. What I wrote is not HTML, it is loneliness.
   (The text has changed). After using it for many years, no one has answered it completely correctly.

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　

The motivation for asking this question is that too many people I think HTML is too simple, but it is the most basic and important part of front-end development. Whether the HTML structure design is reasonable or not directly affects whether the code is easy to maintain and flexible. It is also related to web page performance and collaboration efficiency. I have encountered many people who think that front-end development is just JavaScript development, which is totally wrong. JavaScript, HTML, and CSS, the three basic pillars of front-end development, are completely different in nature but closely related. Correct understanding and reasonable application of them is the difference between professionals and non-professionals. Some backend engineers can write beautiful JS, but they really don't know how to combine js, html, and css in a reasonable way. The accurate grasp of HTML is not like learning a general programming language, but is based on rich practical experience and understanding. It is a basic skill for front-end engineers.

This is not a serious question or a pretentious question. It is a serious "egg drawing" question that tests basic skills. The code is like the person, and his understanding of a line of code is enough to reflect his front-end development literacy.

Back to business. Test points for this question:

Test point 1: The difference between html and xhtml
This line of code is completely correct under html 4.01 strict, but there are a lot of errors under xhtml 1.0 strict. So it is obviously a test point. Under xhtml, all tags are closed, p and br need to be closed, tags are not allowed to be uppercase, and P must be lowercase. At the same time, nbsp and br must be included in the container. None of these are wrong under html. p is an optional closing tag in HTML and does not need to be closed.

This test point tells you how harsh xhtml is. This is the basic test point. If you answer it correctly, you can get 60 points.

Test point 2: Test style separation
It is unreasonable to use nbsp to control indentation. This should be done with CSS. So it should be deletednbsp

Test point 3: Reasonable use of tags
br is a forced line break tag, and p is a paragraph. The original question used continuous br to create the effect of two paragraphs. The effect was achieved, but it was obviously used unreasonably and the paragraph spacing could no longer be controlled later. The correct way is to use two p's to represent two paragraphs. "I said" is followed by normal text and it is reasonable to use br.

If you answer all the above correctly, you will get 100 points.

Results of improvements to the original question:
html 4.01:

What I wrote was not HTML, but loneliness.

I said:
Don’t be obsessed with me, he is just a legend

Copy code
2. xhtml 1.0:

What I write is not HTML, but loneliness.

I said:
Don’t be obsessed with me, he is just a legend

Copy code

1. Bonus points: Reasonable use of semantic tags
Based on the previous ones, reasonable use of semantic tags to mark the content as necessary is extra points. But excessive use of tags is superfluous. For example, "I say" can be marked with the q tag.

What I write is not HTML, but loneliness.

I said:
Don’t be obsessed with me, he is just a legend

Copy Code
3. I think this is enough. If we go further, "I" should be marked with cite, and "HTML" should be marked with abbr or acronym (it would be too serious to discuss the difference between abbr and acronym) , also OK. No need to be more complicated.

What I wrote was notHTML, but loneliness.

I said:
Don’t be obsessed with me, he is just a legend

Copy code