HTML + CSS 连载 | 03 - HTML 不常用元素及属性

一、HTML 不常用元素

HTML 中不常用的元素有以下几个,分别是:

  • strong 元素:用于内容加粗、强调
  • i 元素:用于内容倾斜
  • code 元素:用于显示代码
  • br 元素:用于换行

新建一个 HTML 页面,使用上述几种元素,具体代码如下:

在浏览器中打开页面,效果如下:

在后续的开发中,这些元素很少使用或者基本不用,它们对应的效果我们都可以通过 CSS 来实现。

二、HTML 全局属性

在了解了常用的和不常用的 HTML 元素之后,我们知道 HTML 元素具有属性的,有的属性是只存在特定的元素中,如 img 元素的 src、a 元素的 href,而有些属性是所有的 HTML 元素都具有,这种属性称为全局属性。

常见的 HTML 元素的全局属性有:

  • id:定义唯一标识符,该标识符在整个 HTML 文档中必须是唯一的,其目的是在链接、脚本或者样式中使用
  • class:一个以空格分隔元素的类型列表,允许 CSS 和 JavaScript 通过类选择器或者 DOM 方法来选择和访问特定的元素
  • style:用于给元素添加内联样式
  • title:包含表示与其所属元素相关信息的文本,这些信息通常可以作为提示呈现给用户,但不是必须的

HTML 元素的全局属性有很多,可以通过 MDN 文档来查询。

三、HTML 字符实体

HTML 实体是一段以 & 开头、以 ; 结尾的文本,HTML 实体用于显示保留字符和不可见字符,比如说我们想要在页面上显示一段带有开始标签和结束标签的 HTML 代码,该如何表示?

打开浏览器,效果如下:

如果我们直接使用 <p>p元素中的内容</p>,这样会被浏览器解析,并不显示出来完整的代码,也就是说 <> 是保留字符,这些字符会别 HTML 解析,除此之外还有一些其他的字符都可以用字符实体来表示,具体如下:

符号 描述 实体名称 实体编号
空格 &nbsp; &#160
< 小于号 &lt; &#60
> 大于号 &gt; &#62
& 和号 &amp; &#38
" 单引号 &quot; &#34
' 双引号 ' &#39
商标 &trade; &#8482
× 乘号 &times; &#215
÷ 除号 &divide; &#247

四、URL 与 URI

URL 即 Uniform Resources Locators,表示统一资源定位符; URL 就是一个特定的资源在 Web 服务器上的地址,每个 URL 都指向一个唯一的资源,这个资源可能是一个 HTML 页面、一个文档或者是一幅图片等。

URL 的标准格式如下:

[协议类型]://[服务器地址]:[端口号]/[文件路径]/[文件名]?[查询]#[片段]

URI 即 Uniform Resources Identifier,表示统一资源标志符,用于标识 Web 技术使用的逻辑或者物理资源。

URI 在某一个规则下能把一个资源独一无二的标识出来,URL 作为一个网络 Web 资源的地址,可以将唯一一个资源识别出来,所以 URL 就是一个 URI,URL 是 URI 的子集,但是 URI 并不一定是 URL。

相关推荐
晨米酱13 分钟前
四、Prettier 编辑器集成指南
前端·代码规范
文心快码BaiduComate17 分钟前
Comate 4.0新年全面焕新!底层重构、七大升级、复杂任务驾驭力跃升
前端·程序员·架构
怪可爱的地球人27 分钟前
uni-app:5 步接入 vite-plugin-uni-pages,用 <route> 自动生成 pages.json
前端
前端Hardy27 分钟前
告别 !important:现代 CSS 层叠控制指南,90% 的样式冲突其实不用它也能解
前端·vue.js·面试
前端Hardy32 分钟前
Vue 3 性能优化的 5 个隐藏技巧,第 4 个连老手都未必知道
前端·vue.js·面试
炫饭第一名34 分钟前
速通Canvas指北🦮——路径与形状篇
前端·javascript·程序员
DeathGhost1 小时前
CSS container容器查询
前端·css
JarvanMo1 小时前
Flutter:展示大段格式化文本的挑战
前端
兆子龙1 小时前
Node.js ESM Loader Hooks 介绍:用 module.register 做转译、Import Map 与自定义解析
前端
四眼肥鱼1 小时前
flutter 利用flutter_libserialport 实现SQ800 串口通信
前端·flutter