• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 实例讲解HTML5的meta标签的一些应用

实例讲解HTML5的meta标签的一些应用

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含HTML5,meta等相关知识,佚名 希望在学习及工作中可以帮助到您

HTML 4.01 与 HTML 5 之间meta标签用法的主要差异:

在 HTML 5 中,不再支持 scheme 属性。

在 HTML 5 中,有一个新的 charset 属性,它使字符集的定义更加容易。

在 HTML 4.01 中,不得不这么写:

  1. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  

在 HTML 5 中,这样就够了:

  1. <meta charset="ISO-8859-1">  

例子

定义针对搜索引擎的关键词:

  1. <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />  

定义对页面的描述:

  1. <meta name="description" content="免费的 web 技术教程。" />  

定义页面的最新版本:

  1. <meta name="revised" content="David, 2008/8/8/" />  

每 5 秒刷新一次页面:

  1. <meta http-equiv="refresh" content="5" />  

属性
2015128114639927.png (639×396)

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title如需完整的描述,请访问 HTML 5 中标准属性。

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload如需完整的描述,请访问 HTML 5 中事件属性。

 实例

文档描述

  1. <html>  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  4. <meta name="author" content="w3school.com.cn">  
  5. <meta name="revised" content="David Yang,8/1/07">  
  6. <meta name="generator" content="Dreamweaver 8.0en">  
  7. </head>  
  8. <body>  
  9. <p

您可能想查找下面的文章:

  • HTML5知识点总结
  • HTML5的本地存储
  • HTML5本地存储之IndexedDB
  • Html5实现文件异步上传功能
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
  • 详解HTML5 window.postMessage与跨域
  • HTML5拖放API实现拖放排序的实例代码
  • 解决html5中video标签无法播放mp4问题的办法
  • HTML5新特性 多线程(Worker SharedWorker)
  • Html5新增标签有哪些

相关文章

  • 2018-12-03整体概述如何用H5制作网页
  • 2018-12-03CSS3 Flexbox该怎么使用?
  • 2017-08-06HTML最新标准HTML5总结(必看)
  • 2018-12-03HTML5手机开发-滚动和惯性缓动的代码实例
  • 2018-12-03html5几种在客户端存储数据的实例详解
  • 2018-12-03html5实现手机触摸出现录音以及离开停止录音并上传的功能(代码)
  • 2017-08-06详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案
  • 2018-12-03怎样用canvas来绘制线条
  • 2017-08-06HTML5在canvas中绘制复杂形状附效果截图
  • 2018-12-03怎么评价国产框架MUI跟ReactNative的对比帖?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)_html5教程技巧
    • HTML5 css3:3D旋转木马效果相册
    • HTML5 表单验证失败的提示语问题
    • HTML5标签小集
    • 关于动画应用的6篇文章推荐
    • html5新增的属性和废除的属性简要概述
    • HTML5每日一练之Canvas标签的应用-绘制圆形
    • 为什么视频网站在桌面端依然采用Flash而不是HTML5?
    • HTML5 Canvas像素处理常用接口
    • 为什么把 Script 标签放在 body 结束标签之后 html 结束标签之前?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有