前端学习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>