Html5 things you don't know (1). html5 things

Html5 things you don't know (1). html5 things
Introduction to the article: I believe that html5 is familiar to everyone, but what is its true significance in specific development? What new definition and concept does html have? Why do some experts believe that after html5 is fully completed, all work can be achieved in the real cloud mode? Have you understood this series of questions? This series of articles will answer all the things you don't know about html5 and html. They will include new ideas and ideas such as html5, the intention of the new html5 tag and the application in specific development scenarios, the emotional experience of html5 and css3 (usage matching ), including some small privacy of html5 father html (things you may not know during development );
Back to today's topic what you may not know in this article is: 1) What do you not notice in the basic structure of the html page? 2) What is the difference between "semantic", the most important concept in html5, and html? 3) Does the naming of web files affect your website experience?
The first question: what content Have you not noticed in the basic structure of the html page?
The following is a standard html page code.
This is the most basic html page. You may not be familiar with it. What else do I not know? If you know all the points below, it proves that you have carefully studied html and browsers;
First point: <! DOCTYPE html> the usage of this tag. You may find that it is correct if you do not write this tag on an html page. Why do you need to add this tag? What is the purpose? In fact, its purpose is 1. Tell the browser that the file is an html file; 2. Tell the browser the html version. The standard of writing this tag is what I wrote above, of course, you can use lower-case Browsers without errors, but the standard is to use upper-case letters. It can be said that the entire html Tag is based on the doctype tag standard. The other standards are in lower-case letters; of course, you may not follow the standard. After all, the html rules are relatively loose. The more loose the rule, the more standard the developer should follow. ps: html5 must have this label, the specific cause will be detailed in the subsequent articles about the improved HTML5DOCTYPE;
Second: Third: Second question:
What is the difference between "semantic", the most important concept in html5, and html? The concept of semantics is accompanied by the emergence of html5. What is the meaning of semantics in html5? In short, it is "meaning". For example, <p> A tag is the meaning of a paragraph. All tags in html5 have the semantics of reading a book. Tags without semantics are included in html, but not in html5. for example, <font> tags. html5 adds some new tags such as article to supplement the current shortcomings of html, footer, header, and so on; the classification of some tags also changes from block-level elements to intra-row elements to peripheral content and phrase content. In html5, the most basic concept is separation of semantics and display., the labels in html code let developers or browsers know what to use at a Glance. As for the display effect, it is what ccs3 (Cascading Style Sheet) needs to do, therefore, in html5, the two friends finally developed a beautiful distance. What are the benefits of semantic processing for html documents? 1. improve accessibility and interoperability (better compatibility) 2. improved search engine optimization 3. generally, html files can be smaller. 4. make the code more robust and more harmonious with css3;
Third question: have you ever thought that the naming of webpage files will affect your website experience?
The first thought of this is unreliable. Does the name of a file affect the website experience? The correct answer is indeed: Yes, for example, the file name: Html_First_Blog.htm and html-first-blog.html. The two file names are the second to win the first in terms of user experience and search engines. Will someone ask why ?? Next, let's take note of the following points: 1. The file name must be in lower case: the scenario is the simplest input address. You think it is http: // 192.168.0.1/TestHtml/The_First/Html5.html is convenient or http: // 192.168.0.1/testhtml/the-first/html5.html is convenient? Let me know this. 2. Use a hyphen to separate words. Everyone will think that it is good to use "_". In fact, this is the method used in c development. It can also be said that it is a habit, however, "-" is a style that search engines prefer;
3. Use the standard extension: Now many websites use the extended .htmname. This browser does not report errors, but the extended name of the standard extension .html. Therefore, do not save time to write the letter "l" in the future; remember the above points to write the correct naming method for webpage files. do not include the method for writing other languages.
Today I talked about some things that I usually want to see, but I will not pay attention to (just the tip of the iceberg). I don't know if I can help you read this article? In fact, if you do not pay attention to these details at ordinary times, there may be no major errors, but a good developer needs to have a good habit. A good software requires a good detailed experience, A good website also needs better specifications and details (What do you mean ?)
In the next article, we will talk about the usage of Thank you for your reading. We are looking forward to seeing you next time;

Get a blog update reminder and share more technical information as soon as possible. Welcome to the personal public platform: coder_online)

1. Help you directly answer questions above Html5

2. Get technical articles from more than 10 fields in the industry in the first time

3. Ask questions in the article, reply to you immediately, and help you answer questions patiently

4. Let you and the original author become good friends and expand their own network resources

Scan the QR code below or search for the coder_online code. We can contact you online.