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

Web標準知識~Pから始めるステップバイステップ_体験交流

WBOY
リリース: 2016-05-16 12:05:43
オリジナル
1377 人が閲覧しました

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」を参照してください
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート