likes
comments
collection
share

HTML + CSS 连载 | 03 - HTML 不常用元素及属性一、HTML 不常用元素 HTML 中不常用的元素有

作者站长头像
站长
· 阅读数 51

HTML + CSS 连载 | 03 - HTML 不常用元素及属性一、HTML 不常用元素 HTML 中不常用的元素有

一、HTML 不常用元素

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

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

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

HTML + CSS 连载 | 03 - HTML 不常用元素及属性一、HTML 不常用元素 HTML 中不常用的元素有

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

HTML + CSS 连载 | 03 - HTML 不常用元素及属性一、HTML 不常用元素 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 代码,该如何表示?

HTML + CSS 连载 | 03 - HTML 不常用元素及属性一、HTML 不常用元素 HTML 中不常用的元素有

打开浏览器,效果如下:

HTML + CSS 连载 | 03 - HTML 不常用元素及属性一、HTML 不常用元素 HTML 中不常用的元素有

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

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

四、URL 与 URI

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

URL 的标准格式如下:

HTML + CSS 连载 | 03 - HTML 不常用元素及属性一、HTML 不常用元素 HTML 中不常用的元素有

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

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

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

转载自:https://juejin.cn/post/7289667869558439972
评论
请登录