HTML5标签选择指引 - 相关文章

【HTML5标签选择指引】的更多相关文章

HTML5标签选择指引

…

HTML5标签选择，图文混排使用dl dt dd

图文混排,可以使用 dl dt dd(dd 和 dt 是同级,不可以嵌套,没有先后顺序) 1,上面红色部分是标题,可以使用h1里面包含一个span标签,样式一样,所以两个可以一起写. 2,上面黑色部分是属于图文混排,可以使用个自定义列表:dl>dt ,dd进行设置,且排版需要进行定位.需要进行定位设置: 父元素dl使用position:relative; 子元素dt,dd使用position:absolute;设置合适的left,top; 3,蓝色部分是属于文章部分arcitle,文章可以使用p…

HTML5标签总结笔记

HTML5标签笔记 1.格式标签元素名和属性一般不区分大小写,特殊的如id和class需要区分格式标签: <acronym> 定义只取首字母的标签 <abbr>定义缩写 <address>定义文档作者或者拥有者的信息 <b>定义粗体文字 <bdi>定义文本的文本方向,使其脱离其周围文本的方向设置 <bdo>定义文字方向 <big>定义大号文本 <blockquote>定义长的引用,在浏览器中呈现一段缩进文本…

HTML5的学习（一）HTML5标签

HTML5是WHATWG与W3C合作,创建的一个新版本的HTML.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成.HTML5相比于之前的HTML的其他版本增加了一些新的特性. 1.HTML5的新特性用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的特性内容元素新的表单控件 2.HTML5标签 (注:红色为HTML5不支持的,蓝色为HTML5新增的标签元素.) 标签描述 HTML4 HTML5 <!-…

HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

这篇文章主要介绍了HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法,需要的朋友可以参考下 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组…

HTML5标签（语义化）

HTML语义化是什么? HTML语义化是指根据内容的结构化,选择合适的标签.举个例子:之前所有的都用div, span等标签实现页面结构,而这些标签都没有实际的意义, 而新的HTML5标签<header> <footer> <nav> <section> <article> <aside> 等这些标签的出现与使用,让人一目了然的知道页面结构是什么样的,哪些内容是主题部分,这就是HTML语义化的好处. 语义化的好处: 1. 有利于SEO…

兼容IE6\7\8浏览器的html5标签的几个方案

html5大行其道的时代已经到来.如果你还在等待浏览器兼容,说明你已经与web脱节几条街了.当然,这得益于移动客户端的蓬勃发展.如果还在纠结于,是否应该掌握html5和css3技术时,请狠狠的抽自己几个嘴巴,然后,苦学吧!因为前端的春天已经到来,而且不止一个春天.如果你不信,我只能说:爱信不信! 下面我们来看一个标准的html5标签结构:(我这里只是说标签,其它概不涉及) <!DOCTYPE HTML> <html> <head> <meta charset=&q…

html5-3 html5标签（热点地图如何实现）（边学边做）

html5-3 html5标签(热点地图如何实现)(边学边做) 一.总结一句话总结:热点地图用绝对定位实现. 1.自定义列表怎么弄? dl 自定义列表dt 自定义标题dd 自定义列表内容 2.热点地图怎么弄? a标签或者别的来绝对定位 3.绝对定位的时候什么工具好用? 尺子工具 4.自定义列表可以做什么? 做选择题 13 <dl> 14 <dt>请选择:</dt> 15 <dd>A linux</dd> 16 <dd>A li…

【转】HTML5标签使用的常见误区

最近组内进行 HTML5标签的学习,方法呢就是大家每人挑选几个标签,自己先去学习,然后给大家作讲解.这个过程大家还是挺有收获的.但是现在HTML5还处在草案阶段,有些新的标签元素的解释也是经常有变化,甚至标签加入移出也很频繁(比如 hgroup),同时现有的大的门户网站在使用HTML5方面也没有很好的范例可以参考,让大家的学习过程更摸索.下面是我在 html5doctor 上面看到的一篇文章,在目前大家懵懂的阶段,可能看看大师的讲解会更容易理解.由于才疏学浅,很多不明白的地方可能只是做了字面上…

8 个有用的 HTML5 标签

作为一个 web 前端开发者,在制作页面的时候你会从一大堆不同的标签中选择合适的标签来完成相应的功能.有些 HTML5 标签广为流传,例如 <article> <header> <footer>,然而有些标签可能知道的人不多,用的也少. 1. 上下文高亮 <mark> <mark> 标签应该用来表示 "相关的(relevance)" 或 "注意观察的 (scrutiny)"元素和文本应该与我们做的活动相关,…