The important role of acronyms in HTML5-

If you are very proficient in HTML and see this title, you may think of the acronym mark in HTML4. That's right. acronym is an English word. Chinese means the acronyms, however, acronym has been discarded in HTML5. Instead, the abbr mark is replaced by the English word abbre ...,. If you are very proficient in HTML and see this title, you may think


The newly added tag in HTML5 is a very useful tag, but it is obviously not valued by web document writers, especially not by technical Article writers. Why? I don't know if you have such an experience. Oh, I remember an interesting article, "The Fall of Java programmers". I strongly recommend you read it, but what I want to say is, there are several hundred strange acronyms listed in it:

Core Java, J2EE, JSP, JDBC, Servlets, AJAX, XML, HTML, XSLT, WebServices, CSS, JavaScript, SQL, Oracle 10g, MySQL 5.0., JMS,Eclipse,Adobe Flex Builder 3.x,UML, JDBC, SVN, JUnit, VSS, Jira, HTML, DHTML,CSS, AJAX, JavaScript, XML, MXML, Action Script, Servlet, JSP, JSTL,Hibernate 3.x, Spring 2.x, IBatis, SOAP, UDDI, WSDL, Apache Axis, Weblogic Server 8.x, Apache Tomcat 5.0, Struts Framework, MVC, ANT, Maven. 

I think if you can fully explain the meaning of each letter in these acronyms, I think you have a thumbs up. When I read some blogs, especially technology and programming articles, I often encounter acronyms that do not understand what they mean, and the author does not give any tips. For many beginners or many outsiders, we should let them know the meaning of each acronyms in a proper way.


Yes, the method is to use the tag.


Abbr Acronyms


The usage of abbr tags is very similar to that of all other HTML tags. The following is an example:

Today, MVCThe pattern is becoming increasingly criticized, and the rapid use of CRUDGeneration and development are even more deprecated by some famous programmers.

Pack your acronyms with tags, and then specify the acronyms from which the title attribute is scaled, or describe the meaning of the acronyms.


Effect of abbr Acronyms


What will the write effect be? What benefits can it bring to readers? Now we can try it on site.

Today, MVC has been criticized by more and more people, and the use of rapid CRUD generation and development has been put aside by some famous programmers.

You will see that there is a small dot under the acronyms, and move your mouse over the acronyms, you will see a prompt, the prompt information is marked with the acronyms filled in the title attribute. It's too convenient. No.


Beautification of abbr Acronyms


If you are using Firefox browsing, this kind of decoration with smaller dots comes with the system. But if you are using Google Chrome or IE, you cannot see these dots. You need to add the following small style rules in the CSS style sheet:

abbr[title], acronym[title] {    border-bottom: 1px dotted;} 

Of course, you can also change it to a more beautiful style, such as a red underline.


Page friendliness is an important indicator for the success of a Web application or web page. As a Web programmer, we should pay attention to the role of tags such as acronyms in the Web page, only when users feel convenient can what we develop truly reflect its value.

The above is the important role of acronyms in HTML5. For more information, see PHP Chinese website (www.php1.cn )!