web前端学习笔记
1. 锚点定位 (难点)
通过创建锚点链接,用户能够快速定位到目标内容。
创建锚点链接分为两步:
1. 使用相应的id名标注跳转目标的位置。 (找目标)
<h3 id="two">第2集</h3>
2. 使用<a href="#id名">链接文本</a>创建链接文本(被点击的) (拉关系) 我也有一个姓毕的姥爷..
<a href="#two">
2. base 标签
语法:
<base target="_blank" />
总结:
- base 可以设置整体链接的打开状态
- base 写到
<head> </head>
之间 - 把所有的连接 都默认添加 target="_blank"
3. 预格式化文本pre标签
<pre>
标签可定义预格式化的文本。
被包围在 <pre>
标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>
有了这个标签,里面的文字,会按照我们书写的模式显示,不需要段落和换行标签了。但是,比较少用,因为不好整体控制。
4. 特殊字符 (理解)
一些特殊的符号,我们在html 里面很难或者 不方便直接 使用, 我们此时可以使用下面的替代代码。
虽然有很多,但是我们平时用的比较较少, 大家重点记住 空格 大于号 小于号 就可以了,剩下的回来查阅。
总结:
- 是以运算符
&
开头,以分号运算符;
结尾。 - 他们不是标签,而是符号。
HTML
中不能使用小于号 “<” 和大于号 “>”特殊字符,浏览器会将它们作为标签解析,若要正确显示,在HTML
源代码中使用字符实体
团队约定
推荐:
<a href="#">more >></a>
<a href="#">more </a>
不推荐:
<a href="#">more >> </a>
<a href="#">more </a>