htmlタグのカスタム属性に関する質問
2022-01-13 04:37:43
開発前は素直にhtmlのデフォルト属性（class、nameなど）を使っていました。Huaweiの外注に飛びついて、オープンソースのフレームワークを使って、モールシステムをやりました。コーディング中に、以下のような、タグの中にカスタムタグがたくさん入っている状況に遭遇しました。
コピーコード
コードは以下の通りです。
<img msrc="<s:property value='#product.images'/>_m"
src="<s:property value='#product.images'/>_s" style="-ms-interpolation-mode:bicubic;cursor:pointer;"
onclick="queryProductDetail(this);"
infoType="<s:property value='#product.unitType'/>"
id="<s:property value='#product.unitID'/>"
moduleId="<s:property value='#product.unitID'/>"
chsDesc="<s:property value="#product.chsSimpleDesc"/>"
engDesc="<s:property value="#product.engSimpleDesc"/>"
chsName="<s:property value="#product.chsName"/>"
engName="<s:property value="#product.engName"/>"
onerror='checkImageFile(this);'
onload="DrawImage(this,174,116)"/>
いくつかのポイントをまとめると
1. HTML JSに影響なし。2.複数の属性を書き込むことができる。
2. 定義された属性名が元のデフォルト属性と同じでない限り。
3. ブラウザはこのようなカスタムプロパティを解析しない
4, JSは xxx.getAttribute("the attribute you wrote") でその値を取得することができます。
このメリットは明らかでしょう。今後はもっと頻繁にこれを適用すべきです。
関連
-
詳細 HTMLフォントはline-heightを使用して、まだ垂直方向の中央に配置することができません解決策
-
HTMLのcellpaddingとcellspacing属性のグラフィックディテール
-
分析は、ページを呼び出すには、iframeの使用は、ページをキャッシュされません
-
ラベルやスパンの幅設定が無効な場合の解決方法について
-
HTMLにおけるbaseタグの使い方を説明します。
-
HTMLコードのスペースと空白行について簡単に紹介します。
-
IEとFFでスペースの幅を同じにするには？
-
Web画像フォーマットPNG、JPG、GIFの選び方・使い方
-
Html,sHtml,XHtml差分解析まとめ
-
クロスブラウザ開発体験談まとめ（I）HTMLタグ編
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン