前端开发学习笔记4-HTML5

（一）XML与html的关系与区别，以及html5的区别

xml是xhtml的加强版，也就是更加注重数据与格式的语法。html是简单的标记展示框架与内容。

 

 

（二）HTML5 语言的完全体

<details>

<summary>我是标题</summary>

<p>我是内容</p>

</details>

 

 

<p>Do not forget to buy <mark>milk</mark> today.</p>

 

<p>展示给定的数据范围：</p>

<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>

 

 

下载进度：
<progress value="22" max="100">
</progress>

 

 

 <nav>

<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>

 

 

<ruby>
汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>

 

其他：浏览器缓存

最简单的方法是在头部加<meta>标签

<METAHTTP-EQUIV="Cache-Control" CONTENT="no-cache,no-store,must-revalidate">

<METAHTTP-EQUIV="pragma" CONTENT="no-cache">

<METAHTTP-EQUIV="expires" CONTENT="0">

<?php

header("Cache-control:no-cache,no-store,must-revalidate");

header("Pragma:no-cache");

header("Expires:0");

?>

如果在<META HTTP-EQUIV=”Cache-Control” CONTENT=”no-cache,no-store, must-revalidate”>或header(“Cache-control:no-cache,no-store,must-revalidate”);中少了no-store就解决不了火狐的缓存了