ホームページ > ウェブフロントエンド > H5 チュートリアル > 見落とされがちな html5 に関するヒント

見落とされがちな html5 に関するヒント

php中世界最好的语言
リリース: 2018-03-13 09:38:58
オリジナル
2060 人が閲覧しました

今回は、見落としがちなHTML5の知識をお届けします。実践事例を交えて見ていきましょう。

入力コンテンツが画面を超えた後にラップするようにウェブストームを設定します

見落とされがちな html5 に関するヒント


分割線

(タグ)の開き方

注: ベースタグは head タグの開始タグと終了タグの間に記述する必要があります

3. 偽の接続: Jump をクリックした後に表示されません。これを偽のリンクと呼びます。この 2 つ: # の偽リンクは自動的に Web ページの先頭に戻りますが、JavaScript の偽リンクは自動的に Web ページの先頭に戻りません。

4. アンカーポイント:

a タグを介して指定された場所にジャンプするには、 a タグが現在のインターフェース内でジャンプ先のターゲット位置を見つけられるように、 a タグに一意の ID 番号を伝える必要があります

1) に id 属性を追加します。ターゲットの場所のラベルを指定し、一意の値を指定します。

2) ジャンプする必要があるターゲット ラベルに対応する一意の州証明書番号をラベルに伝えます。

a label href= "#center" id="center"

中心位置

3 にジャンプします。新しいインターフェースの指定された場所 href="13-anchor.html#bottom" target="_blank"新しいインターフェースで開く

新しいインターフェイスの指定された場所にジャンプしますこれをターゲットインターフェイスに書き込みます

私はアンカーテストインターフェイス333333です


5. リストタグ:

順序なしリスト>>> アプリケーション シナリオ: a). ニュース リスト b). 製品リスト c). ナビゲーション バー

順序付きリスト >>>

1) <a href="#">百度一下,你就知道</a>  #的假链接会自动回到网页的顶部
2) <a href="javascript">百度一下,你就知道</a>  而Javascript的假链接不会自动跳转到网页顶部
ログイン後にコピー

定義リスト>>> 適用シナリオ: a) . Web サイトの最後に関連情報を作成する b) . 画像とテキストを混在させる

dt 他のタグも dd にネストできます

ショートカット: dl>( dt+dd)*2

ul>li*3<ul>
    <li>北京</li>
    <li>上海</li>
    <li>广州</li></ul>
ログイン後にコピー

6. テーブルラベル

<ol>
    <li>演员</li>
    <li>小丑</li>
    <li>龙卷风</li>
    <li>青花瓷</li></ol>
ログイン後にコピー

細線テーブル