Home > Web Front-end > HTML Tutorial > Introduction to keyword design methods in web design_HTML/Xhtml_Web page production

Introduction to keyword design methods in web design_HTML/Xhtml_Web page production

WBOY
Release: 2016-05-16 16:41:10
Original
1975 people have browsed it

Many times, when we make the home page, we ignore the setting of the web page header attributes. The web page header attribute refers to the area affected by the

identifier in the Html file. The header information of the Html file includes the collection of some information about the current file. After modifying the attributes of the area, it will not be directly Affects the visual effect of the file. But by setting it up, our homepage creation process will be more standardized and easier to use.
Now let’s take a look at how to set some homepage header attributes:

1. META identifier
The META identifier is the homepage header element used to record Some important information about the current page, such as the web page's character set, author, version, web page keywords, etc.
For example:
<head>
........................
<meta http-equiv=″Content-Type″ content=″text/html; charset =gb2312″>
<meta name=”Computer Software and Hardware Application Network” content=”Computer Software and Hardware Application Network Studio Production”>
<meta name=”Version” content=”The third revision”>
 <meta name=”Content” content=”Software download and use, homepage creation, making money, navigation...”>
 ........................
 < /head>
 The content of "name" indicates that the META identifier contains descriptive information about the current page, and "http-equiv" indicates the HTTP header information (HTTP-EQUIV).
 
 2. Insert keyword attributes
Many popular search engine robots on the Internet today can read the keyword attribute in the META identifier and add it to their database based on the information provided. index in. When viewers enter relevant keyword searches on the search website, your web page address will be included. But some search engines will limit the number of your keywords, and redundant keywords will be ignored.
For example:
<meta name=″keywords″ content=″Computer Software and Hardware Application Network Studio, http://www.jb51.net″>
Software download, software usage, homepage production, navigation">
Where "keywords" is the keyword, and the "content" content is the attribute of the keyword.
3. Insert the web page description attribute
Same as the nature of keywords (Keywords), the web page introduction provides search engine robots with a rough introduction to the current web page. Some search engines also will Limit the word count of your introduction.
Example:
<meta name=″description″ content=″Computer Software and Hardware Application Network (http://www.jb51.net)--Computer Software and Hardware Application Network Studio, Mavericks”>
4. Insert web page refresh attribute
For example:
<meta http-equiv=”refresh” content=”5;URL=http://www.jb51.net″>
The meaning of this code is: after 5 seconds, the current page will automatically jump to "http://www.jb51.net". The "5" in "content" means that the interval is 5 seconds, and can also be changed to "3", "4" and other times, which are customized by the web page author; "URL" is followed by the other pages you want to jump to. address.
 <meta http-equiv=″refresh″ content=″3″>
 The meaning of this code is: after 3 seconds, the current page will automatically refresh. The "3" in "content" means that the interval is 3 seconds, and it can also be changed to "4", "5" and other times, which are also customized by the web page author.
 5. Insert the web page base link attribute
If all the links in one of your pages use relative path links, and you want to change them to the same absolute path link on the Internet, This can be achieved by setting the base link properties of the web page.
For example:
<base href=”http://www.jb51.net/″ target=”_blank”>
As above, all relative paths on your webpage will be added in front when linking Go to "http://www.jb51.net/". Among them, "target="_blank"" is to open the link file in a new window, and you can make other settings. Change "_blank" to "_parent" to mean that the linked file will be opened in the parent window of the current window; change to "_self" to open the linked file in the current window (frame); change to "_top" to display the linked file in full screen.
The above are some tips for setting the header attributes of web pages. I hope it will be helpful to the majority of netizens who create homepages. The author Xiaoniu hopes that everyone can make our online home (personal homepage) more beautiful by exchanging experiences and insights on homepage production!
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template