Je fais du développement front-end depuis près de 3 ans. Aujourd'hui, j'aimerais vous parler de certaines de mes expériences personnelles en matière de développement front-end WEB (bien sûr, c'est toute ma compréhension personnelle. Veuillez m'inclure et me corriger s'il y en a). est tout ce que je dis qui est inapproprié ou incorrect). Ici Permettez-moi de commencer par les normes WEB.
Que sont les standards WEB ?
Haha, on dit que c'est un standard WEB, mais ici je résume principalement quelques expériences de XHTML1.1 et CSS2.1. Étant donné que le WEB couvre une grande quantité de contenu, les « normes WEB » sont le nom général d'une série de normes, notamment HTML4.0, XHTML1.1, CSS2.1, XML1.0, RSS2.0, ECMAScript1.1 et DOM1. et ainsi de suite. Je tiens donc ici à vous préciser que le standard WEB n'est pas ce qu'on appelle DIV+CSS.
Je viens de le mentionner ci-dessus - DIV+CSS, haha, laissez-moi vous expliquer ici, c'est en fait incorrect. Le terme précis de DIV+CSS (compréhension personnelle) devrait être : utiliser XHTML1.1 dans la norme WEB recommandée par le W3C combiné avec la feuille de style CSS2.0 pour créer une page. DIV doit faire référence à la balise XHTML, tandis que l'affichage CSS fait référence à. Feuille de style CSS.
Avantages du développement selon les standards WEB
Alors pourquoi le W3C recommande-t-il une telle méthode de production de pages ? Jetons brièvement un coup d'œil aux avantages de l'utilisation du développement standard WEB (compréhension personnelle) par rapport à la disposition TABLE précédente ?
1. Réduisez les coûts d’exploitation et économisez de l’argent !
Haha, seriez-vous intéressé par quelque chose qui pourrait vous aider à économiser de l'argent ? Bien sûr, je suis très intéressé. Voyez-vous comment notre méthode de production standard WEB est réalisée ?
En utilisant les standards WEB pour produire, nous pouvons réaliser une séparation très formelle des expressions. Nous utilisons XHTML pour exprimer (les données) et CSS pour contrôler la forme (présentation des éléments de la page). Dans une page bien écrite, le code XHTML contient essentiellement les données que les utilisateurs souhaitent voir, ainsi que d'autres éléments décoratifs, tous contrôlés par notre CSS. De cette façon, la taille de notre page (XHTML) sera considérablement réduite, de sorte que vos coûts de bande passante seront réduits. Comment réduire cela ? Vous pouvez imaginer que la page d'accueil de YAHOO est petite et que 1 000 000 de personnes la visitent ensemble. quelle quantité de bande passante est économisée ? Et la bande passante peut être mieux utilisée.
Notre CSS contrôle les styles de tous les éléments de la page. Désormais, si vous souhaitez modifier le style général du site Web, il vous suffit de passer quelques minutes à modifier un fichier CSS, et vous pouvez le faire facilement. Les coûts de maintenance ont également diminué, ce qui permet d’économiser beaucoup d’argent, n’est-ce pas ? De plus, vous ouvrirez cette page beaucoup plus rapidement. Une page qui vous fait attendre une demi-minute. À moins que les informations qu’elle contient ne vous soient très utiles, nous n’avons en principe pas beaucoup de temps à attendre.
2. Il est plus convivial et a la possibilité de gagner plus d’utilisateurs.
Parlons maintenant de la convivialité. Je souhaite d’abord classer nos utilisateurs en catégories.
Catégorie 1 : Utilisateurs ordinaires (toutes personnes visitant notre site Web) ;
Catégorie 2 : Moteurs de recherche ;
Les pages développées selon les standards WEB ont une structure claire, une petite taille et une bonne compatibilité avec les navigateurs. Lorsque les utilisateurs ordinaires y accèdent, la page s'ouvre rapidement et quel que soit le navigateur utilisé par l'utilisateur, ils peuvent accéder (afficher) la page normalement, la structure de la page est claire et les données qu'ils recherchent peuvent être facilement parcourues.
Pour les moteurs de recherche, une bonne page développée selon les standards WEB a été optimisée pour le SEO. Elle est très conviviale à visiter et il est facile de comprendre où se trouve le titre (balises H1~H6) dans votre page et où se trouve le paragraphe (p. balise), où se trouve le contenu à mettre en valeur dans le paragraphe (balise forte), etc., il peut être facilement analysé. Comme nous le savons tous, un site avec un bon référencement a plus de chances d’être indexé par les moteurs de recherche. Cela signifie également que votre site Web sera visité par des utilisateurs plus ordinaires, attirant ainsi davantage d’utilisateurs sur votre site.
Cela peut nous aider à économiser beaucoup d’argent et à améliorer l’efficacité du travail. Dans le même temps, il peut améliorer la vitesse de navigation des pages, être convivial et peut même vous attirer plus d’utilisateurs sans dépenser d’argent en publicité. Pensez-vous que vous l'utiliseriez ? Haha, c'est aussi la raison pour laquelle notre W3C recommande d'utiliser les standards WEB pour les sites Web ouverts. Cette technologie a également été reconnue par nos utilisateurs, il vous faut donc désormais apprendre les standards du WEB. ^-^!
Haha, j'ai fini de revoir les cours de base, et maintenant je commence officiellement à parler des compétences XHTML et CSS.
Disposition raisonnable
Certains amis commenceront à se demander, pourquoi commençons-nous à parler d'une mise en page raisonnable dès le début ? Haha, nous avons mentionné quelques points de connaissances plus tôt : « une structure claire, une optimisation du référencement, une petite taille de page et le code XHTML contient essentiellement toutes les exigences de l'utilisateur. les données ». Ces choses sont le résultat de notre disposition raisonnable. Et je pense personnellement que tout ce que nous produisons en utilisant les standards WEB part de ce point de connaissance, je vais donc d'abord parler de ce sujet.
Ensuite, tout le monde commencera à se demander quel type de page est considéré comme une mise en page raisonnable ? Eh bien, c'est une bonne question. C'est aussi l'une des questions les plus fréquemment posées lorsque nous commençons à apprendre à utiliser les standards du WEB. J'ai souvent été troublé par cette question. Ici, je vais parler d'une partie de ma compréhension de la mise en page raisonnable. .
Avant de commencer à parler des éléments qu'une page correctement conçue doit réaliser, il serait plus intuitif pour nous d'utiliser un exemple pour l'expliquer. Regardons d'abord cette image :
http://www.yaohaixiao.com/samples/myblog/index.htm
Oui, il s'agit d'une page de détail d'article, il n'y a pas de disposition de colonnes à gauche et à droite, mais ce sur quoi je veux me concentrer ici est une disposition raisonnable. Je présenterai les éléments flottants en détail dans un article ultérieur. Bon, revenons au sujet de tout à l'heure, tout le monde a vu cette page.