html
HTML是用于描述页面结构的语言。
结构：有什么东西，该东西表示什么含义(语义化)
语义化
1.每一个HTML元素都有具体的含义
a元素：超链接
p元素：段落
h1元素：一级标题
2.所有元素与展示效果无关,元素展示到页面中的效果，应该由CSS决定。
选择什么元素，取决于内容的含义（语义化），而不是显示出的效果
语义化的作用
- 为了搜索引擎优化（SEO）
搜索引擎：百度、搜搜、Bing、Google
每隔一段时间，搜索引擎会从整个互联网中，抓取页面源代码,然后读取你页面的元素，来理解你要表达的东西，你表达的他越容易懂，他就会把你显示的越靠前
- 为了让浏览器理解网页
阅读模式、语音模式
htmlAPI
pre(空白折叠)
在源代码中的连续空白字符（空格、换行、制表），在页面显示时，会被折叠为一个空格
pre元素可以把样式原封不动的显示在页面上（不忽略空格）
pre元素功能的本质：它有一个默认的css属性white-space:pre
meta
meta主要用于设置网页中的一些元数据，元数据不是给用户看（给浏览器，seo用的）
charset 指定网页的字符集
name 指定的数据的名称
content 指定的数据的内容
<meta name="keywords" content="HTML5,前端,CSS3">
<meta name="description" content="这是一个非常不错的网站">
name的可选项
- description 用于指定网站的描述
- keywords 表示网站的关键字，可以同时指定多个关键字，关键字间使用,隔开
button
加入一个type="button" 就是一个普通按钮，不加则会提交表单
<button class="right" type="button">发送验证码</button>
加入一个type="reset" 就是一个重置按钮
这一切都是在form元素的包裹下使用
label
可以将文字和单选按钮关联
关联方式一
<label>
<input type="radio" name="sex" checked />
<span>男</span>
</label>
关联方式二
<label for="male">
<span>男</span>
</label>
<input type="radio" name="sex" checked id="male"/>
contenteditable属性
该属性是一个布尔属性，可以设置到任何元素上，它可以让该元素变为可编辑的状态
在实际开发中，通常用于制作富文本框
<div contenteditable class="content">
<p>asdfasdfsaf</p>
</div>
