Description détaillée des exemples de code d'en-tête de page Web HTML-tutoriel HTML-php.cn

En HTML, on appelle généralement cette partie l'entête d'une page web. Bien que le contenu de l'en-tête ne soit pas affiché sur la page, cela peut affecter l'inclusion et le tri des pages Web par les moteurs de recherche, ainsi que divers paramètres globaux des pages Web, ce qui peut être considéré comme crucial

Point de connaissance 1 : Définir l'URL de base de la page Web dans les informations d'en-tête

L'essence de l'URL de base est de définir uniformément les attributs du lien hypertexte. , qui possède deux attributs href et _target. href est utilisé pour définir le chemin de l'URL de base et _target est utilisé pour définir la méthode d'ouverture du lien hypertexte.

En ajoutant l'URL de base, toutes les adresses racines relatives des sites Web dans la page peuvent être converties en adresses absolues. Lorsque le navigateur parcourt la page, l'adresse relative du site Web et du répertoire est ajoutée à l'arrière du chemin de l'URL de base via la balise , la convertissant ainsi en une adresse absolue. Nous créons d'abord un base.htm et écrivons le code HTML comme suit :

Le code est le suivant :

<html> 
<head> 
<title>基底网址的设置</title> 
<base href="<a href="http://www.php.cn">http://www.php.cn/;/a>" _target="_blank" /> 
</head> 
<body> 
</body> 
</html>

Copier après la connexion

Définissez l'URL de base via le code ci-dessus. L'adresse de tout lien hypertexte dans la page Base.htm sera précédée de "http://www.jb51.net", qui est converti en adresse absolue. De plus, les hyperliens sur la page sont ouverts dans de nouvelles fenêtres.

Point de connaissance 2 : Balise de méta-informations des informations d'en-tête

La balise de méta-informations est la balise de base des informations d'en-tête qui est détaillée dans les codes des pages Web professionnelles. . installation. La balise de méta-informations est , qui est une balise unique. Les informations fournies par l'élément Meta sont invisibles pour les utilisateurs navigants et sont généralement utilisées pour définir le nom, les mots-clés, l'auteur, etc. des informations de la page. Dans une page HTML, une balise méta contient un contenu méta et il peut y avoir plusieurs éléments méta dans une page d'en-tête HTML.

Il existe deux types d'attributs de balise méta : l'attribut de description de page (nom) et les informations de titre http (http-equiv).

attribut name

L'attribut name est principalement utilisé pour décrire le contenu de la page Web et est utilisé pour l'optimisation des moteurs de recherche, il doit donc être maîtrisé. Définissez correctement l'attribut name afin que les robots de recherche des moteurs de recherche (tels que Google et Baidu) puissent trouver et classer les pages Web. Les moteurs de recherche trouveront généralement automatiquement la méta-valeur pour classer les pages Web. La valeur du nom est la suivante :

<1>mots-clés. Autrement dit, les mots-clés sont utilisés pour décrire les mots-clés et autres informations contenus dans la page Web, augmentant ainsi la probabilité d'être recherché par les moteurs de recherche. Le format d'écriture est , et la valeur de l'attribut content est le mot-clé spécifique défini par l'utilisateur. (En général, plusieurs mots-clés peuvent être définis, séparés par des virgules anglaises demi-largeur. Les moteurs de recherche limitent le nombre de mots-clés, le contenu des mots-clés doit donc être concis et concis)

<2>description. Cela signifie « description » en chinois et est utilisé pour décrire le contenu principal, le thème, etc. d'une page Web. Des paramètres raisonnables peuvent également augmenter la probabilité d'être recherchée par les moteurs de recherche. Le format est . La valeur de l'attribut de contenu est la description spécifique de la page définie par l'utilisateur. Elle peut contenir jusqu'à 1024 caractères, mais la recherche. Le moteur n’affiche qu’environ la première moitié de la page.

<3>auteur. Auteur, utilisé pour définir le nom de l'auteur du site Web, souvent utilisé par les sites Web plus professionnels. Le format est

<4>générateur. Le générateur, utilisé pour définir le nom de l’outil d’édition du site Web, est souvent utilisé sur les pages de sites Web plus professionnels. Format

