前端学习17/07/22

今天又从头开始边学习边复习HTML的一些知识，主要还是慕课网上的教学视频。回顾了一些HTML基础，感觉还是有一些收获。

1.<hr/>标签

关于<hr/>标签的说明，w3cschool中做出了如下定义：

标签定义及使用说明

<hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。
<hr>元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。

不同的是，课程内容中所讲到的<hr/>标签的属性，都已经被废弃。

HTML 4.01 与 HTML5之间的差异

在 HTML5 中，<hr> 定义内容中的主题变化，并显示为一条水平线。
在 HTML 4.01 中，<hr> 标签仅仅显示为一条水平线。
在 HTML 4.01 中，所有的布局属性都已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式。

今天的学习中发现，课程里面所讲述的标签，很多都已经在HTML5中废除了一些标签属性。转而推荐使用CSS来为元素定义样式。这种转变我觉得和现在所提倡的结构、表现、行为分离的思想有很大的关联。今后的使用中应该按照HTML5的新标准写自己的代码。

2.text-align：justify

这个属性值，是之前没有关注到的。w3cschool的描述是：

justify，实现两端对齐文本效果。

随机生成一段文字看一下效果。

可以看的出来，justify类似于word文档里面的两端对齐，这种对齐方式对齐出来的文本看起来非常的舒服。根据justify这个属性值的理解，把之前自己写的一个demo做了修改，文本就看起来舒服了很多。

修改之前，段落右侧看起来非常奇怪。

修改之后的文本就看起来舒服很多。

3.<a>标签一些应用

3.1定义锚实现页内跳转

使用<a>标签可以实现页面内的跳转，最常见的就是返回顶部。
具体实现方式如下：
<a name="top">顶部</a>
……
<a href="#top">返回顶部</a>


3.2不同页面间定义锚跳转

具体做法和页内基本上是一致的，不同的是要在<a>标签的href属性值加入要链接的网页名称。
网页1：<a href="网页名称#锚名">……</a>
网页2：<a href="锚名">……</a>

3.3通过a标签链接实现文件下载

<a href="下载文件的地址">……</a>
在a标签的href属性值中，写入下载文件的地址即可实现，如，下载当前目录下的test.zip文件。
<a href="test.zip">下载test.zip</a>