html你可能还不知道的一些知识点总结_第1页
html你可能还不知道的一些知识点总结_第2页
html你可能还不知道的一些知识点总结_第3页
html你可能还不知道的一些知识点总结_第4页
html你可能还不知道的一些知识点总结_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

html你可能还不知道的一些知识点一、标签语义化html标签语义化是让大家直观的认识标签和属性的用途和作用，好处最主要的是对搜索引擎友好。Eg:1、如果你想在页面中突出奥巴马这三个字，让搜索引擎重视它，如果你这么写： 奥巴马对于搜索引擎来说，它也只是一个普通得不能再普通的三个字而已，尽管它是指代美国总统。那么应该怎样才能让搜索引擎知道它的重要性呢？来看看语义化的写法吧：奥巴马奥巴马看了后，乐了，哥本来就应该备受关注的！2、如果文字要加粗显示， 是用作强调的，strong是用作重点强调的。3、对于标签只是表示一个普通的删除线，而标签更具语义化，它表示删除一个内容，并且del还带有cite和datetime来表明删除的原因以及删除的时间。.So，标签语义化其实就是把你想要表达的东西更容易被搜索引擎理解和重视，让你想表达的东西，to be girlfriend,not to be friend。二、HTML标签补充1、缩写说明HTML2、定义列表（一般用于内容解释） 子曰：“巧言令色，鲜矣仁！” 孔子说：“花言巧语，装出和颜悦色的样子，这种人的仁心就很少了。” 季 1、兄弟排行次序最小的：季弟（小弟）.季父（小叔叔） 2、三个月为一季,一年分春夏秋冬四季3、预格式文本标签被包围在 pre 元素中的文本通常会保留空格和换行符1、这是一沟绝望的死水2、清风吹不起半点漪沦3、不如多扔些破铜烂铁4、爽性泼它的剩菜残羹4、版权符©5、对html进行转义<body>三、H5新增标签1、多媒体标签：video、audio、canvas1.1音频标签video不同浏览器对于html5 audio标签和音频格式的兼容性（一般提供ogg和mp3格式，就可以支持所有主流浏览器了。） 编解码工具：FFmpeg（下载地址：）mp4转ogg方法同上。1.2视频标签video 音视频播放、暂停、停止方法：var audio = document.getElementById(music1);audio.play();/播放audio.pause();/暂停audio.pause();audio.currentTime=0;/停止1.3画布标签:Canvas （需要配合js来做效果，后续再总结）2、主体结构标签2.1nav元素代表页面的导航链接区域。用于定义页面的主要导航部分。 HTML 5 CSS3 JavaScript 2.2article元素展示网页中独立的一块内容，譬如论坛的帖子、博客的文章、一篇用户评论。 一篇文章 文章内容. 版权：html5jscss网所属，作者：小北 一篇文章 2012/10/03 文章内容. 评论 评论者: XXX 1 hour ago 哈哈哈 评论者: XXX 1 hour ago 哈？哈？哈？ 2.3section元素代表文档中的“节”或“段”，“段”可以是指一篇文章里按照主题的分段；“节”可以是指一个页面里的分组。 前端技术 前端技术有那些 CSS 样式. JS 脚本 2.4aside元素被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、标签、名次解释等、 内容 作者简介 小北，前端一枚 2.5header元素展示一个区域的头部分2.6footer元素展示一个区域的尾部分2.7hgroup元素代表“网页”或“section”的标题，当元素有多个层级时，该元素可以将h1到h6元素放在其内，譬如文章的主标题和副标题的组合 这是一篇介绍HTML 5语义化标签和更简洁的结构 HTML 52.8figure标签规定独立的流内容（图像、图表、照片、代码等等）。figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。figcaption标签定义 figure 元素的标题（caption）。figcaption 元素应该被置于 figure 元素的第一个或最后一个子元素的位置。黄浦江上的的卢浦大桥3、非主体结构标签3.1 标签定义选项列表。苹果橘子西红柿3.2details标签定义文档细节Copyright 2011.All pages and graphics on this web site are the property of W3School.3.3menu标签定义列表 home home home3.4address地址标签Written by Donald Duck. Visit us at:EBox 564, DisneylandUSA3.5progress进度条标签下载进度：3.6mark高亮显示中国人民最伟大3.7 标签定义日期或时间，或者两者我们在每天早上 9:00 开始营业。3.8新增的表单元素3.9新增的input属性3.9.1用户输入自动完成功能 BeiJing QingDao QingZhou QingHai3.9.2页面加载的时候获取焦点3.9.3form外也可以做数据提交3.9.4form内的内容也可以改action地址 3.9.5file可以支持多文件上传了3.9.6支持自定义验证功能了 请输入邮政编码： 3.9.4新增默认内容提示了3.9.5新增不能为空属性 请输入邮政编码： 3.10新增全局属性3.10.1contenteditable 属性规定是否可编辑元素的内容。这是一段可编辑的段落。请试着编辑该文本。3.10.2hidden 属性规定对元素进行隐藏。这是一段隐藏的段落。这是一段可见的段落。3.10.3tabindex 属性规定当使用 tab 键进行导航时元素的顺序。W3SchoolGoogleMicrosoft3.11其他属性3.11.1ol的reversed属性对列表顺序进行降序 SHUFFLE!/三界恋曲 扑杀天使 零之使魔 不要撒娇哦/极乐天师/纯情和尚俏尼姑 to love/出包王女3.11.2js的async 属性规定一旦脚本可用，则会异步执行。Hello Wor
人人文库> 全部分类> 应用文书 > 事务文书

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论