Introduction détaillée aux balises HTML, aux sélecteurs, aux hyperliens et au référencement

Balises communes :

block

La balise img est une fonction alt de balise unique. L'image ne parvient pas à se charger et affiche le contenu dans l'alt. img src="Nom de l'image" alt="Nom de l'image"/>

Introduction détaillée d'une balise :

Implémentation du lien d'une balise :

a tag En cliquant sur la balise a

vous accéderez au lien correspondant pour contrôler le lien pour ouvrir une nouvelle page ou une autre cible, ainsi que soi et les autres

Lui ;

Écrivez dans la section d'en-tête ; la méthode d'ouverture par défaut de tous les liens de la page

, s'il y a des personnes dans la section corps Pour l'attribut cible, l'attribut cible dans la balise a dans la partie corps est

en premier

télécharger l'implémentation d'une balise : Mettez les éléments à télécharger Utilisez #

à l'intérieur pour implémenter la fonction de téléchargement

L'implémentation du point d'ancrage de la balise a : (a Anchor) Bai Bu Fei

Sword

La balise de titre n'est pas une mais un groupe de six :

< ;h4>

Balises de paragraphe Utilisez la balise p pour un paragraphe

< ;p/>

Balise d'accentuation forte La page s'affiche en gras par défaut

Content (Contenu)

Aussi L'accent n'est pas aussi important que le ton de la balise forte. Elle est affichée en italique par défaut

balise span

pour distinguer les styles, un paragraphe de texte ou un style de contenu à distinguer

Conten

Liste

Liste commandée

1. (Article de la liste)< ;/li>

Aucune liste obligatoire

• (élément de liste)

Liste de définitions

Titre de la liste de définition

Définir les éléments de la liste

< ;/dl>

SEO : optimisation des moteurs de recherche Par exemple : Baidu wait

Fonction : il existe un programme d'exploration qui recherche des informations chaque jour et les enregistre

Avantages de balises :

Balises de page sémantiques

Utilisez des balises bonnes pour le référencement ; h1; h3;strong;em représente environ 7 % ou 8 %. 🎜> et n'abusez pas de

pour augmenter la densité des mots clés de la page

sélecteur d'identifiant

#box1,box2{

width:100px;height : 100px;background:red;

}

Sélecteur de groupe # suivi de id+","+ Un groupe d'identifiants utilise le même style

L'utilisation de box (id. ) et class class est une classe, qui peut être comprise comme un identifiant qui peut être utilisé à plusieurs reprises

 ;

le sélecteur de classe peut être suivi de plusieurs styles

balise de sélecteur de type nom {}

sélecteur d'inclusion : sélectionnez

div p{ selon la relation d'inclusion dans la page } signifie toutes les balises p dans la balise div

caractère générique

*{border:1px solid red;} toutes les balises p de la page ont ce format et sont fondamentalement inutiles

Priorité du sélecteur :

Prérequis au même niveau : Les valeurs par défaut du style ce dernier remplaçant le premier

. Plus le niveau d'inclusion est élevé, le style utilisera quel

sélecteur de style de classe

L'ordre d'appel des noms au même niveau ne importe, seul l'ordre des styles

Type (1)

(javaScrapt)

Comparez les priorités de style et jugez en fonction du nombre de priorités de style les plus élevées

N'écrivez pas de relations d'inclusion trop profondes pendant le travail

Pseudo-classe d'un :

lien non visité

survol de la souris (survol de la souris)

activation du lien actif

visité après visite

est écrit avec style

a:link{}

a:hover{}

lien de séquence pseudo-classe visité hover actif

Application : moteur de recherche romans, etc.

pseudo-classe div : hover La plupart des balises prennent en charge le survol

IE6 ne prend en charge aucune pseudo-classe d'autres balises

Pris en charge par IE6 et supérieur

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!