详细内容
1、超链接中的name，用id替代
2、applet（建议object）：定义applet
3、acronym（建议abbr）：定义首字母缩写
4、basefont
5、big：定义大号文本
6、center：定义文本居中
7、font
8、strike（使用del）：定义加删除线的文本
9、tt：定义打字机文本
10、u：定义下划线文本
11、frame（建议iframe）：定义子窗口（框架）
12、frameset：定义框架的集
13、dir：定义目录列表（使用ul替代）
14、废除
<![CDATA[，使用<code>替代</p>
<p>15、h1 - h6元素的align属性不再支持</p>
<p>16、废除listing元素，使用pre替代</p>
<p>17、废除plaintext元素，使用“text/plain”MIME类型替代</p>
<p>18、废除<rb>，使用<ruby>替代</p>
<div class='article_footer'>
<section class="widget copyright desktop mobile">
<div class='content'>
<blockquote>
<p>博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议</p>
<p>本文永久链接是：<a href=https://1940879828.github.io/posts/47a374e1.html>https://1940879828.github.io/posts/47a374e1.html</a></p>
</blockquote>
</div>
</section>
<section class="widget qrcode desktop mobile">
<div class='content article-entry'>
<div class='fancybox'><img src='https://img.vim-cn.com/76/3eec6a49d047ee9fdf0122f5085229862aca96.png'
height='64px'
></div>
</div>
</section>
</div>
</div>
<section class='meta' id="footer-meta">
<div class='new-meta-box'>
<div class="new-meta-item date" itemprop="dateUpdated" datetime="2020-06-26T16:17:14+08:00">
<a class='notlink'>
<i class="fas fa-edit fa-fw" aria-hidden="true"></i>
<p>更新于：Jun 26, 2020</p>
</a>
</div>
<div class="new-meta-item meta-tags"><a class="tag" href="/tags/html/" rel="nofollow"><i class="fas fa-hashtag fa-fw" aria-hidden="true"></i><p>html</p></a></div>
<div class="new-meta-item share -mob-share-list">
<div class="-mob-share-list share-body">
<a class="-mob-share-qq" title="" rel="external nofollow noopener noreferrer"
href="http://connect.qq.com/widget/shareqq/index.html?url=https://1940879828.github.io/posts/47a374e1.html&title=html5中不再支持的元素 - 竹青虫的博客&summary=详细内容"
>
<img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/logo/128/qq.png">
</a>
<a class="-mob-share-qzone" title="" rel="external nofollow noopener noreferrer"
href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=https://1940879828.github.io/posts/47a374e1.html&title=html5中不再支持的元素 - 竹青虫的博客&summary=详细内容"
>
<img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/logo/128/qzone.png">
</a>
<a class="-mob-share-weibo" title="" rel="external nofollow noopener noreferrer"
href="http://service.weibo.com/share/share.php?url=https://1940879828.github.io/posts/47a374e1.html&title=html5中不再支持的元素 - 竹青虫的博客&summary=详细内容"
>
<img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/logo/128/weibo.png">
</a>
</div>
</div>
</div>
</section>
<div class="prev-next">
<a class='prev' href='/posts/fac54e38.html'>
<p class='title'><i class="fas fa-chevron-left" aria-hidden="true"></i>JSONP跨域</p>
<p class='content'>详细内容
1.认识JSONP跨域1.1什么是跨域跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。无法跨域是浏览器对于用户安...</p>
</a>
<a class='next' href='/posts/d556478e.html'>
<p class='title'>HTML5画布Canvas<i class="fas fa-chevron-right" aria-hidden="true"></i></p>
<p class='content'>详细内容
画布Canvas颜色、样式和阴影
属性
描述
fillStyle
设置或返回用于填充绘画的颜色、渐变或模式
strokeStyle
设置或返回用于笔触的颜色、渐变或模...</p>
</a>
</div>
</section>
</article>
<!-- 显示推荐文章和评论 -->
<article class="post white-box reveal comments shadow">
<section class="article typo">
<p ct><i class='fas fa-comments'></i> 评论</p>
<section id="comments">
<div id="valine_container" class="valine_thread">
<i class="fas fa-cog fa-spin fa-fw fa-2x"></i>
</div>
</section>
</section>
</article>
<!-- 根据页面mathjax变量决定是否加载MathJax数学公式js -->
<script>
window.subData = {
title: 'html5中不再支持的元素',
tools: true
}
</script>
</div>
<aside class='l_side'>
</aside>
<footer class="clearfix">
<br><br>
<div class="aplayer-container">
<meting-js
theme='#1BCDFC'
autoplay='false'
volume='0.7'
loop='all'
order='list'
fixed='true'
list-max-height='340px'
server='netease'
type='playlist'
id='4941769055'
list-folded='true'>
</meting-js>
</div>
<br>
<div class="social-wrapper">
<a href="mailto:me@1940879828@qq.com"
class="social fas fa-envelope flat-btn"
target="_blank"
rel="external nofollow noopener noreferrer">
</a>
<a href="https://github.com/1940879828"
class="social fab fa-github flat-btn"
target="_blank"
rel="external nofollow noopener noreferrer">
</a>
<a href="https://music.163.com/#/user/home?id=306898885"
class="social fas fa-headphones-alt flat-btn"
target="_blank"
rel="external nofollow noopener noreferrer">
</a>
</div>
<div><p>Blog content follows the <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en" target="_blank" rel="noopener">Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) License</a></p>
</div>
Use
<a href="https://volantis.js.org/" target="_blank" class="codename">Volantis</a>
as theme, total visits
<span id="busuanzi_value_site_pv"><i class="fas fa-circle-notch fa-spin fa-fw" aria-hidden="true"></i></span>
times
<div class='copyright'>
<p><a href="https://xaoxuu.com" target="_blank" rel="noopener">Copyright © 2017-2020 Mr. X</a></p>
</div>
</footer>
<script>setLoadingBarProgress(80);</script>
<script>setLoadingBarProgress(60);</script>
</div>
<a class="s-top fas fa-arrow-up fa-fw" href='javascript:void(0)'></a>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4/dist/jquery.min.js"></script>
<script>
var SEARCH_SERVICE = "hexo" || "hexo";
var ROOT = "/" || "/";
if (!ROOT.endsWith('/')) ROOT += '/';
</script>
<script async src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2/js/instant_page.js" type="module" defer integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>
<script src="https://cdn.jsdelivr.net/npm/scrollreveal@4.0.6/dist/scrollreveal.min.js"></script>
<script type="text/javascript">
$(function() {
ScrollReveal().reveal('.l_main .reveal', {
distance: '8px',
duration: '800',
interval: '100',
scale: '1'
});
});
</script>
<script src="https://cdn.jsdelivr.net/npm/node-waves@0.7.6/dist/waves.min.js"></script>
<script type="text/javascript">
$(function() {
Waves.attach('.flat-btn', ['waves-button']);
Waves.attach('.float-btn', ['waves-button', 'waves-float']);
Waves.attach('.float-btn-light', ['waves-button', 'waves-float', 'waves-light']);
Waves.attach('.flat-box', ['waves-block']);
Waves.attach('.float-box', ['waves-block', 'waves-float']);
Waves.attach('.waves-image');
Waves.init();
});
</script>
<script defer src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-busuanzi@2.3/js/busuanzi.pure.mini.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-backstretch@2.1.18/jquery.backstretch.min.js"></script>
<script type="text/javascript">
$(function(){
var imgs=["https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/67239FBB-E15D-4F4F-8EE8-0F1C9F3C4E7C.jpeg", "https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/landscape/10A0FCE5-36A1-4AD0-8CF0-019259A89E03.jpeg", "https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg", "https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/BBC19066-E176-47C2-9D22-48C81EE5DF6B.jpeg", "https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/B18FCBB3-67FD-48CC-B4F3-457BA145F17A.jpeg", "https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/00E0F0ED-9F1C-407A-9AA6-545649D919F4.jpeg", "https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/B951AE18-D431-417F-B3FE-A382403FF21B.jpeg", "https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/landscape/AEB33F9D-7294-4CF1-B8C5-3020748A9D45.jpeg", "https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/2884F904-F1F3-479E-AE27-5EBC291B63B0.jpeg", "https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/landscape/250662D4-5A21-4AAA-BB63-CD25CF97CFF1.jpeg", "https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/landscape/298468D7-E388-44A8-8CC5-8213BDC33CED.jpeg"];
if ('false' == 'true') {
function shuffle(arr){
/*From countercurrent-time*/
var n = arr.length;
while(n--) {
var index = Math.floor(Math.random() * n);
var temp = arr[index];
arr[index] = arr[n];
arr[n] = temp;
}
}
shuffle(imgs);
}
if ('.cover') {
$('.cover').backstretch(
imgs,
{
duration: "20000",
fade: "1500"
});
} else {
$.backstretch(
imgs,
{
duration: "20000",
fade: "1500"
});
}
});
</script>
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10/dist/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2.0/dist/Meting.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/valine@1.4/dist/Valine.min.js"></script>
<script>
var GUEST_INFO = ['nick','mail','link'];
var meta = 'nick,mail,link'.split(',').filter(function(item){
return GUEST_INFO.indexOf(item) > -1
});
var REQUIRED_FIELDS = ['nick','mail','link'];
var requiredFields = 'nick,mail'.split(',').filter(function(item){
return REQUIRED_FIELDS.indexOf(item) > -1
});
var valine = new Valine();
function emoji(path, idx, ext) {
return path + "/" + path + "-" + idx + "." + ext;
}
var emojiMaps = {};
for (var i = 1; i <= 54; i++) {
emojiMaps['tieba-' + i] = emoji('tieba', i, 'png');
}
for (var i = 1; i <= 101; i++) {
emojiMaps['qq-' + i] = emoji('qq', i, 'gif');
}
for (var i = 1; i <= 116; i++) {
emojiMaps['aru-' + i] = emoji('aru', i, 'gif');
}
for (var i = 1; i <= 125; i++) {
emojiMaps['twemoji-' + i] = emoji('twemoji', i, 'png');
}
for (var i = 1; i <= 4; i++) {
emojiMaps['weibo-' + i] = emoji('weibo', i, 'png');
}
valine.init({
el: '#valine_container',
meta: meta,
appId: "dogUA2FSKGTo029M1SEwGROT-MdYXbMMI",
appKey: "u0NdtQ8nvHoMdJPSYqm1LRxE",
placeholder: "快来评论吧~",
pageSize:'10',
avatar:'robohash',
lang:'zh-cn',
visitor: 'true',
highlight: 'true',
mathJax: 'false',
enableQQ: 'true',
requiredFields: requiredFields,
emojiCDN: 'https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/emoji/valine/',
emojiMaps: emojiMaps
})
</script>
<script src="/js/app.js"></script>
<script src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.6.5/js/search.js"></script>
<script src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2/js/comment_typing.js"></script>
<!-- 复制 -->
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<script>
function wait(callback, seconds) {
var timelag = null;
timelag = window.setTimeout(callback, seconds);
}
!function (e, t, a) {
var initCopyCode = function(){
var copyHtml = '';
copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
copyHtml += '<i class="fas fa-copy"></i><span>COPY</span>';
copyHtml += '</button>';
$(".highlight .code pre").before(copyHtml);
$(".article pre code").before(copyHtml);
var clipboard = new ClipboardJS('.btn-copy', {
target: function(trigger) {
return trigger.nextElementSibling;
}
});
clipboard.on('success', function(e) {
let $btn = $(e.trigger);
$btn.addClass('copied');
let $icon = $($btn.find('i'));
$icon.removeClass('fa-copy');
$icon.addClass('fa-check-circle');
let $span = $($btn.find('span'));
$span[0].innerText = 'COPIED';
wait(function () { // 等待两秒钟后恢复
$icon.removeClass('fa-check-circle');
$icon.addClass('fa-copy');
$span[0].innerText = 'COPY';
}, 2000);
});
clipboard.on('error', function(e) {
e.clearSelection();
let $btn = $(e.trigger);
$btn.addClass('copy-failed');
let $icon = $($btn.find('i'));
$icon.removeClass('fa-copy');
$icon.addClass('fa-times-circle');
let $span = $($btn.find('span'));
$span[0].innerText = 'COPY FAILED';
wait(function () { // 等待两秒钟后恢复
$icon.removeClass('fa-times-circle');
$icon.addClass('fa-copy');
$span[0].innerText = 'COPY';
}, 2000);
});
}
initCopyCode();
}(window, document);
</script>
<!-- fancybox -->
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script>
function pjax_fancybox() {
$(".article-entry").find("img").not('.inline').not('a img').each(function () { //渲染 fancybox
var element = document.createElement("a"); // a 标签
$(element).attr("pjax-fancybox", ""); // 过滤 pjax
$(element).attr("href", $(this).attr("src"));
if ($(this).attr("data-original")) {
$(element).attr("href", $(this).attr("data-original"));
}
$(element).attr("data-fancybox", "images");
var caption = ""; // 描述信息
if ($(this).attr('alt')) { // 标准 markdown 描述信息
$(element).attr('data-caption', $(this).attr('alt'));
caption = $(this).attr('alt');
}
var div = document.createElement("div");
$(div).addClass("fancybox");
$(this).wrap(div); // 最外层套 div ，其实主要作用还是 class 样式
var span = document.createElement("span");
$(span).addClass("image-caption");
$(span).text(caption); // 加描述
$(this).after(span); // 再套一层描述
$(this).wrap(element); // 最后套 a 标签
})
$(".article-entry").find("img").fancybox({
selector: '[data-fancybox="images"]',
hash: false,
loop: false,
closeClick: true,
helpers: {
overlay: {closeClick: true}
},
buttons: [
"zoom",
"close"
]
});
};
$(function () {
pjax_fancybox();
});
</script>
<script>setLoadingBarProgress(100);</script>
</body>
</html>
]]> 