整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
例
為 @keyframes 動(dòng)畫指定一個(gè)名稱：：
animation-name:mymove;-webkit-animation-name:mymove; /* Safari 和 Chrome */
瀏覽器支持
p>表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。
緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個(gè)瀏覽器版本號(hào)。
| 屬性 | |||||
|---|---|---|---|---|---|
| animation-name | 43.04.0 -webkit- | 10.0 | 16.05.0 -moz- | 9.04.0 -webkit- | 30.015.0 -webkit-12.0 -o- |
標(biāo)簽定義及使用說明
animation-name 屬性為 @keyframes 動(dòng)畫指定名稱。
| 默認(rèn)值: | none |
|---|---|
| 繼承: | no |
| 版本: | CSS3 |
| JavaScript 語法: | objectobject.style.animationName="mymove" |
語法
animation-name: keyframename|none;
| 值 | 說明 |
|---|---|
| keyframename | 指定要綁定到選擇器的關(guān)鍵幀的名稱 |
| none | 指定有沒有動(dòng)畫（可用于覆蓋從級(jí)聯(lián)的動(dòng)畫） |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
TML全局屬性是所有HTML元素共有的屬性。它們可以應(yīng)用于所有元素，盡管它們可能對(duì)某些元素沒有影響。
HTML元素可以設(shè)置屬性
屬性可以在元素中添加附加信息
屬性一般描述于開始標(biāo)簽
屬性總是以名稱/值對(duì)的形式出現(xiàn)，比如：name="value"。
屬性和屬性值對(duì)大小寫不敏感。不過，萬維網(wǎng)聯(lián)盟在其HTML4推薦標(biāo)準(zhǔn)中推薦小寫的屬性/屬性值。而新版本的(X)HTML要求使用小寫屬性。
class：為html元素定義一個(gè)或多個(gè)類名（classname）(類名從樣式文件引入)
id：定義元素的唯一id
style：規(guī)定元素的行內(nèi)樣式（inlinestyle）
title：描述了元素的額外信息(作為工具條使用)
HTML使用標(biāo)簽<a>來設(shè)置超文本鏈接。超鏈接可以是一個(gè)字，一個(gè)詞，或者一組詞，也可以是一幅圖像，您可以點(diǎn)擊這些內(nèi)容來跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個(gè)部分。當(dāng)您把鼠標(biāo)指針移動(dòng)到網(wǎng)頁中的某個(gè)鏈接上時(shí)，箭頭會(huì)變?yōu)橐恢恍∈帧ＤJ(rèn)情況下，鏈接將以以下形式出現(xiàn)在瀏覽器中：
一個(gè)未訪問過的鏈接顯示為藍(lán)色字體并帶有下劃線。
訪問過的鏈接顯示為紫色并帶有下劃線。
點(diǎn)擊鏈接時(shí)，鏈接顯示為紅色并帶有下劃線。
如果為這些超鏈接設(shè)置了CSS樣式，展示樣式會(huì)根據(jù)CSS的設(shè)定而顯示。
在標(biāo)簽<a>中使用了href屬性來描述鏈接的地址。
實(shí)例
<a href="https://www.kaikeba.com/">訪問開課吧</a>1復(fù)制代碼類型：[html]上面這行代碼顯示為：訪問開課吧
點(diǎn)擊這個(gè)超鏈接會(huì)把用戶帶到開課吧的首頁。
使用target屬性，你可以定義被鏈接的文檔在何處顯示。
實(shí)例
<ahref="https://www.kaikeba.com/"target="_blank">訪問開課吧</a>
target="_blank":在新窗口中打開被鏈接文檔。
target="_self": 默認(rèn)，在相同的框架中打開被鏈接文檔。
target="_parent":在父框架集中打開被鏈接文檔。
target="_top": 在整個(gè)窗口中打開被鏈接文檔。
target=framename:在指定的框架中打開被鏈接文檔。 1234567891011復(fù)制代碼類型：[html]HTML圖像標(biāo)簽及其屬性
在HTML中，圖像由<img>標(biāo)簽定義。<img>是空標(biāo)簽，意思是說，它只包含屬性，并且沒有閉合標(biāo)簽。
要在頁面上顯示圖像，你需要使用源屬性（src）。src指"source"。源屬性的值是圖像的URL地址。
定義圖像的語法是：
<imgsrc="url"alt="some_text"> 1復(fù)制代碼類型：[html]URL指存儲(chǔ)圖像的位置。
alt屬性用來為圖像定義一串預(yù)備的可替換的文本。在瀏覽器無法載入圖像時(shí)，替換文本屬性告訴讀者她們失去的信息。此時(shí)，瀏覽器將顯示這個(gè)替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣，這樣有助于更好的顯示信息，并且對(duì)于那些使用純文本瀏覽器的人來說是非常有用的。
height（高度）與width（寬度）屬性用于設(shè)置圖像的高度與寬度。屬性值默認(rèn)單位為像素。
<imgsrc="logo.jpg"alt="kaikeba"width="300"height="120"> 1復(fù)制代碼類型：[html]提示:指定圖像的高度和寬度是一個(gè)很好的習(xí)慣。如果圖像指定了高度寬度，頁面加載時(shí)就會(huì)保留指定的尺寸。如果沒有指定圖片的大小，加載頁面時(shí)有可能會(huì)破壞HTML頁面的整體布局。
開課吧廣場(chǎng)-人才學(xué)習(xí)交流平臺(tái)
、定義
<meta> 標(biāo)簽提供關(guān)于 HTML 文檔的元數(shù)據(jù)。它不會(huì)顯示在頁面上，但是對(duì)于機(jī)器是可讀的?？捎糜跒g覽器（如何顯示內(nèi)容或重新加載頁面），搜索引擎（關(guān)鍵詞），或其他 web 服務(wù)。
2、作用
meta里的數(shù)據(jù)是供機(jī)器解讀的，告訴機(jī)器該如何解析這個(gè)頁面，還有一個(gè)用途是可以添加服務(wù)器發(fā)送到瀏覽器的http頭部?jī)?nèi)容，例如我們?yōu)轫撁嬷刑砑尤缦耺eta標(biāo)簽：
瀏覽器的頭部就會(huì)包括這些:
只有瀏覽器可以接受這些附加的頭部字段，并能以適當(dāng)?shù)姆绞绞褂盟鼈儠r(shí)，這些字段才有意義。
3、meta的必需屬性和可選屬性
meta的必需屬性是content，當(dāng)然并不是說meta標(biāo)簽里一定要有content，而是當(dāng)有http-equiv或name屬性的時(shí)候，一定要有content屬性對(duì)其進(jìn)行說明。例如：
必需屬性
<meta name="keywords" content="HTML,ASP,PHP,SQL">
這里面content里的屬性就是對(duì)keywords進(jìn)行的說明，所以呢也可以理解成一個(gè)鍵值對(duì)吧，就是{keywords:"HTML,ASP,PHP,SQL"}。
可選屬性
在W3school中，對(duì)于meta的可選屬性說到了三個(gè)，分別是http-equiv、name和scheme?？紤]到scheme不是很常用，所以就只說下前兩個(gè)屬性吧。
http-equiv
http-equiv屬性是添加http頭部?jī)?nèi)容，對(duì)一些自定義的，或者需要額外添加的http頭部?jī)?nèi)容，需要發(fā)送到瀏覽器中，我們就可以是使用這個(gè)屬性。在上面的meta作用中也有簡(jiǎn)單的說明，那么現(xiàn)在再舉個(gè)例子。例如我們不想使用js來重定向，用http頭部?jī)?nèi)容控制，那么就可以這樣控制：
<meta http-equiv="Refresh" content="5;url=http://blog.yangchen123h.cn" />
在頁面中加入這個(gè)后，5秒鐘后就會(huì)跳轉(zhuǎn)到指定頁面啦，效果可看W3school的例子
name
第二個(gè)可選屬性是name，這個(gè)屬性是供瀏覽器進(jìn)行解析，對(duì)于一些瀏覽器兼容性問題，name屬性是最常用的，當(dāng)然有個(gè)前提就是瀏覽器能夠解析你寫進(jìn)去的name屬性才可以，不然就是沒有意義的。還是舉個(gè)例子吧:
<meta name="renderer" content="webkit">
這個(gè)meta標(biāo)簽的意思就是告訴瀏覽器，用webkit內(nèi)核進(jìn)行解析，當(dāng)然前提是瀏覽器有webkit內(nèi)核才可以，不然就是沒有意義的啦。當(dāng)然看到這個(gè)你可能會(huì)有疑問，這個(gè)renderer是從哪里冒出來的，我要怎么知道呢？這個(gè)就是在對(duì)應(yīng)的瀏覽器的開發(fā)文檔里就會(huì)有表明的，例如這個(gè)renderer是在360瀏覽器里說明的。360瀏覽器內(nèi)核控制Meta標(biāo)簽說明文檔
常用meta標(biāo)簽大總結(jié)
接下來就是常用的meta標(biāo)簽大總結(jié)啦，我會(huì)盡可能的做到全
charset
charset是聲明文檔使用的字符編碼，解決亂碼問題主要用的就是它，值得一提的是，這個(gè)charset一定要寫第一行，不然就可能會(huì)產(chǎn)生亂碼了。
charset有兩種寫法
兩個(gè)都是等效的。
百度禁止轉(zhuǎn)碼
百度會(huì)自動(dòng)對(duì)網(wǎng)頁進(jìn)行轉(zhuǎn)碼，這個(gè)標(biāo)簽是禁止百度的自動(dòng)轉(zhuǎn)碼
<meta http-equiv="Cache-Control" content="no-siteapp" />
SEO 優(yōu)化部分
viewport
viewport主要是影響移動(dòng)端頁面布局的，例如：
content 參數(shù)：
各瀏覽器平臺(tái)
Microsoft Internet Explorer
Google Chrome
360瀏覽器
UC手機(jī)瀏覽器
UCBrowser_U3_API
QQ手機(jī)瀏覽器
Apple iOS
Google Android
App Links
最后——移動(dòng)端常用的meta
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
