interface Web
tutoriel HTML
Résumé de quelques suggestions de style d'écriture de code HTML_HTML/Xhtml_Production de pages Web
Résumé de quelques suggestions de style d'écriture de code HTML_HTML/Xhtml_Production de pages Web
Protocole qui omet les fichiers de ressources
Il est recommandé d'omettre la partie protocole (http :, https :) dans l'URL des images, des fichiers multimédias, des styles et des scripts. Après avoir omis la partie protocole, le fichier de ressources héritera du protocole de l'URL de la page. cela seulement peut éviter le problème du contenu mixte. Vous pouvez également réduire la taille de la page. Par exemple : le référencement d'un fichier JavaScript peut être écrit de la manière suggérée suivante.
.Pourquoi les balises h4, h5, h6 sont-elles rarement utilisées ?
Les balises de titre incluent h1 à h6. Nous utilisons couramment h1, h2, h3, mais rarement h4, h5 et h6.
Dans un site Web raisonnablement sémantique et qui ose fonctionner nu (sans utiliser CSS pour la mise en page), en plus d'être sémantique, la balise de titre a également des effets de style. Mais aujourd'hui, lorsque CSS est populaire, l'utilisation de h1 et h6 le fait. cela ne fait pas vraiment une grande différence. La différence est que l'apparence peut être utilisée avec désinvolture.
En tant que balise de titre, elle a des fonctions plus puissantes. L'élément titre désigne les mots-clés ayant un poids élevé sur la page, donc h1, h2 et h3 sont fréquemment utilisés pour pondérer les mots-clés. Le poids de h4, h5 et h6. la valeur n'est pas élevée, même pas aussi bonne que strong et em, elle est donc rarement utilisée. On estime que leur niveau d'autorisation est le suivant :
.h1 > h2 > h3 >
Quand utiliser la tête, le corps ou le pied ?
Au départ, je pensais que thead était utilisé comme en-tête de tableau pour contenir l'unité de titre du tableau, comme th; tandis que tbody était utilisé pour contenir le contenu du tableau, et tfoot était la description du tableau. correct. Ces balises sont en fait inutiles.Parce que le navigateur a généralement besoin que le tableau entier soit téléchargé avant de commencer à s'afficher, ce qui affecte la lecture de l'utilisateur à l'ère de la disposition des tableaux, par conséquent, ces balises sont utilisées pour diviser le tableau en plusieurs parties du tableau et celles téléchargées. une partie peut être affichée. De plus, lors de l'impression de formulaires longs, l'en-tête et le pied de page peuvent apparaître sur chaque page.
Omettre les balises facultatives
Les étudiants ayant utilisé Dreamwave doivent avoir l'impression que lorsque l'on crée un fichier HTML, le code par défaut est le suivant.
- <html>
- <tête>
- tête>
- <corps>
- corps>
- html>
Après avoir supprimé ces balises facultatives, cela semble étrange, mais la page s'affiche normalement et la détection W3C peut passer. J'ai déjà fait cela sur mon blog. Mais il y a une chose à noter, si vous souhaitez écrire la page. XHTML , alors veuillez conserver la balise html, car vous avez toujours besoin du code suivant comme déclaration.
- <html xmlns="http://www .w3.org/1999/xhtml">
b タグと i タグ
b タグと i タグは u タグと同じ運命にあり、W3C では「非推奨タグ」に分類されていると考えている人が多いですが、HTML5 の仕様では、この 2 つのタグは依然として推奨されています。このことについては、私も友人と議論しましたが、HTML5 で定義する方法がまったくわかりませんでした。
時間タグ
hr はコンテンツを区切る線であり、CSS で処理できるかどうかに関係なく、hr は役に立たないものだと常々思っていました。記事の文脈が完全に分離されており、無関係になります。
これは、hr が意味的に同じであり、クローラーもそれを理解できる点を除いて、多くのブログ投稿に登場する下の図の境界線と同様に機能します。
タグをボタンとして使用するのはなぜですか?
以前のバージョンの IE ではホバー効果が見られないため、input type="button" ではないことは理解できますが、なぜ a タグがタグではなく、href なしでボタンになっているのでしょうか。このアプローチは正しいですよね? まだ考えていませんでしたが、これは条件反射のようでした。
あとがき
Google の HTML/CSS コーディング スタイル ガイドは、短く簡潔に推奨されるコード記述マニュアルです。これは非常に便利ですが、その中にはインデントに 2 つのスペースを使用することを推奨する項目があります。はい、私たちのチームはまだタブを使用しています。
このマニュアルの HTML 提案の多くは HTML5 向けですが、ここでは XHTML スタイルではなく HTML スタイルが使用されており、コードを省略すると実際にコードの可読性が低下します。 .
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)
Bordure de tableau en HTML
Sep 04, 2024 pm 04:49 PM
Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.
Tableau imbriqué en HTML
Sep 04, 2024 pm 04:49 PM
Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.
Marge gauche HTML
Sep 04, 2024 pm 04:48 PM
Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.
Disposition du tableau HTML
Sep 04, 2024 pm 04:54 PM
Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.
Espace réservé d'entrée HTML
Sep 04, 2024 pm 04:54 PM
Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.
Déplacer du texte en HTML
Sep 04, 2024 pm 04:45 PM
Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.
Liste ordonnée HTML
Sep 04, 2024 pm 04:43 PM
Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.
Bouton HTML onclick
Sep 04, 2024 pm 04:49 PM
Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.
