这是我参与「第四届青训营 」笔记创作活动的第20天
熟悉常用的标签
对于html，首先就是要熟悉那些常用的标签，比如div，a，img等
语义化
但是，该怎么去应用这些标签呢？每种标签什么时候用，这个又涉及到了一个概念叫做语义化。
什么是语义化？
-
每一个HTML都有具体的含义 a元素：超链接 p元素：段落
-
所有元素与展示效果无关，元素展示到页面中的效果由css决定。因为浏览器有默认的css，所以说效果不一样。我们是根据含义来选择元素，而不是效果。
为什么要语义化
- 为了搜索引擎优化（SEO） 搜索引擎：百度 搜搜 Bing Google 每隔一段时间，搜索引擎就会从整个互联网中抓取页面代码，只有语义化做好了，计算机才可以更加清晰地理解网页中的内容。
- 为了让浏览器理解网页 浏览器理解的越深，网页的功能就越好。 语义化有利于我们对标签的理解。
了解标签的属性
了解了常用的标签，还要熟悉这些标签的属性，这样我们才是真正懂得怎么用这些标签。 就拿a标签的href属性来说： hyper reference：表示跳转地址
- 跳转地址 www.taobao.com
- 跳转到某个锚点 id属性，全局属性，表示元素在文档中的编号，注意不要重复
当href只写一个#的时候，就会自动回到页面顶部
<a href="index.html#chapter4"></a> 表示链接到index页面的chapter4
- 功能链接 点击后，触发某个功能 -执行js代码 javascript:...... -发送邮件 href="mailto:......."要求用户计算机上安装有邮件发送的软件
- 拨打电话 href="tel:......"要求用户电脑要安装拨号软件，或者再移动端访问
浏览器兼容问题
不同浏览器对不同元素的支持不尽相同，所以有时候会导致效果没有展示出来，这个是需要注意的。
元素的包含关系
我们在写页面的时候经常会遇到元素的嵌套，所以我们要了解嵌套规则，也就是元素间的包含关系
- 容器元素可以包含任何元素。
- a元素中几乎可以包含所有元素。
- ul ol中只能包含若干个li元素
- 某些元素有固定的子元素，ul>li,ol>li,dl>dt+dd
- 标题元素和段落元素不可以相互嵌套，并且不能包含容器元素。
