HTML注意事项(学习笔记)

1、
在所有浏览器中都是有效的,但使用
其实是更长远的保障。类似的标签也一样

2、标签最好用小写,未来的版本中可能强制用小写

3、标签属性

始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name='Bill "HelloWorld" Gates'

4、标题

搜索引擎使用标题为您的网页的结构和内容编制索引。

5、水平线


标签在 HTML 页面中创建水平线。

6、段落

浏览器会自动地在段落的前后添加空行。(

是块级元素)

7、HTML 输出

我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

8、样式style

style 属性用于改变 HTML 元素的样式。

9、预格式文本

pre 标签保留了空格和换行,很适合显示计算机代码:

for i = 1 to 10
     print i
next i

10、HTML 链接 - name 属性

锚(显示在页面上的文本)
a标签的name属性规定锚(anchor)的名称。
当使用命名锚(named anchors)时,我们可以创建直接跳至页面中该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
小提示:可以使用 id 属性来替代 name 属性,命名锚同样有效。

实例

首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
基本的注意事项 - 有用的提示
然后,我们在同一个文档中创建指向该锚的链接:
有用的提示
您也可以在其他页面中创建指向该锚的链接:
有用的提示
在上面的代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。
具体效果:https://www.w3school.com.cn/html/html_links.asp#tips

你可能感兴趣的:(HTML注意事项(学习笔记))