html5_頭部7要素_link要素

2080 ワード

html 5ヘッダ7要素:
script、noscript、style、title、link、meta、base
link要素はcssファイルやアイコンなどの外部ファイルをリンクするために使用されます
link要素には、次の6つの属性があります.
rel:ドキュメントとリンクリソースの関係を設定します.
hreflang:リソースをリンクする言語.
href:リソースのURLをリンクします.
Media:リンクリソースに適用されるデバイス.
sizes:リンクのアイコンサイズを指定します(rel=「icon」の場合にのみ適用されます).
type:リンクファイルのMIMEタイプを指定します.
 
主にrelとmediaが紹介されています.
rel:
stylesheet:cssファイル.
icon:アイコン.
prefetch:ファイルをプリロードします.
media:
screen:画面に適用(サイズ指定可能)
print:プリンタ.
all:すべて.
例:linkの一般的な使い方:
1.外部cssファイルのリンク
<link rel="stylesheet" href="" type="text/css">

2.Webページアイコンの指定
<link rel="shortcut icon" href="" type="image/x-icon">

3.リソースの事前ロード
<link rel="prefetch" href="" type="text/html">