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

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

May 16, 2016 pm 12:05 PM
p web 標準

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 までご連絡ください。

ホット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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Nginx Webサーバーキャディの使用方法 Nginx Webサーバーキャディの使用方法 May 30, 2023 pm 12:19 PM

Caddy の概要 Caddy は強力で拡張性の高い Web サーバーであり、現在 Github 上に 38,000 以上のスターが付いています。 Caddy は Go 言語で書かれており、静的リソースのホスティングとリバース プロキシに使用できます。 Caddy には以下の主な特徴があります: Nginx の複雑な構成と比較して、元の Caddyfile 構成は非常にシンプルです; 提供する AdminAPI を通じて構成を動的に変更できます; デフォルトで自動 HTTPS 構成をサポートし、自動的に適用して構成できますHTTPS 証明書; 数万のサイトのデータに拡張可能; 追加の依存関係なしでどこでも実行可能; Go 言語で記述されているため、メモリの安全性がより保証されます。まずはCentOに直接インストールします

ウェブ上の顔面ブロック攻撃に対するリアルタイム保護 (機械学習に基づく) ウェブ上の顔面ブロック攻撃に対するリアルタイム保護 (機械学習に基づく) Jun 10, 2023 pm 01:03 PM

顔面遮蔽弾幕とは、映像内の人物を遮ることなく大量の弾幕が浮遊し、人物の背後から浮遊しているように見せることです。機械学習は数年前から普及していますが、これらの機能がブラウザでも実行できることは多くの人に知られていません。この記事では、ビデオ連発における実際的な最適化プロセスを紹介します。記事の最後に、適用可能なシナリオをいくつか示します。このソリューションを開くことを望んでいます。いくつかのアイデアがあります。 mediapipeDemo (https://google.github.io/mediapipe/) は、顔ブロック弾幕のオンデマンドアップアップロードの主流の実装原理を示していますサーバーのバックグラウンド計算により、ビデオ画面内のポートレート領域を抽出し、SVG ストレージに変換しますクライアントがビデオを再生している間、サーバーから SVG をダウンロードし、弾幕、ポートレートと組み合わせる

Java API開発におけるWebサーバー処理にJetty7を使用する Java API開発におけるWebサーバー処理にJetty7を使用する Jun 18, 2023 am 10:42 AM

JavaAPI 開発における Web サーバー処理に Jetty7 を使用する インターネットの発展に伴い、Web サーバーはアプリケーション開発の中核部分となり、多くの企業でも注目を集めています。増大するビジネス ニーズを満たすために、多くの開発者が Web サーバー開発に Jetty の使用を選択しており、その柔軟性と拡張性は広く認識されています。この記事では、JavaAPI 開発における Jetty7 の使用方法を紹介します。

Golang を使用して Web アプリケーションのフォーム検証を実装する方法 Golang を使用して Web アプリケーションのフォーム検証を実装する方法 Jun 24, 2023 am 09:08 AM

フォーム検証は Web アプリケーション開発において非常に重要なリンクであり、フォーム データを送信する前にデータの有効性をチェックして、アプリケーションのセキュリティ脆弱性やデータ エラーを回避できます。 Web アプリケーションのフォーム検証は、Golang を使用すると簡単に実装できます。この記事では、Golang を使用して Web アプリケーションのフォーム検証を実装する方法を紹介します。 1. フォーム検証の基本要素 フォーム検証の実装方法を紹介する前に、フォーム検証の基本要素が何であるかを知る必要があります。フォーム要素: フォーム要素は

FRPS サーバーと Web がポート 80 を共有するように nginx を設定する方法 FRPS サーバーと Web がポート 80 を共有するように nginx を設定する方法 Jun 03, 2023 am 08:19 AM

まず、frpって何?という疑問があると思います。簡単に言うと、frp はイントラネット侵入ツールであり、クライアントを設定すると、サーバー経由でイントラネットにアクセスできるようになります。現在、私のサーバーは Web サイトとして nginx を使用しており、ポート 80 が 1 つだけあります。では、FRP サーバーもポート 80 を使用したい場合はどうすればよいでしょうか?クエリ後、nginx のリバース プロキシを使用してこれを実現できます。追加: frps はサーバー、frpc はクライアントです。ステップ 1: サーバーの nginx.conf 構成ファイルを変更し、次のパラメータを nginx.conf の http{} に追加します。server{listen80

ウェブ標準とは何ですか? ウェブ標準とは何ですか? Oct 18, 2023 pm 05:24 PM

Web 標準は、W3C およびその他の関連組織によって策定された一連の仕様とガイドラインです。HTML、CSS、JavaScript、DOM、Web アクセシビリティおよびパフォーマンスの最適化の標準化が含まれます。これらの標準に従うことで、ページの互換性を向上させることができます。 、メンテナンス性とパフォーマンス。 Web 標準の目標は、Web コンテンツをさまざまなプラットフォーム、ブラウザー、デバイス上で一貫して表示および操作できるようにして、より優れたユーザー エクスペリエンスと開発効率を提供することです。

コックピット Web UI から管理アクセスを有効にする方法 コックピット Web UI から管理アクセスを有効にする方法 Mar 20, 2024 pm 06:56 PM

Cockpit は、Linux サーバー用の Web ベースのグラフィカル インターフェイスです。これは主に、初心者/熟練ユーザーにとって Linux サーバーの管理を容易にすることを目的としています。この記事では、Cockpit アクセス モードと、CockpitWebUI から Cockpit への管理アクセスを切り替える方法について説明します。コンテンツ トピック: コックピット エントリ モード 現在のコックピット アクセス モードの確認 CockpitWebUI からコックピットへの管理アクセスを有効にする CockpitWebUI からコックピットへの管理アクセスを無効にする まとめ コックピット エントリ モード コックピットには 2 つのアクセス モードがあります。 制限付きアクセス: これは、コックピット アクセス モードのデフォルトです。このアクセス モードでは、コックピットから Web ユーザーにアクセスできません。

PHP 関数ライブラリ設計の原則と標準 PHP 関数ライブラリ設計の原則と標準 Jun 16, 2023 am 11:37 AM

Web 開発における PHP の重要性が高まり続けるにつれて、PHP 関数ライブラリの設計は開発における重要な問題の 1 つになっています。優れた関数ライブラリは、開発効率を向上させるだけでなく、コードの品質と保守性も確保します。したがって、関数ライブラリを設計するには、いくつかの基本原則と標準に従う必要があります。 1. 再利用性の高い関数ライブラリは、再利用可能であり、さまざまなプロジェクトで使用できる必要があります。したがって、関数は抽象的かつ一般的なものである必要があり、特定のプロジェクトやシナリオに結び付けることはできません。 2. 使いやすさ 関数ライブラリは使いやすく、パラメータを渡すのが簡単である必要があります。

See all articles