HTML links and Text labels _ Experience Exchange

Source: Internet
Author: User
We all know that the biggest feature of web pages is "links", and that the thing that we are accustomed to now seems to have changed dramatically in our lives, and that this little label has made the world's countless internet geniuses. So let's take a look at the label's True colors:

<a href= "URL" > Text area </a>
This is the simple label, in fact, we are all in use, with Dreamweaver can be very simple to add links. But even so, we need to know what a property is, so we can use it better. A is an inline label, which means that it does not produce a branch itself. He is an element of the text. Then we all know that inline elements cannot contain block elements. That means that in a, you can't include paragraphs, Div, and other block-level elements. Do you have such a situation in your work? Do you have countless block-level tags in a? That from now on to get rid of this bad habit, so not only to avoid some unnecessary bugs, but also to Google and other search engines a good impression, more points of impression. In addition, it is recommended that the Titile attribute be added to the big guy in A. Cases:

<a href= "URL" title= "This can be used to explain or display the full text content" > Text area </a>
Why do you do this, I have such an article here "when the title can not show the full time", we can look at, this is only add title attribute one of the small use, but the effect is very effective.

The URL of the href= "url" in the link label is a very powerful thing, of course, this is not the content of our column, but it is also highly recommended that readers can carefully read the relevant knowledge. I found the relevant documents from the Baidu Encyclopedia, please click to read. About the link for the time being only so much, if you have any questions please contact me through the text or message to me online.

Headlines are almost all the elements of the article, but also we use to identify and index the important elements of the article. We go through the headlines to perceive the core of the article. So you know what? Using the title tag properly will make your article more interesting. We all know that XHTML provides us with H1~H6, six title tags, so how do we assign the use of these six title tags? Here are some suggestions: H1, in the browser to display the largest, so naturally used to represent the largest title, for a site which title is the largest? Is the logo, we usually in the front of the site to mark the first name of the site. So H1 is used to put the logo, of course, if your site does not have a logo, only a site name, that can also. Of course, vibration is not recommended in everyone in the H1 put a picture. We can completely through the CSS to achieve the word map. and the recommended Web page H1 only one occurrence.

When H1 found a dedicated function, the title of the content, or the weight of the header will be placed on a few other title tags. In the remaining few headings H5 and H6 in the browser default display font is less than the normal text font. It is recommended that H5 and H6 be used only as disclaimers or copyright notices. This means that the importance is not too obvious to affect the reading. Use the title tag as much as possible to notice the hierarchical relationship between them. Of course, the use of the title or need to be based on the actual use of the decision. Here's just a suggestion. The title tag is a block line element, but he can no longer contain block-level elements and can only contain inline elements, such as links, images, newline, and so on. Remember a friend two days ago in the article mentioned about the title of the content, but the writing is wrong, he wrote the link in the H1 tag outside, the H1 wrapped up, such a letter is not recommended. Also does not conform to the standard thought is easy to the later study to produce the bad direction.

Our article inevitably has the wrong place, then the mistake must change, but sometimes we need to tell the reader this paragraph is deleted but can let the reader see. The effect of the deletion of the tag is then generated. We used to use <s></s> or <strike></strike> to get a strikethrough effect. But this table is just a strikethrough effect, and there's no more explicit semantics than Del, so here I'm going to tell you to give up the previous way and use the <del></del> tag. The same can express the effect we need, and the meaning is more direct and clear. So in addition to deleting sometimes we need to make some additions and modifications to the deleted parts. Then the label is very useful, that is, insert the label <ins></ins>. I don't think so. We also know how to use these two tags, but don't forget to add two important attributes to these two tags: cite and datetime. Explanations with time. Needless to say, just use the text to specify why you want to delete it or why you want to insert it. But this time needs to be clear about the format. The strict format is: Yyyy-mm-ddthh:mm:sstzd. Oh and we usually use almost but there is a difference, where T is to represent the beginning of the time period required characters, and TZD is the time zone, Z is the table is Greenwich Standard Time. The writing of a show is: 2008-03-25t14:26:22z

There are two tags in all labels that are style labels, but they are not disabled, because the two labels are very specific, superscript,<sup> </sup>,<sub> subscript </sub>.

These two tags are relatively small, but the superscript should still be used, such as temperature in the small circle of degrees Celsius, of course, there are professional characters corresponding to the "℃", as well as we often see in the book footnote superscript [1].

HR, divide the line, this label and line-changing label as long as pay attention to the wording of the label can be
About the text part of the label is here, of course, there may be many tags, but some do not recommend, not commonly used, here is no longer recommended, interested in the search for the relevant space to read it. The next article will introduce CSS, a little bit of landscaping our documents.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.