検索
ホームページウェブフロントエンドCSSチュートリアルWeb標準知識~Pから始めるステップバイステップ_体験交流

Dreamweaver (以下、DW) は今でも使っている友人が多く、非常に優れたソフトウェアであることは間違いありません。もちろん、多くの Web ページ開発者が (x) HTML タグについて何も知らないのはまさにこのためです。しかし、WEB標準を学ぶにはタグを扱わなければならず、タグの特徴を理解する必要があります。コードを自分で入力する予定がない場合でも、DW を使用して作業を完了し続ける場合は、DW に保存されているコードの役割を理解しておく必要があります。冗長なコードを減らし、Web ページの品質を向上させたい場合は、(x) HTML タグを理解する必要があります。

その後、学習は当然のことながら、最も一般的に使用される単純なものから始めて、段階的に行う必要があります。すべての HTML タグの中で最も一般的に使用され、最も単純なタグはどれですか?それなら間違いなく段落タグです。

です。ほとんどすべての文書ファイルでこのタグが使用されているため、よく使用されます。見た目から簡単にわかります。文字は 1 つだけです。シンプルですが、段落を区別するために使用されるため、非常に重要です。読みやすくするために記事を分割するために段落が使用されていることは誰もが知っています。場合によっては、ソフトウェアまたは人間の操作により、ドキュメントが他のタグによって区別されることがあります。その場合は、
を使用してください。特別なものがたくさんあります。すると、「それらはすべて同じではないのですか? いずれにせよ、すべて区別されているのです」と言う人もいるでしょう。私たち人間の場合、段落を区別するために何でも使用できますが、機械やプログラムの場合、段落を理解する必要がある場合、これらのラベルを使用する必要があります。これはタグのセマンティクスです。正しいセマンティクスを使用すると、ドキュメントが検索エンジンによって認識されやすくなります。同時に、タグの使用を合理的に調整することは、コードの移植だけでなく保守と管理にも役立ちます。

もちろん、このタグは昔から知っていて使っていて、 を使わなくても段落タグが表示できることを知っている人も多いと思います。そしてこの方法が使われてきました。 HTMLではこの書き方が認められています。ただし、この書き方は(x)HTMLで標準化されており、すべての段落タグには終了タグを付ける必要があります。 (

段落例...テキスト

) (x)HTML は HTML に新しいタグを追加するものではないことを覚えておくことが重要です。これは、HTML タグの使用を標準化し、いくつかの不合理なタグを削除するだけです。タグ、タグ内の属性。それでは、段落タグの属性とは何でしょうか?残りはいくらですか?鎮志はいくつかの文献を調べた。

align 属性: 書き込み方法は

で、属性値は: left、right、center、justify (両端揃え) です。これは段落内のテキストの配置方向を管理する配置属性です。ただし、この属性の使用は (x)HTML ではサポートされなくなりました。もちろん、ブラウザーは引き続きこの属性をサポートします。それでも、この属性は CSS を通じて簡単に実装でき、コードにこれらの属性を 1 つずつ追加する必要がないため、使用しないほうがよいでしょう。

使用できる属性は、id、class、style、title です。これらの属性は、このコラムの将来の記事で分析されますが、ここでは、これらの属性が段落タグで使用できることを誰もが理解している限りに限ります。

記事の段落タグの設定をまだ試していない場合は、今からこのコードをプロジェクトに追加してみてはいかがでしょうか。これにより、WEB標準をより簡単に習得できるようになります。

また、P はブロック レベル タグですが、このブロック レベル タグ内にブロック レベル タグを含めることはできません。 (x)HTMLのネストルールについては、JUNCHEN氏が翻訳・解説した「Nesting Rules under (X)HTML Strict」を参照してください
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
@keyframesや@mediaなど、 @rulesにはどの程度の特異性がありますか?@keyframesや@mediaなど、 @rulesにはどの程度の特異性がありますか?Apr 18, 2025 am 11:34 AM

先日、この質問がありました。私の最初の考えは、奇妙な質問です!特異性はセレクターに関するものであり、アットレールはセレクターではないので、...無関係ですか?

@mediaと@supportのクエリをネストできますか?@mediaと@supportのクエリをネストできますか?Apr 18, 2025 am 11:32 AM

はい、あなたはできます、そしてそれは本当にどの順序で重要ではありません。 CSSプリプロセッサは必要ありません。通常のCSSで動作します。

クイックガルプキャッシュバストクイックガルプキャッシュバストApr 18, 2025 am 11:23 AM

CSSやJavaScript(および画像とフォントなど)などのアセットにファーアウトキャッシュヘッダーを確実に設定する必要があります。それはブラウザを伝えます

CSSの品質と複雑さを監視するスタックを探してCSSの品質と複雑さを監視するスタックを探してApr 18, 2025 am 11:22 AM

多くの開発者は、CSSコードベースを維持する方法について書いていますが、そのコードベースの品質をどのように測定するかについて多くの人が書いていません。確かに、私たちは持っています

データリストは、値を強制せずに値を提案するためのものですデータリストは、値を強制せずに値を提案するためのものですApr 18, 2025 am 11:08 AM

短い任意のテキストを受け入れるために必要なフォームを持っていたことがありますか?名前などのように。それはまさにそのためのものです。たくさんあります

チューリッヒでのフロント会議チューリッヒでのフロント会議Apr 18, 2025 am 11:03 AM

私は、フロント会議のためにスイスのチューリッヒに向かうことにとても興奮しています(その名前とURLが大好きです!)。私はこれまでスイスに行ったことがないので、興奮しています

CloudFlareワーカーとのフルスタックサーバーレスアプリケーションを構築しますCloudFlareワーカーとのフルスタックサーバーレスアプリケーションを構築しますApr 18, 2025 am 10:58 AM

ソフトウェア開発における私のお気に入りの開発の1つは、サーバーレスの出現です。詳細に行き詰まる傾向がある開発者として

NUXTアプリケーションで動的ルートを作成しますNUXTアプリケーションで動的ルートを作成しますApr 18, 2025 am 10:53 AM

この投稿では、私が構築して展開して展開してネットライフを使用して、着信データの動的ルートを作成する方法を示すeコマースストアのデモを使用します。それはかなりです

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター