Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What is the fixed structure of html

2025-01-16 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

Today, the editor will share with you the relevant knowledge about what the fixed structure of html is. The content is detailed and the logic is clear. I believe most people still know too much about this, so share this article for your reference. I hope you can get something after reading this article. Let's take a look at it.

HTML is the carrier of web content. Content is the information that web page makers put on the page for users to browse, which can include text, pictures, videos, and so on.

The CSS style is the expression. It's like the coat of a web page. For example, the title font, color changes, or add background pictures, borders, and so on. All these things that are used to change the appearance of content are called representations.

JavaScript is used to achieve special effects on web pages. Such as: mouse over pop-up drop-down menu. Or mouse over the background color of the table. There is also the rotation of focus news (news pictures). It can be understood that animations and interactions are generally realized with JavaScript.

Fixed structure of 1-1html

An HTML file has its own fixed structure.

...

...

Code explanation:

It is called the root tag, and all web page tags are in.

The tag is used to define the header of the document, which is the container for all header elements. The header elements have tags such as, and so on, which are described in more detail in the next section.

The content between and tags is the main content of the web page, such as,

、 、

And other web page content tags, the content in the tags here will be displayed in the browser.

The role of 1-2 tags.

The header of the document describes a variety of attributes and information of the document, including the title of the document. Most of the data contained in the header of the document is not actually displayed to the reader as content.

The following tags can be used in the head section:

...

...

...

1-3 label:

The text content between and the tag is the title information of the web page, which appears in the title bar of the browser. The title tag of a web page is used to tell users and search engines what the main content of the page is. Search engines can quickly determine the theme of the page by the title of the page. The content of each page is different, and each page should have a unique title.

For example:

Hello world

The content of the tag "hello world" will be displayed on the title bar in the browser.

1-4 the purpose of the label:

When we learn to make web pages, we often hear a word that is semantic. So what is semantics? the popular point is to understand the purpose of each tag (under what circumstances it is reasonable to use it). For example, the title tag can be used for the title of the article on the web page. title tags can also be used for the column names of each column on the web page. The paragraph in the article has to be placed in the paragraph tag, and if there is text that you want to emphasize in the article, you can use the em tag to indicate emphasis, and so on.

We have talked so much about semantics, but what benefits can semantics bring to us?

It is easier to be included by search engines.

It is easier for screen readers to read the contents of the web page.

These are all the contents of the article "what is the fixed structure of html". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report