第 11 章 グローバル プロパティとその他_html/css_WEB-ITnose

学習ポイント:

1. エンティティ

2. メタデータ

3. グローバル属性

講師: Li Yanhui

この章では主に HTML5 の HTML エンティティについて説明します。 HTML の核となるメタデータを理解して、最終的に HTML のグローバル属性を理解します。

1 つ。エンティティ

HTML エンティティは、エンティティ コードを通じて特別な意味を持つ文字を表示します。

Ⅱ。メタデータ

e8e496c15ba93d81f6ea4fe5f55a2244 要素はドキュメント内のさまざまなメタデータを定義でき、HTML ページには複数の e8e496c15ba93d81f6ea4fe5f55a2244 要素を含めることができます。

1.

名前を指定します / 値メタデータペア

<meta name="author" content="bnbbs"><meta name="description" content="这是一个 HTML5 页面"> <br /><meta name="keywords" content="html5,css3,响应式"> <br /><meta name="generator" content="sublime text 3">

データ名説明 authordescriptionキーワードジェネレータ

現在のページの作成者
現在のページの説明
現在のページのキーワード
現在のページのエンコーディングツール

2. 文字エンコーディングを宣言します

<meta charset="utf-8">

3. HTTPヘッダーフィールドをシミュレートします

//5 で指定された URL にジャンプします秒

rrree

//別の宣言文字エンコーディング

<meta http-equiv="refresh" content="5;http://li.cc">

属性値説明リフレッシュcontent-type

現在のページをリロードする、またはURLを指定します。単位は秒。
文字エンコーディングを宣言する別の方法	三．全局属性 在此之前，我们涉及到的元素都讲解了它的局部数据，当然也知道一些全局属性，比如id。全局属性是所有元素共有的行为，HTML5 还提供了一些其他的全局属性。   1.id 属性 <p id="abc">段落</p> 解释：id 属性给元素分配一个唯一标识符。这种标识符通常用来给 CSS 和 JavaScript 调用选择元素。一个页面只能出现一次同一个 id 名称。   2.class 属性 <p class="abc">段落</p> <br /><p class="abc">段落</p> <br /><p class="abc">段落</p> 解释：class 属性用来给元素归类。通过是文档中某一个或多个元素同时设置 CSS 样式。   3.accesskey 属性 <input type="text" name="user" accesskey="n"> 解释：快捷键操作，windows 下 alt+指定键，前提是浏览器 alt 并不冲突。   4.contenteditable 属性 <p contenteditable="true">我可以修改吗</p> 解释：让文本处于可编辑状态，设置 true 则可以编辑，false 则不可编辑。或者直接设置属性。   5.dir 属性 <p dir="rtl">文字到右边了</p> 解释：让文本从左到右（ltr），还是从右到左（rtl）。   6.hidden 属性 <p hidden>文字到右边了</p> 解释：隐藏元素。   7.lang 属性 <p lang="en">HTML5</p> 解释：可以局部设置语言。   8.title 属性 <p title="HTML5 教程">HTML5</p> 解释：对元素的内容进行额外的提示。   9.tabindex 属性 <input type="text" name="user" tabindex="2"> <br /><input type="text" name="user" tabindex="1"> 解释：表单中按下 tab 键，实现获取焦点的顺序。如果是-1，则不会被选中。   10.style 属性 <p style="color:red;">CSS 样式</p> 解释：设置元素行内 CSS 样式。