欢迎来到天天文库
浏览记录
ID:8971333
大小:30.45 KB
页数:8页
时间:2018-04-13
《html4和html5、css2和css3区别》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、HTML5追加的新标签新千年以来,超文本标记语言(HTML)5第一次向HTML中引入新的元素。新的结构元素包括aside、figure和section。新的内联元素包括time、meter和progress。新的内嵌元素有video和audio。新的交互元素有details、datagrid和command。■HTML5的结构·section:这可以是书中的一章或一节,实际上可以是在HTML4中有自己的标题的任何东西·header:页面上显示的页眉;与head元素不一样·footer:页脚;可以显示电子邮件中的签名·nav:指向其
2、他页面的一组链接·article:blog、杂志、文章汇编等中的一篇文章必须分析标题的级别,才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的div元素来表示HTML5增加的块级元素:除了结构性元素之外,HTML5还增加了一些纯语义性的块级元素:·aside·figure·dialogaside元素代表说明、提示、边栏、引用、附加注释等,也就是叙述主线之外的内容。figure元素代表一个块级图像,还可以包含说明。figure元素不只可以显示图片。还可以使用它给audio、video、iframe、o
3、bject和embed元素加说明。dialog元素表示几个人之间的对话。HTML5dt元素可以表示讲话者,HTML5dd元素可以表示讲话内容。所以,在老式浏览器中也可以以合理的方式显示对话。HTML5增加的语义性内联元素HTML4用5个不同的内联元素表示略有差异的计算机代码:var、code、kbd、tt和samp。但是,它无法表示时间、数字等基本数值。HTML5提供了几个新的内联元素来满足非技术作者的需求。mm元素表示文本被“加上标志”,但是不一定要强调。可以把它想像成书中突出显示的一节。Google的缓存页面就是典型的用例。如
4、果链接到一个缓存的副本,搜索词就被加上标志。例如,如果搜索“Egret”,那么缓存的Google页面可能像下面这样:HTMl源代码Egret(alsoknownastheAmericanEgret)isalargewhitewadingbirdfoundworldwide.TheGreatEgretflieswithslowwingbeats.ThescientificnameoftheGreatEgretisCasmerodiusalbus
5、.timetime元素表示一个时间值,比如5:35P.M.,EST,April23,2007。例如:HTMl源代码
Iamwritingthisexampleat5:35P.M.onApril23rd.
Iamwritingthisexampleat6、07-04-23T17:35:00-05:00">5:35P.M.onApril23rd.metermeter元素表示指定范围内的数字值。例如,可以用它表示薪水、投票给LePen的法国选民的百分比或考试分数。在这里,我使用meter标出SoftwareDevelopment2007上一位Google程序员提供的数据:HTMl源代码AnentrylevelprogrammerinSiliconValleycanexpecttostartaround$90,000peryear7、.meter元素帮助浏览器和其他客户机识别HTML页面中的数量。它不要求对元素内容应用任何特定的格式。但是,每个meter元素可以有最多6个属性,它们按照更适合机器识别的形式表示这个数量:·value·min·low·high·max·optimum这些属性都应该包含一个十进制数字。例如,期末考试的分数可以写成下面这样:HTMl源代码YourscorewasB+.p
6、07-04-23T17:35:00-05:00">5:35P.M.onApril23rd.
AnentrylevelprogrammerinSiliconValleycanexpecttostartaround$90,000peryear
7、.
YourscorewasB+.
8、rogressprogress元素表示一个正在进行的过程的状态,就像图形用户界面(GUI)应用程序中的进度条。例如,可以用它表示一个文件已经下载的百分比或者播放电影时的当前位置。下面这个进度控件表示下载已经完成了33%:HTMl源代码
Down
此文档下载收益归作者所有