Web スライスとは何ですか?

Web スライスとは何ですか?

IE8 の新機能 Web スライス (Web スライス)
Microsoft は 3 月 20 日に IE8 の正式版をリリースしました。新機能の Web スライスは、私にとって非常に興味深いものです。
Web スライスとは何ですか?
スライスは一部を指し、Web スライスは Web ページ上のコンテンツの一部を指します。たとえば、ITFeed の最新記事や Taobao の商品の最新価格に興味があるが、確認するためにページを頻繁に開きたくない場合、どうすればよいでしょうか。 Web スライスは、このような利便性を提供します。お気に入りバーで、Web ページの興味のある部分の更新を取得できます。右クリックして「プロパティ」を選択し、更新プランを設定します。更新がある場合は太字で通知されます。または、手動で更新して表示することもできます。
Web スライスを作成するには?
Web Slices は Microformats アプローチを使用します。必要なのは、(x)html コードの特定のセクションに 3 つの特定のクラス タグを設定することだけです。また、このコンテンツに ID を追加することを忘れないでください。そうしないと、コンテンツは無効になります。
3 つのクラス タグは、hslice、entry-title、entry-content です。
hsliceはコンテンツブロックを設定します
entry-titleは表示されるタイトルを設定します
entry-contentは表示するコンテンツを設定します
<div id="ニュース" class="hslice">
<h4 class="entry-title">ITFeed 最新情報</h4>
<ul class="entry-content">
<li><a href="#">外国人からのもう一つの急な融資</a></li>
<li><a href="#">垂直ポータルのSNSコミュニティロード</a></li>
<li><a href="#">jQuery の data() 関数の使い方を学ぶ</a></li>
<li><a href="#">Taobao フロントエンド開発者の声</a></li>
<li><a href="#">jQuery を使用してフローティング ナビゲーションを作成します。</a></li>
</ul>
</div>
add web slices
web slices

<<:  MySQL での r2dbc の使用に関する詳細な理解

>>:  中央のテキストの両側に水平線を描くためのCSS

推薦する

MySQLの自動増分IDについて知っておくべきこと

はじめに: MySQL を使用してテーブルを作成する場合、通常は自動インクリメント フィールド (A...

Element-UI の Select と Cascader にポップアップ下部アクション ボタンを追加する方法

下図のように、 selectポップアップレイヤーの下部に操作ボタンを配置するのが一般的な設計方法です...

ウェブデザインでテキストのサイズを合わせる方法: 小さなテキスト、大きな体験

iPadなどのモバイル端末の普及により、人々がモバイル端末で読書に費やす時間はますます長くなり、読...

Linux で削除できないファイル/フォルダの解決方法

序文最近、弊社のサーバーがハッカーの攻撃を受け、一部のファイルの属性が変更されたため、ウイルスファイ...

最新のmysql-5.7.21のインストールと設定方法

1. ダウンロードしたMySQLの圧縮パッケージをインストールディレクトリに解凍します。 2. 新し...

Docker Compose を使用して Confluence を構築するチュートリアル

この記事は「Attribution 4.0 International (CC BY 4.0)」ライ...

nginx で仮想ホストを構成するための詳細な手順

仮想ホストは、インターネット上で実行されているサーバー ホストを複数の「仮想」ホストに分割する特殊な...

MySQLストアドプロシージャを変更する詳細な手順

序文実際の開発では、ビジネス要件が変更されることが多いため、ストアド プロシージャの特性を変更するこ...

nginxリバースプロキシのyum設定の詳細な手順

パート0 背景社内のイントラネットサーバーは直接インターネットにアクセスすることはできませんが、外部...

jQueryのanimateアニメーションメソッドとアニメーションキューイング問題の解決方法の詳しい説明

目次animate() アニメーションメソッドアニメーションキューイングdelay() メソッドアニ...

Vue3 でマークダウン エディター コンポーネントを使用する方法

目次インストールコンポーネントのインポート基本的な使い方保存したマークダウンまたは HTML テキス...

antd pro に基づく SMS 認証コード ログイン機能 (プロセス分析)

目次まとめ全体的なプロセスフロントエンドページコード検証コードとログイン サービスをリクエストする ...

Linux で PHP curl 拡張機能をインストールする方法の詳細な説明

この記事では、Linux で PHP curl 拡張機能をインストールする方法について説明します。ご...

MySQL 8.0.20でNavicatをインストールして接続する方法と注意すべき点

注意事項1. まず、mysql インストール ディレクトリに次の内容の my.ini ファイルを作成...