Maison >interface Web >tutoriel HTML >Description détaillée des exemples de code d'en-tête de page Web HTML
Description détaillée des exemples de code d'en-tête de page Web HTML
- 高洛峰original
- 2017-03-09 16:15:033316parcourir
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. 6f6cb83b34cb7f2d6a4aed109317b73a, 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 dde6fb694e6711ae5e6f381704c04ae4, 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>
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 03d0e15baf5b7c9d224e5281b47a68fe, 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 :
f35d6e602fd7d0f0edfa6f7d103c1b57mots-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 868e796e9fbb547c5f08e864a7a4df0c, 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)
2cc198a1d5eb0d3eb508d858c9f5cbdbdescription. 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 5d105b397e9be605b08d92859f122576. 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.
5bdf4c78156c7953567bb5a0aef2fc53auteur. Auteur, utilisé pour définir le nom de l'auteur du site Web, souvent utilisé par les sites Web plus professionnels. Le format est 2e55bcb898cb5422546bb5c9b24ba5f0
23889872c2e8594e0f446a471a78ec4cgé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. Format26d6c12375e0a6ef5fa1923ee3a6228e
43ad812d3a971134e40facaca816c822robots. 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 8aa0328c2bbfedebf4832c770767454a. 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 :
f35d6e602fd7d0f0edfa6f7d103c1b57content-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 9e5b326746919d56ee17268cdd015a6d, 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.
2cc198a1d5eb0d3eb508d858c9f5cbdbrefresh 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 757080911671a20b1611a7846036206c signifie intervalle d'actualisation une fois. toutes les 30 secondes. Le deuxième format d'écriture est 0680a513e2570aa091dfe751f4757d53, ce qui signifie que la page passera automatiquement à www.google après 30 secondes. .com site
5bdf4c78156c7953567bb5a0aef2fc53expires，中文意思为“到期”，用于设置页面到期时间。一旦网页过期，必须到服务器上重新调用网页。第一种编写格式为67eda0067fee50e170a651aa33e1d252，content值代表网页过期的时间，必须使用GMT时间格式。第二种编写格式为773dc1f8cd63bc6f1079cf90f36c788e，表示多少秒后过期。
23889872c2e8594e0f446a471a78ec4ccache-control，缓存控制。用于禁止在缓存中调用网页，编写格式为6556fc60f75d8651a43a242f406d2590，no-cache代表不允许缓存。
43ad812d3a971134e40facaca816c822set-cookie，设置cookie，用于设置本页面cookie多久过期，编写格式为2d3649584c0d2a047839fd197370b05c，代表到这个时间，cookie将被删除。
知识点三：头部信息实现与CSS及JavaScript混编
CSS负责HTML网页的样式，JaveScript负责HTML网页的动态行为。CSS和JaveScript最常用的融合方式是写入头部信息部分。
f35d6e602fd7d0f0edfa6f7d103c1b57加入CSS只需在头部信息中加入5d116c75ef5ab3f65ecf7feff639cac6531ac245ce3e4fe3d50054a55f265927标签对。范例代码如下
代码如下:
<html> <head> <title>CSS的设置</title> <style type=“text/css”> CSS具体内容 </style> </head> <body> </body> </html>
2cc198a1d5eb0d3eb508d858c9f5cbdb加入JavaScript只需要在头部信息中加入9a116d82a87b65437c19d45bbc7d3a3e2cacc6d41bbb37262a98f745aa00fbf0标签对。范例代码如下：
代码如下:
<html> <head> <title>CSS的设置</title> <style type=“text/css”> CSS具体内容 </style> <script type=“text/javascript”> JavaScript具体内容 </script> </head> <body> </body> </html>
知识点四：常用头部信息功能推荐
f35d6e602fd7d0f0edfa6f7d103c1b57页面切换特效，其中一种特效的编写格式如下：
代码如下:
<meta http-equiv=“page-enter” content=“blendtrans（duration=0.5）”/>
http-equiv属性的值为page-enter时表进入该页面时启用特效，http-equiv属性的值为page-exit时代表退出（离开）该页面时启用特效。
Content属性的值代表特效的种类，这种特效也叫动态滤镜。滤镜种类很多，比如blendtrans就是很常见得一种，效果为淡入淡出，duration值表示效果持续的时间（单位为秒）。
另一种滤镜特效编写格式如下：
代码如下:
<meta http-equiv=“page-enter” content=“revealTrans（duration=6）”/>
动态滤镜revealTrans也可用于页面进入与退出效果。Duration表示滤镜特效持续时间（单位为秒），Transition是滤镜类型，表示想使用哪种特效，取值为0~23。
2cc198a1d5eb0d3eb508d858c9f5cbdb强制页面在当前窗口以独立页面显示，可以防止网页被其他网站框架，编写格式如下：
代码如下:
<meta http-equiv="window-target" content=“_top">
5bdf4c78156c7953567bb5a0aef2fc53页面图标设置，编写格式如下：
代码如下:
<link rel="Shortcut Icon" href="/myicon.ico">
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!