2.1 title与h1的区别

定义：title是网站标题，h1是文章主题

作用：title概括网站信息，可以直接告诉搜索引擎和用户这个网站是关于什么主题和内容的，是显示在网页Tab栏里的；h1突出文章主题，面对用户，更突出其视觉效果，指向页面主体信息，是显示在网页中的

2.1代码实战

                    
                    
我是文本标题

我是文本标题

2.2 b与strong的区别

定义：b(bold)是实体标签，用来给文字加粗，而strong是逻辑标签，作用是加强字符语气

区别：b标签只是加粗的样式，没有实际含义，常用来表达无强调或着重意味的粗体文字，比如文章摘要中的关键词、评测文章中的产品名称、文章的导言； 而strong表示标签内字符重要，用以强调，其默认格式是加粗，但是可以通过CSS添加样式

建议：为了符合CSS3的规范，b应尽量少用而改用strong，字体如果需要加粗，用CSS添加样式，要着重语句，用strong

2.2代码实战

                    
我是原文字
我是bold
                    我是strong

                

我是原文字

2.3 i与em的区别

定义：i(italic)是实体标签，用来使字符倾斜，而em(emphasis)是逻辑标签，作用是强调文本内容

区别：i标签只是斜体的样式，没有实际含义，常用来表达无强调或着重意味的斜体，比如生物学名、术语、外来语；而em表示标签内字符重要，用以强调，其默认格式是斜体，但是可以通过CSS添加样式

建议：为了符合CSS3的规范，i应尽量少用而改用em

2.3代码实战

                    
我是原文字
我是斜体i
                    我是em
                    

我是原文字

2.4 img中的alt与title属性

alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方

title属性是在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，有点类似jQuery的hover

2.4代码实战

4.解决方案

href (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。当我们写下：

浏览器明白当前资源是一个样式表，页面解析不会暂停（由于浏览器需要样式规则去画或者渲染页面，渲染过程可能会被暂停）。 这与把css文件内容写在style标签里不相同，因此建议使用link标签而不是"@import"来把样式表导入到html文档里

src (Source)属性仅仅嵌入当前资源到当前文档元素定义的位置。当浏览器找到

6.拓展思考

如何使用这些标签并尽量符合编码规范呢？

以下是W3C中相关的一段话

注释：根据 HTML5 规范，在没有其他合适标签更合适时，才应该把 b 标签作为最后的选项。HTML5 规范声明：应该使用 h1 - h6 来表示标题，使用 em 标签来表示强调的文本，应该使用 strong 标签来表示重要文本，应该使用 mark 标签来表示标注的/突出显示的文本。

提示：您也能够使用 CSS "font-weight" 属性来设置粗体文本。