<5>robots. Bots, utilisés pour limiter la manière dont les pages sont recherchées. Le robot de recherche du moteur de recherche récupère en permanence des informations et crée sa propre base de données à partir des liens présents sur la page Web (tels que les liens http et src). Cette balise méta peut limiter la détection de certains contenus par les moteurs de recherche et réduire la divulgation de certaines informations. Le format d'écriture est . La valeur de cet attribut contient 4 commandes, à savoir index, noindex, follow et nofollow. Il existe 4 combinaisons selon la disposition et la combinaison. La combinaison d'Index et de follow peut également être appelée all, et noindex et nofollow peuvent également être appelées none.

Attribut http-equiv

La valeur de l'attribut http-equiv est la suivante :

<1>content-type, catégorie de contenu , utilisez le jeu de caractères de catégorie et de langue pour la page des paramètres. Format d'écriture , la valeur de l'attribut content indique que la page est affichée en code HTML et le caractère set est gb2312 (chinois simplifié), pour le développement de sites Web internationaux, afin d'unifier les caractères, il est recommandé d'utiliser utf-8.

<2>refresh pour le jeu de caractères. L'actualisation est utilisée pour définir la durée pendant laquelle la page Web s'actualise ou passe automatiquement à d'autres pages au cours d'une période donnée. Le premier format d'écriture signifie intervalle d'actualisation une fois. toutes les 30 secondes. Le deuxième format d'écriture est , ce qui signifie que la page passera automatiquement à www.google après 30 secondes. .com site

<3>expires，中文意思为“到期”，用于设置页面到期时间。一旦网页过期，必须到服务器上重新调用网页。第一种编写格式为，content值代表网页过期的时间，必须使用GMT时间格式。第二种编写格式为，表示多少秒后过期。

<4>cache-control，缓存控制。用于禁止在缓存中调用网页，编写格式为，no-cache代表不允许缓存。

<5>set-cookie，设置cookie，用于设置本页面cookie多久过期，编写格式为，代表到这个时间，cookie将被删除。

知识点三：头部信息实现与CSS及JavaScript混编

CSS负责HTML网页的样式，JaveScript负责HTML网页的动态行为。CSS和JaveScript最常用的融合方式是写入头部信息部分。
<1>加入CSS只需在头部信息中加入标签对。范例代码如下

代码如下:

<html> 
<head> 
<title>CSS的设置</title> 
<style type=“text/css”> 
CSS具体内容 
</style> 
</head> 
<body> 
</body> 
</html>

Copier après la connexion

<2>加入JavaScript只需要在头部信息中加入标签对。范例代码如下：

代码如下:

<html> 
<head> 
<title>CSS的设置</title> 
<style type=“text/css”> 
CSS具体内容 
</style> 
<script type=“text/javascript”> 
JavaScript具体内容 
</script> 
</head> 
<body> 
</body> 
</html>

Copier après la connexion

知识点四：常用头部信息功能推荐

<1>页面切换特效，其中一种特效的编写格式如下：

代码如下:

<meta http-equiv=“page-enter” content=“blendtrans（duration=0.5）”/>

Copier après la connexion

http-equiv属性的值为page-enter时表进入该页面时启用特效，http-equiv属性的值为page-exit时代表退出（离开）该页面时启用特效。

Content属性的值代表特效的种类，这种特效也叫动态滤镜。滤镜种类很多，比如blendtrans就是很常见得一种，效果为淡入淡出，duration值表示效果持续的时间（单位为秒）。

另一种滤镜特效编写格式如下：

代码如下:

<meta http-equiv=“page-enter” content=“revealTrans（duration=6）”/>

Copier après la connexion

动态滤镜revealTrans也可用于页面进入与退出效果。Duration表示滤镜特效持续时间（单位为秒），Transition是滤镜类型，表示想使用哪种特效，取值为0~23。

<2>强制页面在当前窗口以独立页面显示，可以防止网页被其他网站框架，编写格式如下：

代码如下:

<meta http-equiv="window-target" content=“_top">

Copier après la connexion

<3>页面图标设置，编写格式如下：

代码如下:

<link rel="Shortcut Icon" href="/myicon.ico">

Copier après la connexion

href属性的值是ico图标文件的路径，这里采用的是相对根目录路径

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!