ホームページ > ウェブフロントエンド > H5 チュートリアル > タグ内のブロックレベル要素の HTML5 配置サンプル コード_html5 チュートリアルのヒント

タグ内のブロックレベル要素の HTML5 配置サンプル コード_html5 チュートリアルのヒント

WBOY
リリース: 2016-05-16 15:48:51
オリジナル
2191 人が閲覧しました

XHTML と比較すると、HTML5 はより単純な要素によって一連の思考を引き起こします。これは、非常に必要な簡素化です。これらの簡略化の 1 つは、div、h タグ (h1...h6)、段落タグ P などのブロック レベルの要素を タグでラップできることです。そのとおりです: A タグを使用してブロック レベルの要素をラップします (翻訳者注: HTML5 より前では、a タグはインライン要素でしたが、div、h1、p などはブロック レベルの要素でした。これをラップすると、もちろん、複数の a タグはブラウザに関するものです)。



codeコードは次のとおりです:

Wynq Web Lab の創設者兼チーフ エンジニアについても、「私は Web サイトをデザインするのではなく、Web サイトを実行するだけです。」





これで、A タグは次のような要素をラップします。 div、p、h1 のように、別の A タグを含む A タグを使用することはできないことに注意してください。そうしないと、ブラウザ間で動作が一致しない可能性があります。


どう思いますか?

A タグを使用してブロックレベルの要素を含めることについて矛盾しています。一見すると大量のジャンクコードのように見えます。一方、このアプローチを回避するために、JavaScript を使用してこれを処理しています。クリック可能な要素の目的は、タスクと機能を完了することです。この機能を完了するためにネイティブ HTML を使用することは、JS よりも自然であり、場合によっては間違いなく便利です。私が聞きたいのは、この慣行についてどう思いますか?ということです。すぐに使えますか?あなたの意見を共有してください!

(翻訳者注: 翻訳者のプロジェクトでは、チームメンバーがこの関数を使用していました。黄色の警告がたくさんあるため、MyEclipse でこの関数を見るのは非常に残念です。しかし、客観的に見ると、いくつかのコードは実際に非常に効果的である場合があります。 のように)
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート