再版 -- 検索エンジン最適化 (SEO) をより効果的にする CSS+DIV タグの命名規則_html/css_WEB-ITnose
検索エンジン最適化 (SEO) をより効果的にする CSS+DIV タグ命名規則
検索エンジン最適化 (SEO) にはやるべきことがたくさんありますが、その中でもコードの最適化は非常に重要なステップです。 SEO 仕様に準拠するために、現在一般的な CSS+DIV 命名規則は次のとおりです: ヘッダー: header
ログイン バー: loginBar
ロゴ: logo
サイドバー: SideBar
広告: バナー
ナビゲーション:nav
サブナビゲーション: subNav
メニュー: メニュー
サブメニュー: subMenu
検索: 検索
スクロール: スクロール
コンテンツ: メイン
コンテンツ
タグページ:tab
記事一覧 : list
Message: msg
Tips: ヒント
Column title: title
Friendly link: friendsLink
Footer: footer
Join: joinus
ガイド:ギルド
サービス:サービス
ホットスポット:ホット
Copyright: copyRight
1. CSSIDの命名
Coat:wrap
Main Navigation:mainNav
Subnav
Footer:footer
Full page:content
ヘッダー:ヘッダー
フッター:フッター
商標:label
タイトル: title
メインナビゲーション: mainNav(globalNav)
トップナビゲーション: topnav
サイドナビゲーション: サイドバー
左側のナビゲーション: leftsideBar
右のナビゲーション: rightsideBar
フラグ: logo
スローガン:バナー
メニューコンテンツ 1 :menu1Content
メニュー容量: menuContainer
サブメニュー: submenu
サイドナビゲーションアイコン: sidebarIcon
注: note
ブレッドクラム (つまり、ページ位置ナビゲーションプロンプト) )
コンテナ: コンテナ
内容:コンテンツ
検索: 検索
ログイン: ログイン
リボン: ショップ (ショッピングカート、レジカウンターなど)
現在の現在
2. スタイルファイルの名前付け
メイン: master.css
レイアウト:layout.css
列: columns.css
テキスト: font.css
印刷スタイル: print.css
テーマ: Strategies.css

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック









この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。
