html你可能还不知道的一些知识点讲解.doc

html你可能还不知道的一些知识点 一、标签语义化 html标签语义化是让大家直观的认识标签和属性的用途和作用，好处最主要的是对有哪些信誉好的足球投注网站引擎友好。 Eg: 1、如果你想在页面中突出奥巴马这三个字，让有哪些信誉好的足球投注网站引擎重视它，如果你这么写： div 奥巴马/div 对于有哪些信誉好的足球投注网站引擎来说，它也只是一个普通得不能再普通的三个字而已，尽管它是指代美国总统。 那么应该怎样才能让有哪些信誉好的足球投注网站引擎知道它的重要性呢？来看看语义化的写法吧： h1奥巴马/h1 奥巴马看了后，乐了，哥本来就应该备受关注的！ 2、如果文字要加粗显示，em 是用作强调的，strong是用作重点强调的。 3、对于标签s只是表示一个普通的删除线，而del标签更具语义化，它表示删除一个内容，并且del还带有cite和datetime来表明删除的原因以及删除的时间。 So，标签语义化其实就是把你想要表达的东西更容易被有哪些信誉好的足球投注网站引擎理解和重视，让你想表达的东西，to be girlfriend,not to be friend。 二、HTML标签补充 1、缩写说明 abbr title=Hyper text Markup LanguageHTML/abbr 2、定义列表（一般用于内容解释） dl dt子曰：“巧言令色，鲜矣仁！”/dt dd孔子说：“花言巧语，装出和颜悦色的样子，这种人的仁心就很少了。”/dd dt季/dt dd1、兄弟排行次序最小的：季弟（小弟）.季父（小叔叔）/dd dd2、三个月为一季,一年分春夏秋冬四季/dd /dl 3、预格式文本标签 被包围在 pre 元素中的文本通常会保留空格和换行符 pre 1、这是一沟绝望的死水 2、清风吹不起半点漪沦 3、不如多扔些破铜烂铁 4、爽性泼它的剩菜残羹 /pre 4、版权符 copy; 5、对html进行转义 lt;bodygt; 三、H5新增标签 1、多媒体标签：video、audio、canvas 1.1?音频标签video 不同浏览器对于html5 audio标签和音频格式的兼容性（一般提供ogg和mp3格式，就可以支持所有主流浏览器了。）? audio src=1.mp3 controls=controls audio controls=controls autoplay loop source src=1.mp3 type=audio/mpeg/ source src=1.ogg type=audio/ogg/ /audio 编解码工具：FFmpeg（下载地址：） mp4转ogg方法同上。 1.2?视频标签video video src=1.mp3 controls=controls autoplay video controls=controls source src=1.mp4 type=video/mpeg/ source src=1.mp4 type=video/ogg/ /video 音视频播放、暂停、停止方法： var audio = document.getElementById(music1); audio.play();//播放 audio.pause();//暂停 audio.pause(); audio.currentTime=0;//停止 1.3?画布标签:Canvas （需要配合js来做效果，后续再总结） 2、主体结构标签 2.1?nav元素代表页面的导航链接区域。用于定义页面的主要导航部分。 nav ul liHTML 5/li liCSS3/li liJavaScript/li /ul /nav 2.2?article元素展示网页中独立的一块内容，譬如论坛的帖子、博客的文章、一篇用户评论。 article h1一篇文章/h1 p文章内容../p footer psmall版权：html5jscss网所属，作者：小北/small/p /footer /article article header h1一篇文章/h1 ptime pubdate datetime=2012-10-032012/10/03/time/p /header p文章内容../p article h2评论/h2 article header h3评论者: XXX/h3 ptime pubdate datetime=20