HTML5基础知识回顾
趁青春没有理由不去闯，即使会败，我也要败得漂亮！人生在世，不妨大胆一点，勇敢地去追逐自己想要的东西！加油，勇敢点，你是最棒的！我是梦阳辰，期待与你相遇！
01.标签
使用哪种标准规范
1.<!doctypy>标记
HTML5
<!doctype html>
2.<html>标记
文档的开始
3.<head>标记
定义头部信息。
如：<title>标题,<meta>编码方式,<link>,<style>
4.<body>
定义HTML要显示的内容。
5.<!--注释部分-->标记
5.<meta />标记
页面的元信息，可以重复出现在头部。
为网页设置关键字。
<meta name="keywords" content="java,梦阳辰"/>
6.引用外部文件标记<link>
<link 属性="属性值">
属性名
1.href:引用的外部文档地址。
2.rel：两者的关系，通常为：stylesheet表示定义一个外部样式表。
3.type：如：text/css,text/javascript
7.内嵌样式标记<style>
定义样式信息。
8.水平线标记<hr/>
9.换行标记<br/>
10.文本格式化
斜体：<i>,<em>
粗体:<strong>,<b>
删除线：<s>,<del>
下划线：<u>,<ins>
1.文字：p,span,h1~h6
2.图像：img
alt属性，图片不能显示时的替代文本。
title：图片信息。
border：边框属性。
vspace和hspace：边距。
3.表格：table
4.表单：form
5.音频： audio
6.视频：video
7.超链接:a
8.锚点:a
网页内容较多，页面过长，快速定位到目标内容。
<a href="#id"></a>使用相应的id名跳转到目标位置。
9.H5移动开发API,canvas（绘画）
1.1双标记和单标记
双：h1
单：<hr/>
1.2标记的属性
对齐方式：align
02.页面元素
2.1列表元素
1.无序列表ul
常用。
<ul></ul>
<li></li>
2.有序列表ol
<ol></ol>
<li></li>
3.定义列表dl
用于对术语或名词进行解释。
<dl></dl>标记用于指定定义列表。
<dt></dt>指定术语名词。
<dd></dd>名词的解释。
2.2结构元素
1.header元素
header元素是一种具有引导和导航作用的结构元素。通常用来放置整个页面或页面内的一个内容区块的标题。
2.nav元素
用于定义导航链接，是页面元素的语义更加明确。
3.article元素
代表与上下文不相关的独立部分。article元素通常使用多个section元素进行划分。
4.aside元素
定义当前页面或文章的附属信息部分。
5.section
用于对内容进行分块，一个section元素通常由内容和标题构成。
6.footer元素
定义一个页面或者区域的底部。
2.3分组元素
1.figure和figcaption元素
<figure>//定义独立的流内容,一般指单独的单元。
<figcaption>
用于为figure元素组添加标题。
</figcaption>
</figure>
2.hgroup元素
用于将多个标题组成一个标题组。
2.4页面交互元素
1.details元素和summary元素
details元素用于描述文档或文档部分的细节。summary元素经常和details配合使用。隐藏和显示。
2.progress元素
用于表示一个任务的完成进度。
progress属性：
value:已完成的工作量。
max：总共有多少工作量。
3.meter元素
用于表示指定范围内的数值。如表示评分。
meter属性:
max:最大值，默认为1
min：最小值，默认为0
high:到哪个值为高的值。
low：到哪个值为低的值。
optimum:定义什么样的值是最好的。
value:值。
2.5文本层次代码元素
1.time元素
定义时间和日期。虽然没有特殊效果，但是该元素能以
机器可读的方式对日期和时间进行编码。
属性：
datetime：定义相应的时间或日期。
pubdate:文档发布时间。
2.mark元素
高亮显示某些字符。
3.cite元素
对文档参考文献的引用说明。
2.6全局属性
1.draggable属性
定义元素是否可以移动
属性有两个值：ture，false。
实际上还需要javaScript代码实现该功能。
2.hidden属性
该属性有两个值：true和false。
当为ture时会被隐藏。
3.spellcheck属性
主要针对Input元素和textaera文本输入框。对用户输入的文本内容进行拼写和语法的检查。
有两个属性值：ture和false.
4.contenteditable属性
规定是否可编辑元素内容。但前提是可以获得鼠标的焦点并且其内容不是只读的。
请一定要有自信，你就是一道风景，没必要在别人风景里面仰视。
关注公众号【轻松玩编程】回复关键字“电子书”，“计算机资源”，“Java从入门到进阶”，”JavaScript教程“，“算法”，“Python学习资源”，“人工智能”等即可获取学习资源。
下一篇： HTML5基础知识