果今天更新了其開(kāi)發(fā)人員新聞?wù)军c(diǎn),其中提供了開(kāi)發(fā)人員應(yīng)注意的兩項(xiàng)即將發(fā)生的變化的詳細(xì)信息。蘋(píng)果于2019年6月更新了App Store指南,以闡明包含或運(yùn)行未嵌入二進(jìn)制文件(HTML5)中的代碼的應(yīng)用程序無(wú)法提供涉及真實(shí)貨幣的游戲、彩票或慈善捐款。所有應(yīng)用必須在2020年3月3日之前遵守這些準(zhǔn)則。
審閱指南旨在幫助開(kāi)發(fā)人員創(chuàng)建安全,高質(zhì)量,可靠且尊重用戶隱私的應(yīng)用。為了確保這一點(diǎn),蘋(píng)果始終將所有應(yīng)用指定為自包含的捆綁包。這意味著應(yīng)用程序的核心特性和功能必須包含在軟件的二進(jìn)制文件中,而不是通過(guò)在批準(zhǔn)的應(yīng)用程序之外引用(包括通過(guò)使用HTML5)來(lái)實(shí)現(xiàn)。
另外,蘋(píng)果還對(duì)兒童應(yīng)用程序的政策進(jìn)行了更改,不允許此類應(yīng)用程序?qū)€(gè)人身份信息或設(shè)備信息傳輸給第三方。蘋(píng)果還必須要求家長(zhǎng)通過(guò)門(mén)戶才能鏈接到該應(yīng)用。
父母在“應(yīng)用商店”上訪問(wèn)“兒童”類別時(shí),他們希望他們找到的應(yīng)用適合兒童。這就是在App Store上發(fā)布的應(yīng)用必須保護(hù)兒童數(shù)據(jù)并僅提供適合年齡的內(nèi)容的原因。應(yīng)用程序還必須具有家長(zhǎng)身份才能鏈接到應(yīng)用程序之外、請(qǐng)求權(quán)限或提供購(gòu)買機(jī)會(huì)。至關(guān)重要的是,應(yīng)用程序不得將個(gè)人身份信息或設(shè)備信息傳輸給第三方,并且廣告必須經(jīng)過(guò)人工審查以適合年齡,以便顯示。
面向兒童的應(yīng)用程序開(kāi)發(fā)人員必須在2020年3月3日之前完全遵守更新后的準(zhǔn)則。
HTML(HyperText Markup Language,超文本標(biāo)記語(yǔ)言)是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言,它不是一種編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言。
HTML5是構(gòu)建Web內(nèi)容的一種語(yǔ)言描述方式,HTML5是互聯(lián)網(wǎng)的下一代標(biāo)準(zhǔn),是構(gòu)建以及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種語(yǔ)言方式,被認(rèn)為是互聯(lián)網(wǎng)的核心技術(shù)之一。HTML產(chǎn)生于1990年,1997年HTML4成為互聯(lián)網(wǎng)標(biāo)準(zhǔn),并廣泛應(yīng)用于互聯(lián)網(wǎng)應(yīng)用的開(kāi)發(fā)。
HTML5是Web中核心語(yǔ)言HTML的規(guī)范,用戶使用任何手段進(jìn)行網(wǎng)頁(yè)瀏覽時(shí)看到的內(nèi)容原本都是HTML格式的,在瀏覽器中通過(guò)一些技術(shù)處理將其轉(zhuǎn)換成為了可識(shí)別的信息,HTML5在從前HTML4.01的基礎(chǔ)上進(jìn)行了一定的改進(jìn)。
由于HTML5只是在HTML的基礎(chǔ)上進(jìn)行了新增或者廢棄一些標(biāo)簽或者特性,本文默認(rèn)均為HTML5語(yǔ)法,被廢棄的部分就不再提起,HTML一般用于描述網(wǎng)頁(yè)的結(jié)構(gòu),所以一些樣式和腳本方面的標(biāo)簽和屬性以及關(guān)于JavaScript部分的特性也不再提及,重點(diǎn)在于梳理常用標(biāo)簽體系。
現(xiàn)今瀏覽器的許多新功能都是從HTML5標(biāo)準(zhǔn)中發(fā)展而來(lái)的。目前常用的瀏覽器有IE、火狐、谷歌、Safari和Opera等等,通過(guò)對(duì)這些主流web瀏覽器的發(fā)展策略調(diào)查,發(fā)現(xiàn)它們都支持HTML5上采取了措施。
(1)IE瀏覽器
2010年3月16日,微軟MIX10技術(shù)大會(huì)上宣布其推出的IE9瀏覽器已經(jīng)支持HTML5。同時(shí)還聲稱,隨后將會(huì)更多的支持HTML新標(biāo)準(zhǔn)和CSS3新特性。
(2)FireFox瀏覽器
2010年7月,Mozilla基金會(huì)發(fā)布了即將推出的Firefox4瀏覽器的第一個(gè)早期測(cè)試版,該版本中Firefox瀏覽器中進(jìn)行了大幅改進(jìn),包括新的HTML5語(yǔ)法分析器,以及支持更多的HTML5語(yǔ)法分析器,以及支持更多的HTML5形式的控制等。從官方文檔來(lái)看,F(xiàn)irefox4對(duì)HTML5是完全級(jí)別的支持。目前,包括在線視頻,在線音頻在內(nèi)的多種應(yīng)用都已經(jīng)在版本中實(shí)現(xiàn)。
(3)Google瀏覽器
2010年2月19日,谷歌Gears項(xiàng)目經(jīng)理通過(guò)微博宣布,谷歌將放棄對(duì)Gears瀏覽器插件項(xiàng)目的支持,以重點(diǎn)開(kāi)發(fā)HTML5項(xiàng)目。據(jù)費(fèi)特表示,目前在谷歌看來(lái),Gears應(yīng)用用于HTML5的諸多創(chuàng)新非常相似,并且谷歌一直積極發(fā)展HTML5項(xiàng)目。因此只要谷歌不斷以加強(qiáng)網(wǎng)絡(luò)標(biāo)準(zhǔn)的應(yīng)用功能為工作重點(diǎn),那么為Gears增加新功能就無(wú)太大意義了。另外,Gears面臨的需求也在日益下降,這也是谷歌做出吊證的重要原因。
(4)Safari瀏覽器
2010年6月7日,蘋(píng)果在開(kāi)發(fā)者發(fā)布會(huì)公布Safari5,這款瀏覽器支持10個(gè)以上的HTML5新技術(shù),包括全屏幕播放、HTML5視頻、HTML5地理位置、HTML5切片元素、HTML5的可拖動(dòng)屬性、HTML5的形式驗(yàn)證、HTML5的Ruby、HTML5的Ajaxl.ishi和WebSocket字幕。
(5)Opera瀏覽器
2010年5月5日,Opera軟件公司首席技術(shù)官,號(hào)稱“CSS之父”的Hakon Wium Lie認(rèn)為,HTML5和CSS3,將會(huì)是全球互聯(lián)網(wǎng)發(fā)展的未來(lái)趨勢(shì),包括目前Opera在內(nèi)的諸多瀏覽器廠商,紛紛研發(fā)HTML5的相關(guān)產(chǎn)品,web未來(lái)屬于HTML5。
綜上所述,目前這些瀏覽器紛紛朝著HTML5的方向邁進(jìn),HTML5的時(shí)代即將來(lái)臨。
●Notepad++
●Visual Studio Code
●HBuilderX
●Dreamweaver
●Sublime Text
●Webstorm
Webstorm為本文使用的工具,請(qǐng)自行購(gòu)買激活,也可以使用以上的免費(fèi)工具,安裝步驟都較為簡(jiǎn)單,在此省略!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
單標(biāo)簽:
<標(biāo)簽名 [屬性名=屬性值,...]>
成對(duì)標(biāo)簽:
<標(biāo)簽名 [屬性名=屬性值,...]></標(biāo)簽名>
<h1>這是一級(jí)標(biāo)題</h1>
<h2>這是二級(jí)標(biāo)題</h2>
<h3>這是三級(jí)標(biāo)題</h3>
<h4>這是四級(jí)標(biāo)題</h4>
<h5>這是五級(jí)標(biāo)題</h5>
<h6>這是六級(jí)標(biāo)題</h6>
<p>這是一個(gè)段落</p>
使用示例:
<a href="百度一下,你就知道">打開(kāi)百度,你就知道!</a>
常見(jiàn)屬性:
屬
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度LOGO">
<table border="1px" cellpadding="0px" cellspacing="0px">
<tr>
<th>表頭一</th>
<th>表頭二</th>
<th>表頭三</th>
<th>表頭四</th>
</tr>
<tr>
<td>單元格一</td>
<td>單元格二</td>
<td>單元格三</td>
<td>單元格四</td>
</tr>
</table>
無(wú)序列表:
<ul>
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
</ul>
有序列表:
<ol>
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
</ol>
自定義列表:
<dl>
<dt>+</dt><dd>列表項(xiàng)</dd>
<dt>+</dt><dd>列表項(xiàng)</dd>
<dt>+</dt><dd>列表項(xiàng)</dd>
</dl>
<div>具體內(nèi)容</div>
<span>具體內(nèi)容</span>
常見(jiàn)標(biāo)簽:
基本布局:
常見(jiàn)標(biāo)簽:
案例演示:
1、form、input、label演示
<form action="" method="get">
<p>
<label for="username">賬戶:</label>
<input type="text" name="username" id="username">
</p>
<p>
<label for="password">密碼:</label>
<input type="password" name="password" id="password">
</p>
<p><input type="submit"></p>
</form>
2、textarea演示
<form action="" method="post">
<textarea name="mycontext" cols="30" rows="10"></textarea>
<input type="submit">
</form>
3、fieldset、legend、select、optgroup、option演示
<form action="" method="post">
<fieldset>
<legend>請(qǐng)選擇你的愛(ài)好:</legend>
<select name="myhobby" id="myhobby">
<optgroup label="運(yùn)動(dòng)">
<option value="籃球">籃球</option>
<option value="足球">足球</option>
</optgroup>
<optgroup label="電子">
<option value="看電影">看電影</option>
<option value="看電視">看電視</option>
</optgroup>
</select>
</fieldset>
</form>
4、datalist演示
<form action="" method="post">
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
</form>
5、單選框演示
<form action="" method="post">
<input type="radio" name="sex" id="male" value="male" checked>
<label for="male">Male</label>
<input type="radio" name="sex" id="female" value="female">
<label for="female">female</label>
</form>
6、復(fù)選框演示
<form action="" method="post">
<input type="checkbox" name="vehicle" id="bike" value="bike">
<label for="bike">I have a bike</label>
<input type="checkbox" name="vehicle" id="car" value="car">
<label for="car">I have a car</label>
</form>
<iframe src="百度一下,你就知道" frameborder="0" width="500px" height="500px"></iframe>
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支持 Audio 標(biāo)簽。
</audio>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持 Video 標(biāo)簽。
</video>
水平線:<hr>
換行:<br>
<b>粗體文本</b>
<code>計(jì)算機(jī)代碼</code>
<em>強(qiáng)調(diào)文本</em>
<i>斜體文本</i>
<kbd>鍵盤(pán)輸入</kbd>
<pre>預(yù)格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>
<abbr>縮寫(xiě)詞或者首字母縮略詞</abbr>
<address>聯(lián)系信息</address>
<bdo>文字方向</bdo>
<blockquote>從另一個(gè)源引用的部分</blockquote>
<cite>工作的名稱</cite>
<del>刪除的文本</del>
<ins>插入的文本</ins>
<sub>下標(biāo)文本</sub>
<sup>上標(biāo)文本</sup>
HTML標(biāo)簽可以設(shè)置屬性,屬性總是以名稱/值對(duì)的形式出現(xiàn),比如:name=“value”,它的主要作用是控制或修飾標(biāo)簽。
HTML事件可以觸發(fā)瀏覽器中的行為,比方說(shuō)當(dāng)用戶點(diǎn)擊某個(gè) HTML 元素時(shí)啟動(dòng)一段 JavaScript。
由窗口觸發(fā)該事件 (同樣適用于 <body> 標(biāo)簽):
表單事件在HTML表單中觸發(fā) (適用于所有 HTML 元素,但該HTML元素需在form表單內(nèi)):
通過(guò)鍵盤(pán)觸發(fā)事件,類似用戶的行為:
通過(guò)鼠標(biāo)觸發(fā)事件,類似用戶的行為:
通過(guò)視頻(videos),圖像(images)或音頻(audio) 觸發(fā)該事件,多應(yīng)用于HTML媒體元素比如:<embed>,<object>,<img>,<audio>和<video>。
課件資料?騰訊文檔
認(rèn)情況下,當(dāng)我們使用 Safari 或 iPhone 上的任何網(wǎng)絡(luò)瀏覽器訪問(wèn)網(wǎng)站時(shí)會(huì)看到該網(wǎng)站的移動(dòng)版本。雖然從地址欄手動(dòng)請(qǐng)求桌面網(wǎng)站非常容易,但如果我們一直需要使用站點(diǎn)的完整桌面版本,可強(qiáng)制 Safari 將桌面站點(diǎn)加載到 iPhone 上。
蘋(píng)果 iPhone 手機(jī)的尺寸越來(lái)越大,再加上有了 HTML5,我們?cè)谑謾C(jī)上查看桌面網(wǎng)站并沒(méi)有想象的那么糟糕。正確設(shè)置后,Safari 即可加載網(wǎng)站的桌面版本,以下為強(qiáng)制 Safari 在 iPhone 上加載桌面站點(diǎn)的操作方法:
一:打開(kāi)從 iPhone 主屏幕進(jìn)入【設(shè)置】;
二:在設(shè)置菜單中,向下滾動(dòng)并點(diǎn)擊【Safari】;
三:進(jìn)入【 Safari 】后向下滾動(dòng),找到【請(qǐng)求桌面網(wǎng)站】;
四:在所有網(wǎng)站上自動(dòng)請(qǐng)求桌面版本。
這樣設(shè)置后,訪問(wèn) Safari 中的任何網(wǎng)站就會(huì)自動(dòng)進(jìn)入該頁(yè)面的完整桌面版本。
當(dāng)然了,我們?nèi)匀豢梢噪S時(shí)通過(guò)點(diǎn)擊【aA】圖標(biāo)并選擇【請(qǐng)求移動(dòng)網(wǎng)站】來(lái)查看該網(wǎng)站的移動(dòng)版本。
需要注意的是,Safari 只能在可用時(shí)顯示網(wǎng)站的桌面版本。例如,當(dāng)我們嘗試訪問(wèn) Apple 官方網(wǎng)站時(shí),將看到移動(dòng)版而不是完整的桌面版網(wǎng)站。
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。