极客学院HTML笔记(7)HTML 实体article,section,nav,aside,time,header,footer,hgroup,address元素及其属性

HTML背景
1.背景标签:background
2.背景颜色:bgcolor
3.颜色:颜色是由一个十六进制的符号来定义,这个符号是由红色,绿色,蓝色的值组成(RGB)
颜色值最小值:0(#00)
颜色值最大值:255(#FF)
红色:#FF0000
绿色:#00FF00
绿色:#0000FF
HTML实体
1.实体:HTML中预留字符串必须被替换成字符实体如< >
XHTML指的是可扩展超文本标记语言 XHTML与HTML4.01几乎是相同的。
XHTML是以XML应用的方式定义的HTML
XHTML得到所有主流浏览器的支持
文档声明:
DTD:规定了使用通用标记语言的网页语法。STRICT(严格类型)
TRANSITIONAL(过渡类型)FRAMESER(框架类型)
XHTML元素的语法:必须正确嵌套,始终关闭,必须小写,有一个根元素
XHTML属性语法规则:XHTML属性必须小写,属性值必须用引号包围最小化也是禁止的
HTML5和HTML4的区别
新增的结构元素:section,article,aside,header,hgroup,footer,nav,figure,
新增的其他元素:video,audio,embed,mark,progress,meter,time,ruby,rt,rp,wbr,canvas,command,details,datalist,datagrid,keygen,output,source,menu
新增的input元素的类型:email,url,number,range,Date Pickers
废除的元素:能使用CSS替代的元素:basefont,big,center,font,s,tt,u等
不再使用frame框架
只有部分浏览器支持的元素
其他被废除的元素
新增的属性:表单相关的属性,链接相关的属性,其他属性
废除的属性
全局属性
contentEditable属性
designMode属性:用来指定整个页面是否可编辑
hidden属性
spellcheck属性
tabindex属性
article元素代表文档页面或应用程序中独立的,完整的,可以独自被外部引用的内容。它可以是一篇博客或者是报刊中的文章,一片论坛的帖子,一段用户评论或者是独立的插件,或其他的任何的独立的内容。
article元素是可以嵌套使用的。
article元素是可以用来表示插件的。
在这里插入图片描述
在这里插入图片描述
section元素用于对网站或应用程序中的页面上的内容进行分块,一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素。当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素。
article可以看作特殊的section元素,,更加强调独立性,section元素强调分段或分块,article强调的是独立性
在这里插入图片描述
在这里插入图片描述
nav元素是一个可以用作页面导航的连接组,其中的导航元素链接到其他页面或当前页面的其他部分,并不是所有的连接组都要被放进nav元素,只需要将主要的,基本的连接组放进nav元素即可。
应用场景:
传统导航条/侧边栏导航/页内导航/翻页操作
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
aside元素用来表示当前页面或文章的附属信息部分,他可以包含与当前元素或这要内容相关的引用,侧边栏,广告,导航条,以及其他类似的有区别于主要内容的部分
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
新增的非主体结构元素:header元素/footer元素/hgroup元素/address元素
header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但是,也可以是包含其他内容的,例如:数据表格,搜索表单或者是相关的logo图片
在这里插入图片描述
footer元素
可以作为其上层父级内容区块或是一个根区块的脚注。
footer通常可以包括其相关的区块的脚注信息,如作者。相关阅读连接以及版权信息等。
在这里插入图片描述
address元素用来在文档中呈现联系信息,包括文档作者或文档维护者的名字,他们的网站链接,电子邮箱,真实地址,电话号码等。address应该不只用来呈现电子邮箱或真实地址,还用来展示跟文档相关的联系人的所有联系信息
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43428283/article/details/89222345
今日推荐