01-HTML使用过的属性 1-10-CSDN博客

本文链接：https://blog.csdn.net/q506174602/article/details/129019595

1、http-equiv

http-equiv 属性提供了 content 属性的信息/值的 HTTP 头。

http-equiv 属性可用于模拟一个 HTTP 响应头。

实例：

每隔 30 秒刷新一次文档：

<head>
<meta http-equiv="refresh" content="30">
</head>

属性值：

content-type 规定文档的字符编码。
实例：

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

default-style 规定要使用的预定义的样式表。
实例：

<meta http-equiv="default-style" content="the document's preferred stylesheet">

注释：上面 content 属性的值必须匹配同一文档中的一个 link 元素上的 title 属性的值，或者必须匹配同一文档中的一个 style 元素上的 title 属性的值。

refresh 定义文档自动刷新的时间间隔。
实例：

<meta http-equiv="refresh" content="300">

注释：值 "refresh" 应该慎重使用，因为它会使得页面不受用户控制。在 W3C's Web 内容可访问性指南中使用 "refresh" 会到导致失败。

2、X-UA-Compatible

X-UA-Compatible是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。

在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。兼容性模式设置优先级：

meta tag > http header

常用的例子：

<meta http-equiv="X-UA-Compatible" content="IE=7">
#以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=8">
#以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
#以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=7,9">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
#以上代码IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

3、lang

lang 属性规定元素内容的语言。

<p lang="fr">这是一个段落。</p>

<html lang="en">

4、charset

charset 属性规定在外部脚本文件中使用的字符编码。

当外部脚本文件中的字符编码与 HTML 文档中的编码不同时，会用到 charset 属性。

<meta charset="UTF-8">

5、rel

rel 属性用于指定当前文档与被链接文档的关系。

只有在使用了 href 属性才能使用 rel属性。

属性值

值描述
alternate 链接到该文档的替代版本（比如打印页、翻译或镜像）。
author 链接到该文档的作者。
help 链接到帮助文档。
icon 导入表示该文档的图标。
license 链接到该文档的版权信息。
next 表示该文档是集合中的一部分，且集合中的下一个文档是被引用的文档。
prefetch 规定应该对目标资源进行缓存。
prev 表示该文档是集合中的一部分，且集合中的上一个文档是被引用的文档。
search 链接到针对文档的搜索工具。
stylesheet 要导入的样式表的 URL。

值	描述
alternate	链接到该文档的替代版本（比如打印页、翻译或镜像）。
author	链接到该文档的作者。
help	链接到帮助文档。
icon	导入表示该文档的图标。
license	链接到该文档的版权信息。
next	表示该文档是集合中的一部分，且集合中的下一个文档是被引用的文档。
prefetch	规定应该对目标资源进行缓存。
prev	表示该文档是集合中的一部分，且集合中的上一个文档是被引用的文档。
search	链接到针对文档的搜索工具。
stylesheet	要导入的样式表的 URL。

<link rel="stylesheet" href="css/index.css">

6、href

href 属性规定外部资源（通常是样式表文件）的位置（URL）

属性值

值描述
URL 被链接资源/文档的 URL。
可能的值：

绝对 URL - 指向另一个网站（比如 href="http://www.example.com/theme.css"）
相对 URL - 指向网站内的一个文件（比如 href="/themes/theme.css"）

值	描述
URL	被链接资源/文档的 URL。可能的值：绝对 URL - 指向另一个网站（比如 href="http://www.example.com/theme.css"）相对 URL - 指向网站内的一个文件（比如 href="/themes/theme.css"）

7、style

style 属性规定元素的行内样式（inline style）。

style 属性将覆盖任何全局的样式设定，例如在 <style> 标签或在外部样式表中规定的样式。

<h1 style="color:blue;text-align:center">这是一个标题</h1>
<p style="color:green">这是一个段落。</p>

8、color

规定文本的颜色

<p style="color:red">

9、text-align

设置文本的对齐方式

<h1 style="color:blue;text-align:center">这是一个标题</h1>

属性值

值描述
left 把文本排列到左边。默认值：由浏览器决定。
right 把文本排列到右边。
center 把文本排列到中间。
justify 实现两端对齐文本效果。
inherit 规定应该从父元素继承 text-align 属性的值。

值	描述
left	把文本排列到左边。默认值：由浏览器决定。
right	把文本排列到右边。
center	把文本排列到中间。
justify	实现两端对齐文本效果。
inherit	规定应该从父元素继承 text-align 属性的值。

10、type

规定链接中指向的文档的 mime 类型。

只能在 href 属性存在时使用。

<a href="//www.runoob.com/" type="text/html">runoob.com</a>