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

May 16, 2016 pm 04:41 PM

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!
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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What is the purpose of the <progress> element? What is the purpose of the <progress> element? Mar 21, 2025 pm 12:34 PM

The article discusses the HTML &lt;progress&gt; element, its purpose, styling, and differences from the &lt;meter&gt; element. The main focus is on using &lt;progress&gt; for task completion and &lt;meter&gt; for stati

Is HTML easy to learn for beginners? Is HTML easy to learn for beginners? Apr 07, 2025 am 12:11 AM

HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

What is the purpose of the <datalist> element? What is the purpose of the <datalist> element? Mar 21, 2025 pm 12:33 PM

The article discusses the HTML &lt;datalist&gt; element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

What is the viewport meta tag? Why is it important for responsive design? What is the viewport meta tag? Why is it important for responsive design? Mar 20, 2025 pm 05:56 PM

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

What is the purpose of the <iframe> tag? What are the security considerations when using it? What is the purpose of the <iframe> tag? What are the security considerations when using it? Mar 20, 2025 pm 06:05 PM

The article discusses the &lt;iframe&gt; tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

The Roles of HTML, CSS, and JavaScript: Core Responsibilities The Roles of HTML, CSS, and JavaScript: Core Responsibilities Apr 08, 2025 pm 07:05 PM

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

What is the purpose of the <meter> element? What is the purpose of the <meter> element? Mar 21, 2025 pm 12:35 PM

The article discusses the HTML &lt;meter&gt; element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates &lt;meter&gt; from &lt;progress&gt; and ex

Understanding HTML, CSS, and JavaScript: A Beginner's Guide Understanding HTML, CSS, and JavaScript: A Beginner's Guide Apr 12, 2025 am 12:02 AM

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

See all articles