HTML links and text tags_Experience exchange

We all know that the biggest feature of web pages is "links". Yes, this thing that we seem to take for granted now has made huge changes in our lives. It is this small label that has made countless Internet geniuses in the world. So let us take a look at the true face of this tag:

Text area
It is this simple tag. In fact, everyone is using it. It can be very simple with Dreamweaver Add link. But despite this, we still need to know what the attributes of A are so that we can make better use of it. A is an inline tag, which means that it does not cause a line branch by itself. He is Wusu who flows into the text. Well we all know that inline elements cannot contain block elements. That means block-level elements such as paragraphs and DIVs cannot be included in A. So does this happen to you at work? Have countless block-level tags been added to A? Then start getting rid of this bad habit from now on. This will not only avoid unnecessary BUG problems, but also give a good impression to search engines such as GOOGLE and gain more impression points. Of course, in addition to this, Zhenzhi also recommends adding the titile attribute to A. Example:

Text area
Why do this? I have such a You can take a look at the article "When the title cannot be displayed completely". This is just a small use of adding the title attribute, but it is very effective.

The href="URL" in the link tag is a very powerful URL. Of course, this is not the content of our column, but it is highly recommended that readers read the relevant knowledge carefully. I found the relevant documents from Baidu Encyclopedia, please click to read. This is all about links for the time being. If you have any questions, please contact me through the contact information at the end of the article or leave me a message online.

The title is an element that almost all articles have, and it is also an important element that we use to identify and index articles. We use the title to perceive the core of the article. So you know what? Proper use of title tags will make your article more interesting. We all know that XHTML provides us with six title tags, h1~h6, so how do we allocate the use of these six title tags? Here are some suggestions: h1, which displays the largest in the browser, is naturally used to represent the largest title. Which title is the largest for a website? It is a LOGO. We usually mark the name of the website at the front of the website. So h1 is used to put the LOGO. Of course, if your website does not have a LOGO and only has a website name, that is okay. Of course, Zhenzhi does not recommend putting a picture in h1. We can completely replace images with words through CSS. And h1 only appears once in the recommended web page.

When h1 has found a dedicated function, the burden of being responsible for the content title or its title will be placed on several other title tags. Among the remaining titles, h5 and h6, the browser's default display font is smaller than the normal text font.Then it is recommended that h5 and h6 be used only as a disclaimer or copyright notice. This shows the importance without being too obvious and affecting reading. When using title tags, pay attention to the hierarchical relationship between them as much as possible. Of course, the use of titles still needs to be determined based on actual use. This is just a suggestion. The title tag is a block line element, but it can no longer contain block-level elements. It can only contain inline elements, such as links, images, line breaks, etc. I remember a friend mentioned something about the title in an article two days ago, but the way it was written was wrong. He wrote the link outside the H1 tag and wrapped the H1. This way of writing is not recommended. Thinking that does not conform to standards can easily lead to bad guidance for future learning.

Our articles will inevitably have errors, so if there are errors, they must be corrected. However, sometimes we need to tell readers that this paragraph has been deleted but still allows readers to see it. Then the effect of deleting the label comes into play. In the past, we would use or to get a strikethrough effect. But this is just the effect of a strikethrough, and the semantics are not as clear as DEL, so here I want to tell you to abandon the previous method and use the tag. It can also express the effect we need, and the meaning is more direct and clear. So in addition to deleting, sometimes we also need to make some additions and modifications to the deleted parts. Then this tag is very useful, that is, inserting the tag . I believe that everyone knows how to use these two tags without me saying it, but don’t forget to add two important attributes to these two tags: cite and datetime. Explanation and time. There is no need to explain, just use text to indicate why you want to delete or why you want to insert. But this time the format needs to be clarified. The strict format is: YYYY-MM-DDThh:mm:ssTZD. Haha is similar to what we usually use but there are differences. T is a required character indicating the start of the time period, while TZD represents the time zone, and Z represents Greenwich Mean Time. The writing method of Yixiu is: 2008-03-25T14:26:22Z

Among all the tags, two tags are style tags, but they are not disabled because the content expressed by these two tags is very In particular, superscript and subscript, ^superscript, _subscript.

The chance of using these two tags is relatively small, but superscripts should still be commonly used, such as the small circle above the temperature in degrees Celsius. Of course, there are professional characters corresponding to "℃", and We often see footnote superscripts [1] in books.

hr, divides the dividing line. Just pay attention to the writing of this label and the line break label

---

That’s it for the labels in the text part. Of course, there may be many more tags, but some that are not recommended or commonly used are not recommended here. If you are interested, you can search the relevant content and read them. The next article will introduce CSS to beautify our document bit by bit.