文章标签和旁白标签
回答:
1.文章标签是HTML 5的新标签。它的内容独立于文档的其余部分,而外部内容可以是来自外部新闻提供商的新文章,或者来自博客的文本,或者来自论坛的文本。或者来自其他外部来源的内容。
2.旁注是语义标签,通常用来描述与文档主要内容无关的内容。比如博文被标注为atricle,而博客旁边的帖子信息栏(作者头像、博文分类、作者排名等于与博客正文内容无关的)被标注在一旁。
百度知道是问答网站,主体是提问和回答问题,所以这里用article来回答问题,而右边的用户信息、升级进度、广告、推荐知识与问题的答案和问题的内容无关,与主题内容无关的区域放在一边。简单来说,放在一边可以作为一般的信息展示(信息栏)等。
扩展信息:
1.超文本标记语言(HTML)的第五个主要修订版,是万维网的核心语言和标准通用标记语言。
2.HTML5旨在支持移动设备上的多媒体。引入了新的语法功能来支持这一点,例如视频、音频和画布标签。HTML5还引入了新的功能,可以真正改变用户与文档的交互方式。
3.很多业内人士说HTML最终会取代open core,比如Adobe的Flash,但短期内还不是合适的时机。
4.HTML5估计在2014年逐渐成熟,将现有的用Flash的web开发完全转向HTML5还需要一段时间。虽然HTML5提供了许多优势,但可能有一些应用程序更适合更灵活的框架。一些主要的主流公司正在逐渐转向HTML5。谷歌于2015年2月26日开始自动将Flash广告转换为HTML5格式,这或许会加快HTML5取代Flash的进程,但这一转变的过程并非一蹴而就。
来源:百度百科:HTML5
HTML5中什么元素可以替代p标记定义页面底部j?
html有以下几个语义化标记
header元素
header 元素代表“网页”或“section”的页眉
通常包含h1-h6元素或hgroup,作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分,一个搜索框,一个nav,或者任何相关logo。footer元素
footer元素代表“网页”或“section”的页脚,通常含有该节的一些基本信息,譬如:作者,相关文档链接,版权资料。如果footer元素包含了整个节,那么它们就代表附录,索引,提拔,许可协议,标签,类别等一些其他类似信息。hgroup元素
hgroup元素代表“网页”或“section”的标题,当元素有多个层级时,该元素可以将h1到h6元素放在其内,譬如文章的主标题和副标题的组合nav元素
nav元素代表页面的导航链接区域。用于定义页面的主要导航部分aside元素
aside元素被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。(特殊的section)section元素
section元素代表文档中的“节”或“段”,“段”可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组article元素
article元素最容易跟section和p容易混淆,其实article代表一个在文档,页面或者网站中自成一体的内容,其目的是为了让开发者独立开发或重用。譬如论坛的帖子,博客上的文章,一篇用户的评论,一个互动的widget小工具。(特殊的section)address元素
address代表区块容器,必须是作为联系信息出现,邮编地址、邮件地址等等,一般出现在footer。
CSS中图片怎么置顶?
使用DW让网页图片置顶,可分三种情况:
1.cssreset
在HTML标签在浏览器里有默认的样式,例如p
标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE
下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。在切换页面的时候,浏览器的默认样式往往会给我们带来麻
烦,影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简
单的说法就是把浏览器提供的默认样式覆盖掉
根据本题提问主要涉及到以下CSSReset
html,body,
p,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,aside,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,caption,tbody,tfoot,thead,article,aside,
canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,
section,summary,time,mark,audio,video{margin:0;padding:0;
border:0;outline:0;vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
td,tdimg{vertical-align:top}
2.图片为页面中插入的img,如<imgsrc=”../images/1.jpg”/>
如果已经设置了以上的cssreset,在没有专门设置其它任何间距的情况下,图片默认也是置顶的。
3.图片为背景图片如
p{width:100%;height:50px;background:url(../images/1.jpg)lefttop
no-repeat;}其中的lefttop就是定义图片位置的,让图片水平居左垂直居上显示,也就是说此时图片也是置顶的;lefttop
也可以换成数值如background:url(../images/1.jpg)00no-repeat;