2020/5/31 HTML5相关总结

新的网页结构

1. DOCTYPE声明
   !DOCTYPE html
2. 网页字符编码
   meta charset=“utf-8”
3. header元素
   一个内容区块或整个页面的标题
4. nav元素
   链接
5. article元素
   一块独立内容
6. section元素
   一块独立内容
7. aside元素
   补充信息，article的内容以外和内容相关的辅助信息
8. footer元素
   页脚

新增的主体结构元素

9. article元素
10. section元素
11. aside元素
12. nav元素
13. time元素
    2020/5/30
    2020/5/30 10:30
    UTC标准时间2020/5/30
    中国时间2020/5/30
14. pubdate元素
    2020/5/30
    表示发布时间

新增的非主体结构元素

15. header元素
    导航、引导用，通常放标题，也可放图片、搜索表单

	

	
		
		
		
	
	
		

			

				
HTML5视频教程
				[手机版]
				[HTML5论坛]
			
			

				

					

						首页
					
					

						手机版
					
					

						论坛
					
				
			
		
	

16. hgroup元素
    将标题与其子标题分组，放一起为一组，例如：

	

		

		

		...
	

17. footer元素
    注脚
18. address元素
    联系信息

	

				朱朝兵
				麦子学院
				地址************
			
			时间：2020/5/27

其他新增元素

19. figure元素和figcaption元素
    figure元素是一种元素的组合，带有可选标题。用来表示页面上一块独立的内容，删除后对网页不造成影响。

	 

			
		
	 figcaption元素表示figure元素的标题，属于figure，必须写在figure内部。
	 

			
			
			
			
风景
		

20. details元素和summary元素
    details元素是一种用于标识该元素内部的子元素可以被展开、收缩显示的元素。其中的open元素控制开合，默认为false。
    summary元素属于details元素，点击summary元素中的内容文字时，details元素中的其他所有从属元素将展开或收起。如果没有summary元素，则提供默认文字。

 		

			

				HTML5+CSS视频教程
			
			

				巴拉巴拉
			
		

21. mark元素（如：搜索引擎中的高亮关键词）
    高亮显示关键词。
    注：mark元素与HTML4中的em元素和strong元素的作用不同，因为mark元素标识出的内容与原文作者意图无关，非原文作者所标。

 	
以下是关于HTML5的搜索结果
		

			

				

					HTML5_百度百科
				
				

					万维网的核心语言HTML咔咔咔咔
				
			
			

				

					HTML5balabala
				
				
ppppppHTML5ppppppp
			
		

22. progress元素
    表示完成进度。
    可表示具体数量，也可以表示大致。
    其中的两个属性：
    value：已完成
    max：总共的量
    都只能为有效的浮点数

 		

			当前任务完成进度：
			
		

23. meter元素
    a.value属性：表示出来的值，默认0，可为浮点数
    b.min属性：最小值，默认0，>=0
    c.max属性：最大值，默认1，如果小于min，则min为最大
    d.low属性：下限值，<=high
    e.high属性：上限值，如果max，则max为high
    f.optimum属性：<=low为绿，lowhigh为红

注：绿 < low < 黄 < high < 红 ，value的优先级比optimum高 

 	
硬盘实际使用情况43.9/119GB
		

			硬盘实际使用情况
			
		

废除元素

1. 能用CSS代替的元素：
   basefont、big、center、font、s、strike、tt、u
2. 不再使用frame框架
   废除frameset、frame、noframes,只支持iframe
3. 部分浏览器支持
   applet、bgsound、blink、marquee
4. 其他废除元素
   a.rb->ruby
   b.acronym->abbr