• 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教程技巧

实例讲解HTML5的meta标签的一些应用 _html5教程技巧

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含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>本文档的 meta 属性标识了创作者和编辑软件。p>
  10. body>
  11. html>

Meta 元素中的信息可以描述 HTML 文档。

文档关键字

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <meta name="description" content="HTML examples">
  5. <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
  6. head>
  7. <body>
  8. <

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

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

相关文章

  • 2018-12-03H5的window.postMessage与跨域
  • 2018-12-03HTML5 Canvas实现绘制一个像素宽的细线
  • 2017-08-06CSS3 画基本图形,圆形、椭圆形、三角形等
  • 2017-08-06HTML5 虚拟键盘出现挡住输入框的解决办法
  • 2018-12-03HTML5画渐变背景图片并自动下载实现步骤_html5教程技巧
  • 2017-08-06html5之Canvas路径绘图、坐标变换应用实例
  • 2018-12-03html5指南(4)-使用Geolocation的详解
  • 2018-12-03使用HTML5画布实现的超棒javascript动画仪表板:gauge.js?1.1.2
  • 2018-12-03带你了解什么是HTML5?
  • 2018-12-03详解7款绚丽的jQuery/HTML5动画及源码

文章分类

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

最近更新的内容

    • 秀野堂html5入门视频教程的资源推荐
    • 关于H5页面的10篇文章推荐
    • HTML5 Canvas绘制文本及图片的基础教程_html5教程技巧
    • H5+C3实现时钟效果
    • HTML5第三天笔记
    • 段落每行渐变色文本效果
    • HTML5之tabindex属性全面解析
    • 有关动画工具的文章推荐
    • H5移动端各种各样的列表的制作方法详解(四)
    • HTML5 Canvas实现玫瑰曲线和心形图案的代码实例

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

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