interface Web
tutoriel HTML
Pourquoi ne devrions-nous pas utiliser des tableaux pour la mise en page HTML ?
Pourquoi ne devrions-nous pas utiliser des tableaux pour la mise en page HTML ?
Dans cet article, nous discuterons de la disposition des tables et de ses fonctionnalités. Nous apprendrons pourquoi la disposition en tableau est la disposition la moins utilisée en HTML et pourquoi ce n'est pas une disposition recommandée lors de la conception de sites Web.
La mise en page en HTML spécifie l'organisation de base et le style visuel d'un site Web. La mise en page HTML d'un site Web sert de guide sur la façon de placer les éléments HTML. Il vous permet de créer un site Web à l'aide de balises HTML de base.
Mise en page de la table
En raison de sa complexité, la mise en page des tableaux est l'une des mises en page les moins recommandées en HTML. Comme son nom l’indique, il est basé sur l’élément
| , qui représente le titre du tableau et stocke le titre du tableau. Le dernier est | , qui correspond aux données du tableau, pour obtenir les informations qui doivent être stockées dans le tableau.
ExempleL'exemple suivant crée un tableau contenant une seule ligne. <!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>
<table>
<tr>
<th>This tag defines the heading of the table</th>
</tr>
<tr>
<td>This tag gets the information to be stores in the rows and columns </td>
<p> HTML components can be used inside table tags, and tables can include number of table rows and table data.</p>
</tr>
</table>
</body>
</html>
Copier après la connexion ExempleL'exemple suivant crée un tableau avec plusieurs lignes - <!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>
<table style width=40%>
<tr>
<th>Name</th>
<th>Age</th>
<th>Roll</th>
</tr>
<tr>
<td>Rama</td>
<td>17</td>
<td>1001</td>
</tr>
<tr>
<td>Radha</td>
<td>18</td>
<td>1002</td>
</tr>
</table>
</body>
</html>
Copier après la connexion Pourquoi nous ne devrions pas utiliser de tableaux pour la mise en page HTMLVoici quelques raisons pour lesquelles il n'est pas recommandé d'utiliser des tableaux pour la mise en page HTML -
|
|---|
La disposition des tableaux gêne le référencement. Lorsque nous créons un tableau HTML, nous devons d'abord définir tous les éléments nécessaires du tableau, tels que les lignes du tableau, l'en-tête du tableau et les données du tableau. Si nous souhaitons ajouter un autre élément HTML dans le tableau, il sera rendu en dernier selon le processus de rendu. Disons donc que si nous voulons ajouter une barre de navigation alors elle apparaîtra à la fin du tableau. Cela rend le contenu de la page Web encombré.
Si vous utilisez HTML4.01, vous ne pouvez pas utiliser la disposition des tableaux car elle vous permet uniquement d'utiliser des tableaux simples pour afficher des informations tabulaires. C'est pourquoi nous utilisons principalement HTML5 au lieu de HTML4.
Vous ne pouvez pas utiliser de tableaux imbriqués dans une disposition de tableau car cela rendra la maintenance du tableau plus complexe. Si vous créez des tableaux imbriqués et qu'après quelques jours vous devez apporter des modifications aux données, vous devez alors parcourir l'intégralité des données, ce qui prend du temps et est un processus complexe.
Une autre raison de ne pas utiliser de tableaux pour la mise en page HTML est sa flexibilité. Lors de la création d'un tableau, vous devez lui donner une largeur spécifiée, le tableau mettra alors plus de temps à se charger sur des écrans de largeurs différentes. Dans ce cas, votre table semble correcte sur l'écran d'un ordinateur portable, mais lorsque vous la chargez sur un autre appareil comme un téléphone ou un moniteur, elle ne s'adapte pas à la taille d'écran appropriée de l'appareil.
La taille de la page joue un rôle important dans le choix de la mise en page du site Web, car plus la taille de la page est petite, moins il faut de temps au navigateur pour afficher la page. Dans le cas d'une mise en page de tableau, nous devons définir trois balises méta, sans ces balises le tableau n'affichera pas correctement les données. On peut également ajouter plus d'éléments HTML, mais ces trois éléments doivent être présents, ce qui augmente globalement la taille de la page.
Conclusion
Dans cet article, nous avons discuté de la disposition des tableaux et de ses propriétés. Nous avons brièvement discuté d'un certain nombre de points concernant la disposition des tableaux, qui, tous combinés, suffisent à démontrer pourquoi la disposition des tableaux n'est pas la disposition HTML recommandée à utiliser lors de la conception d'un site Web. En discutant de tous ces points, nous avons comparé la disposition des tableaux avec la disposition Div.
La mise en page Div est la mise en page HTML la plus couramment utilisée et est fortement recommandée en raison de ses propriétés. Essayez de garder tous les points ci-dessus à l’esprit lorsque vous choisissez une mise en page HTML pour votre site Web. À titre de recommandation, nous vous recommandons d'utiliser la mise en page Div si elle répond aux exigences de votre site Web.
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
1393
52
1207
24
Comment changer l'extension de fichier du Bloc-notes Win10
Jan 04, 2024 pm 12:49 PM
Lorsque nous utilisons le Bloc-notes, nous devons changer l'extension du Bloc-notes en raison de différentes choses que nous devons gérer. Alors, comment changer l'extension ? En fait, nous n'avons besoin que d'utiliser la fonction renommer pour modifier l'extension ? Comment changer l'extension du Bloc-notes Win10 : 1. Dans le dossier, cliquez d'abord en haut et cochez-le. 2. De cette façon, l'extension du fichier sera affichée, puis cliquez avec le bouton droit sur votre bloc-notes et sélectionnez 3. Sélectionnez Modifiez ce qui suit. 4. S'il est modifié au format .jpeg. Ensuite, une invite apparaîtra, cliquez dessus. 5. Le changement est terminé, et c’est tout.
Comment convertir du HTML au format MP4
Feb 19, 2024 pm 02:48 PM
Titre : Comment convertir du HTML au format MP4 : Exemple de code détaillé Dans le processus quotidien de production Web, nous rencontrons souvent le besoin de convertir des pages HTML ou des éléments HTML spécifiques en vidéos MP4. Par exemple, enregistrez des effets d'animation, des diaporamas ou d'autres éléments dynamiques sous forme de fichiers vidéo. Cet article explique comment utiliser HTML5 et JavaScript pour convertir du HTML au format MP4 et fournit des exemples de code spécifiques. Balise vidéo HTML5 et introduction à CanvasAPI HTML5
Appeler le déclencheur SQL pour exécuter un programme externe
Feb 18, 2024 am 10:25 AM
Titre : Exemples de code spécifiques permettant aux déclencheurs SQL d'appeler des programmes externes Texte : Lors de l'utilisation de déclencheurs SQL, il est parfois nécessaire d'appeler des programmes externes pour traiter certaines opérations spécifiques. Cet article explique comment appeler des programmes externes dans des déclencheurs SQL et donne des exemples de code spécifiques. 1. Créer un déclencheur Tout d'abord, nous devons créer un déclencheur pour écouter un événement dans la base de données. Ici, nous prenons comme exemple la "table de commande (order_table)" Lorsqu'une nouvelle commande est insérée, le déclencheur sera activé, puis le programme externe sera appelé pour effectuer une opération.
Comment extraire les fichiers Dump
Feb 19, 2024 pm 12:15 PM
Comment récupérer les fichiers Dump Dans un système informatique, un fichier Dump est un fichier qui enregistre l'état de fonctionnement et les données du système. Dans le développement de logiciels et le dépannage du système, la récupération des fichiers Dump peut aider les développeurs de programmes et les administrateurs système à analyser et à diagnostiquer divers problèmes, tels que les plantages de programmes, les fuites de mémoire et les anomalies du système. Cet article présentera quelques méthodes et outils courants pour récupérer les fichiers Dump. 1. Comment récupérer les fichiers Dump sous le système Windows à l'aide du Gestionnaire des tâches : Dans le système d'exploitation Windows,
Date de sortie de Windows 12
Jan 05, 2024 pm 05:24 PM
Auparavant, Win11 était officiellement publié et de nombreux utilisateurs ont déjà commencé à profiter de Win12. Ils veulent savoir quand Win12 sortira. En fait, selon les règles, il sortira vers 2024. Quand Win12 est-il sorti : R : Win12 devrait être publié vers l’automne 2024. 1. Selon les dernières informations de Microsoft, Win12 devrait sortir à l’automne 2024. 2. Et cette fois, win12 aura plusieurs nouveaux concepts de conception, et il y aura davantage d'améliorations en termes de netteté et d'apparence visuelle. 3. Lors de la dernière réunion des développeurs, les développeurs de Microsoft ont révélé qu'ils créeraient une barre des tâches flottante pour donner à la barre des tâches une sensation de flottement.
Comment ajuster le rapport d'affichage du bureau Windows 7
Dec 27, 2023 am 08:13 AM
De nombreux amis utilisent Win7 lorsqu'ils regardent des vidéos ou du matériel sur l'ordinateur, ils devront ajuster la proportion. Alors, comment l'ajuster ? Jetons un coup d'œil à la méthode de réglage détaillée. Comment définir le taux d'affichage du bureau de Win7 : 1. Cliquez sur le coin inférieur gauche de l'ordinateur pour ouvrir le "Panneau de configuration". 2. Recherchez ensuite « Apparence » dans le panneau de configuration. 3. Après avoir entré l'apparence, cliquez sur "Afficher". 4. Vous pouvez ensuite ajuster la taille et l'affichage du bureau en fonction de l'effet d'affichage souhaité. 5. Vous pouvez également cliquer sur « Ajuster la résolution » sur la gauche. 6. Ajustez la proportion du bureau de l'ordinateur en modifiant la résolution de l'écran.
Quel est le rôle du panneau de configuration NVIDIA ?
Feb 19, 2024 pm 03:59 PM
Qu'est-ce que le panneau de configuration NVIDIA ? Avec le développement rapide de la technologie informatique, l'importance des cartes graphiques est devenue de plus en plus importante. En tant que l'un des principaux fabricants de cartes graphiques au monde, le panneau de configuration de NVIDIA a attiré encore plus d'attention. Alors, que fait exactement le panneau de configuration NVIDIA ? Cet article vous donnera une introduction détaillée aux fonctions et utilisations du panneau de configuration NVIDIA. Tout d'abord, comprenons le concept et la définition du panneau de configuration NVIDIA. Le panneau de configuration NVIDIA est un logiciel utilisé pour gérer et configurer les paramètres liés à la carte graphique.
Le rôle de la pleine largeur et de la demi-largeur dans la méthode de saisie chinoise
Mar 25, 2024 am 09:57 AM
La pleine largeur et la demi-largeur sont des concepts courants dans les méthodes de saisie chinoises et représentent différentes largeurs de caractères. Dans le domaine informatique, les notions de pleine largeur et de demi-largeur sont principalement utilisées pour décrire la taille de l'espace occupé par les caractères chinois et les lettres anglaises à l'écran ou sur papier. Tout d’abord, la pleine largeur et la demi-largeur sont originaires de l’ère des machines à écrire. Sur les machines à écrire, les caractères chinois sont généralement affichés en pleine largeur, tandis que les caractères anglais sont affichés en demi-largeur. En effet, les caractères chinois sont relativement larges et l'utilisation de la pleine largeur peut rendre l'article entier plus beau et la mise en page plus compacte. Les caractères anglais sont
