Maison  >  Article  >  interface Web  >  Bases HTML en front-end

Bases HTML en front-end

php中世界最好的语言
php中世界最好的语言original
2018-03-19 11:59:391890parcourir

Cette fois, je vais vous apporter les bases du HTML dans le front-end. Quelles sont les précautions lors de l'utilisation des connaissances de base du HTML dans le front-end. un cas pratique. Jetons un coup d'oeil.

Connaissances de base du HTML

Pour apprendre le HTML, examinons d'abord l'essence du HTML :

L'essence du framework Web

Nous apprenons le socket , nous créons un socketserver, puis lors de l'exécution, il y a un client qui veut se connecter au serveur socket. Après la connexion, si aucun des deux côtés n'est fermé, il ne sera pas déconnecté et les requêtes pourront être faites en continu.

Parlons ensuite d'un site Web. Nous gérons notre site Web côté serveur, et tous les clients peuvent accéder au site Web que nous avons écrit via le navigateur, donc les iis, Apache, etc. que nous utilisons sont essentiellement les mêmes 🎜>serveur socket

, et le navigateur que nous ouvrons est le client pour la transmission des données.

Si nous sommes basés sur TCP, une fois le client et le serveur connectés, tant que les deux côtés ne sont pas fermés, ils peuvent continuer à accéder et à interagir. Mais la navigation dans un navigateur Web est différente de cela. Le navigateur accède au serveur et le serveur nous fournit les données. Une fois que le navigateur a obtenu les données, la connexion est immédiatement interrompue. Si vous souhaitez toujours obtenir les données, vous devez rétablir la connexion. Autrement dit, une demande, une réponse et une déconnexion.

Écrivons un serveur socket ci-dessous :
 1 import socket 2  3 def handle_request(client): 4     buf = client.recv(1024) 5     client.send(bytes("HTTP/1.1 200 ok\r\n\r\n",encoding="utf-8")) 6     client.send(bytes("Hello,Charles",encoding="utf-8")) 7  8  9 def main():10     sock = socket.socket(socket.AF_INET,socket.SOCK_STREAM)11     sock.bind(('localhost',8000))12     sock.listen(5)13 14     while True:15         connection,addr = sock.accept()16         handle_request(connection)17         connection.close()18 19 if name == 'main':20     main()

Après l'avoir exécuté, nous pouvons y accéder avec un navigateur :

Donc le serveur La racine essentielle, ce sont ces 20 lignes de code pour établir une connexion socket.

En fait, le contenu affiché de mon site Web est essentiellement constitué d'un grand nombre de chaînes. Nous avons envoyé bonjour et clarles dans la fonction d'envoi, et ce contenu est affiché sur le site Web si nous ajoutons quelques balises, telles que <.>
<h1 style=&#39;background-color:red&#39;>Hello,Charles</h1>

Ensuite, ce qui s'affiche dans le navigateur est le suivant :

Ainsi, lorsque le client et le serveur interagissent, le serveur renvoie toujours C'est chaîne La raison pour laquelle nous pouvons voir le style de l'image ci-dessus sur le navigateur est parce que le navigateur a analysé cette chaîne . Les navigateurs reconnaissent ce format.

Donc, le HTML que nous voulons apprendre est en fait un ensemble de règles que les navigateurs comprennent. C'est l'essence du HTML.

Ce que nous, les développeurs, devons faire est :

1. Apprendre les règles HTML (agir comme un modèle)

2. Récupérer les données de la base de données et les remplacer par Spécifier. l'emplacement du fichier html. Cela sera fait par le framework web à l'avenir

balise html Connaissance

Commentaire :