HTML学习笔记5——标签拓展

1. 锚点定位

通过创建锚点链接,用户能够快速定位到目标内容。
创建锚点链接分为两步:

<!--1. 使用相应的id名标注跳转目标的位置。 (找目标)-->
  <h3 id="two">第2集</h3> 

<!--2. 使用<a href="#id名">链接文本</a>创建链接文本(被点击的) -->
  <a href="#two">   

在这里插入图片描述

2. base 标签

语法:

<base target="_blank" />

在这里插入图片描述
总结

  1. base 可以设置整体链接的打开状态
  2. base 写到 <head> </head> 之间
  3. 把所有的连接 都默认添加 target="_blank"

3. 预格式化文本pre标签

<pre> 标签可定义预格式化的文本。

被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre>

  此例演示如何使用 pre 标签

  对空行和 空格

  进行控制

</pre>

所谓的预格式化文本就是 ,按照我们预先写好的文字格式来显示页面, 保留空格和换行等。

有了这个标签,里面的文字,会按照我们书写的模式显示,不需要段落和换行标签了。但是,比较少用,因为不好整体控制。

4. 特殊字符 (理解)

一些特殊的符号,我们再html 里面很难或者 不方便直接 使用, 我们此时可以使用下面的替代代码。
在这里插入图片描述
重点记住: 空格大于号小于号

总结:

  1. 是以运算符&开头,以分号运算符;结尾。
  2. 他们不是标签,而是符号。
  3. HTML 中不能使用小于号 “<” 和大于号 “>”特殊字符,浏览器会将它们作为标签解析,若要正确显示,在 HTML 源代码中使用字符实体。

习惯约定

   <a href="#">more &gt;&gt;</a>

不推荐:

   <a href="#">more >> </a>

5 html5发展之路

在这里插入图片描述

什么是XHTML

XHTML 是更严格更纯净的 HTML 代码。

  • XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language)。
  • XHTML 的目标是取代 HTML。
  • XHTML 与 HTML 4.01 几乎是相同的。
  • XHTML 是更严格更纯净的 HTML 版本。
  • XHTML 是作为一种 XML 应用被重新定义的 HTML。
  • XHTML 是一个 W3C 标准。

HTML和 XHTML之间有什么区别?

  • XHTML 指的是可扩展超文本标记语言
  • XHTML 与 HTML 4.01 几乎是相同的
  • XHTML 是更严格更纯净的 HTML 版本
  • XHTML 是以 XML 应用的方式定义的 HTML
  • XHTML 是 2001 年 1 月发布的 W3C 推荐标准
  • XHTML 得到所有主流浏览器的支持
  • XHTML 元素是以 XML 格式编写的 HTML 元素。XHTML是严格版本的HTML,例如它要求标签必须小写,标签必须被正确关闭,标签顺序必须正确排列,对于属性都必须使用双引号等。

深入阅读:HTML5的崛起之路

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

少儿编程乔老师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值