Introduction to Semantic HTML Tags
|
In the past few years, DIV+CSS was very popular in website development, and it caused a huge uproar at the time. But later on, pure DIV+CSS was abandoned by programmers for front-end development, and the term "semantic tagging" came out. So what does this word mean? The following is excerpted from Baidu Encyclopedia: HTML tag semantics: the meaning of HTML tags . First of all, let’s talk about the difference between semantics and default styles. Default styles are the expressions of some common tags set by the browser. I think its main purpose is to let everyone intuitively understand the purpose and function of tags (markup) and attributes (attribute). Obviously, the Hx series looks like a title because it has bold and larger font size. , used to distinguish it from other characters and serve to emphasize it. As for lists and tables, it's obvious what they do. So how can we understand this passage well? In fact, this paragraph shows that you should use whatever tags you need, and don’t use DIV layout deliberately. For example, if you want to add bold or something, you can use it directly, and there is no need to use class for rendering. Be more natural. For example, you can also use table layout appropriately in the page. Who says tables are not good for SEO? Even Baidu uses tables. So use whichever is more convenient and whichever has a clearer structure. Eliminate the term DIV+CSS layout. |
<<: A must-read career plan for web design practitioners
>>: Vue3.0 uses the vue-grid-layout plug-in to implement drag layout
Recommend
Analysis of the problems and solutions encountered in importing large amounts of data into MySQL
In the project, we often encounter the problem of...
Detailed explanation of primary keys and transactions in MySQL
Table of contents 1. Comments on MySQL primary ke...
Notes on the MySQL database backup process
Today I looked at some things related to data bac...
Summary of pitfalls of using nginx as a reverse proxy for grpc
background As we all know, nginx is a high-perfor...
MySQL transaction isolation level details
serializable serialization (no problem) Transacti...
Detailed explanation of bash command usage
On Linux, bash is adopted as the standard, which ...
Mysql sql slow query monitoring script code example
1. Modify my.cnf #The overall effect is that both...
CSS float (float, clear) popular explanation and experience sharing
I came into contact with CSS a long time ago, but...
Example explanation of MySQL foreign key constraints
MySQL's foreign key constraint is used to est...
Elements of user experience or elements of web design
System and user environment design <br />Th...
How to use MySQL DATEDIFF function to get the time interval between two dates
describe Returns the time interval between two da...
MySQL5.7.27-winx64 version win10 download and installation tutorial diagram
MySQL 5.7 installation We are learning MySQL data...
Solve the group by query problem after upgrading Mysql to 5.7
Find the problem After upgrading MySQL to MySQL 5...
Detailed description of the use of advanced configuration of Firewalld in Linux
IP masquerading and port forwarding Firewalld sup...
Implementation of react loop data (list)
First, let's simulate the data coming from th...