第六十八節，htnl全局屬性和其餘屬性

時間 2019-11-12

標籤第六十八節 htnl 全局屬性其餘简体版

原文原文鏈接

htnl全局屬性和其餘屬性css

學習要點：
1.實體
2.元數據
3.全局屬性html

本章主要探討HTML5中的HTML實體、以及HTML核心構成的元數據，最後瞭解一下HTML中的全局屬性。html5

一．實體web

HTML實體就是將有特殊意義的字符經過實體代碼顯示出來。使用方法，實體名稱或者實體編號windows

顯示結果實體名稱實體編號描述瀏覽器

　　   　   空格cookie

< 　　< 　　< 　　小於號app

> 　　 > 　　> 　大於號ide

& 　　 & 　& 　和號工具

" 　　 " 　 " 引號

' 　　' ' 撇號

￠　　¢ ¢ 分

£ 　　 £ £ 鎊

¥ 　　¥ ¥ 日圓

€ 　　€ € 歐元

§ 　　 § § 小節

© 　　© © 版權

® 　　 ® ® 註冊商標

™ 　　™ ™ 商標

× 　　 × × 乘號

÷ 　　÷ ÷ 除號

二．元數據
<meta>元素能夠定義文檔中的各類元數據，並且一個HTML頁面能夠包含多個<meta>元素。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <!--定義文檔的編碼類型-->
    <meta charset="utf-8">
    
    <!--
        name, content 組合的示例以下（不全）
    -->
    <!--定義文檔的做者-->
    <meta name="author" content="webabcd" />
    <!--定義文檔的生成工具-->
    <meta name="generator" content="EditPlus" />
    <!--若是把此 html5 文檔當作一個程序，則此處用於定義程序的名稱-->
    <meta name="application-name" content="meta 標籤的介紹" />


    <!--
        http-equiv, content 組合的示例以下（不全）
    -->
    <!--定義文檔內容的語言-->
    <meta http-equiv="content-language" content="zh-CN" />
    <!--定義文檔內容的類型-->
    <meta http-equiv="content-type" content="text/html" />
    <!--定義文檔所使用的樣式表的 title，從而在有多個樣式表的時候，只使用指定 title 的樣式表。本例中會強制只使用 title 爲 css1 的樣式表-->
    <meta http-equiv="default-style" content="css1" />
    <!--
    文檔每多少秒刷新一次,或者跳轉
    若是要作成跳轉，content屬性值裏引號加跳轉網址，不加網址就跳轉本頁，至關於刷新
    如：<meta http-equiv="refresh" content="1;www.baidu.com" />
    -->
    <meta http-equiv="refresh" content="1" />
    <!--設置 cookie-->
    <meta http-equiv="set-cookie" content="author=webabcd;" />
    <title>標題</title>
    <!--設置圖標-->
　　 <link rel="icon" href="//www.jd.com/favicon.ico" mce_href="//www.jd.com/favicon.ico" type="image/x-icon">

    <!--定義關鍵字-->
    <meta name="keywords" content="html5, flash, silverlight" />
    <!--定義文檔的描述信息-->
    <meta name="description" content="介紹 html5 中的 meta 標籤" />



</head>
<body>

</body>
</html>

三．全局屬性
在此以前，咱們涉及到的元素都講解了它的局部數據，固然也知道一些全局屬性，好比id。全局屬性是全部元素共有的行爲，HTML5還提供了一些其餘的全局屬性。

1.id屬性，id屬性給元素分配一個惟一標識符

<p id="abc">段落</p>

解釋：id屬性給元素分配一個惟一標識符。這種標識符一般用來給CSS和JavaScript 調用選擇元素。一個頁面只能出現一次同一個id名稱。

2.class屬性，用來給元素歸類

<p class="abc">段落</p> 
<p class="abc">段落</p> 
<p class="abc">段落</p>

解釋：class屬性用來給元素歸類。經過是文檔中某一個或多個元素同時設置CSS樣式。

3.accesskey屬性 ,輸入框屬性，快捷鍵操做

<input type="text" name="user" accesskey="n">

解釋：快捷鍵操做，windows下alt+accesskey="n"指定鍵，光標定位到此輸入框，前提是瀏覽器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>

解釋：能夠局部設置語言。zh-cn爲中文，en爲英文

8.title屬性，對元素的內容進行額外的提示

<p title="HTML5教程">HTML5</p>

解釋：對元素的內容進行額外的提示。，也就是鼠標放上去會出現提示內容

9.tabindex屬性，表單中按下tab鍵，實現獲取焦點的順序

<input type="text" name="user" tabindex="2"> 
<input type="text" name="user" tabindex="1">

解釋：表單中按下tab鍵，實現獲取焦點的順序。若是是-1，則不會被選中。

10.style屬性，設置元素行內CSS樣式

<p style="color:red;">CSS樣式</p>

解釋：設置元素行內CSS樣式。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。