HTML 到 标签
定义和用法
<h1>
到
标签用于定义 HTML 标题。
<h1>
定义最重要的标题。
定义最不重要的标题。
注意
每个页面只使用一个 <h1>
- 这应该代表整个页面的主要标题/主题。此外,请不要跳过标题级别 - 从 <h1>
البداية، ثم استخدم <h2>
، وهلم جرا.
بما أن عناصر h تحتوي على معنى واضح، يرجى التفكير بعناية في اختيار التسلسل المناسب للعلامات لتشكيل بنية الوثيقة. لذلك، لا يجب استخدام علامات العناوين لتغيير حجم الخط في نفس السطر. بدلاً من ذلك، يجب استخدام تعريفات سكينر لتحقيق تأثير عرض جذاب.
إذا كنت ترغب في معرفة المزيد عن اختيار وتحديد علامات HTML، يرجى قراءة《جودة الويب》。
يرجى الرجوع أيضًا إلى:
دليل HTML:HTML ƙofin
دليل DOM HTML:مفهوم العناوين
مثال
الامثلة 1
ستة عناوين مختلفة في HTML:
<h1>هذا هو العنوان 1</h1>
<h2>هذا هو العنوان 2</h2>
<h3>هذا هو العنوان 3</h3>
<h4>هذا هو العنوان 4</h4>
<h5>هذا هو العنوان 5</h5>
<h6>هذا هو العنوان 6</h6>
الامثلة 2
إعداد لون الخلفية ولون النص (استخدام CSS):
<h1 style="background-color:DodgerBlue;">مرحبا بالعالم</h1>
<h2 style="color:Tomato;">مرحبا بالعالم</h2>
الامثلة 3
إعداد توازي العناوين (استخدام CSS):
<h1 style="text-align:center">هذا هو العنوان 1</h1>
<h2 style="text-align:left">هذا هو العنوان 2</h2>
<h3 style="text-align:right">هذا هو العنوان 3</h3>
<h4 style="text-align:justify">هذا هو العنوان 4</h4>
صفات العالمية
<h1>
-
العلامات الداخلية تدعم صفات العالمية في HTML。
صفات الحدث
<h1>
-
العلامات الداخلية تدعم صفات الحدث في HTML。
الإعدادات الافتراضية لـ CSS
大多数浏览器将使用以下默认值显示 <h1>
元素:
الامثلة 1
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
大多数浏览器将使用以下默认值显示 <h2>
元素:
الامثلة 2
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
大多数浏览器将使用以下默认值显示 <h3>
元素:
الامثلة 3
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
大多数浏览器将使用以下默认值显示 <h4>
元素:
الامثلة 4
h4 {
display: block;
font-size: 1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
大多数浏览器将使用以下默认值显示
元素:
例子 5
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
大多数浏览器将使用以下默认值显示
元素:
例子 6
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
浏览器支持
Chrome
Edge
Firefox
Safari
Opera
Chrome
Edge
Firefox
Safari
Opera
支持
支持
支持
支持
支持
标签
定义和用法
<h1>
到 标签用于定义 HTML 标题。
<h1>
定义最重要的标题。 定义最不重要的标题。
注意
每个页面只使用一个 <h1>
- 这应该代表整个页面的主要标题/主题。此外,请不要跳过标题级别 - 从 <h1>
البداية، ثم استخدم <h2>
، وهلم جرا.
بما أن عناصر h تحتوي على معنى واضح، يرجى التفكير بعناية في اختيار التسلسل المناسب للعلامات لتشكيل بنية الوثيقة. لذلك، لا يجب استخدام علامات العناوين لتغيير حجم الخط في نفس السطر. بدلاً من ذلك، يجب استخدام تعريفات سكينر لتحقيق تأثير عرض جذاب.
إذا كنت ترغب في معرفة المزيد عن اختيار وتحديد علامات HTML، يرجى قراءة《جودة الويب》。
يرجى الرجوع أيضًا إلى:
دليل HTML:HTML ƙofin
دليل DOM HTML:مفهوم العناوين
مثال
الامثلة 1
ستة عناوين مختلفة في HTML:
<h1>هذا هو العنوان 1</h1> <h2>هذا هو العنوان 2</h2> <h3>هذا هو العنوان 3</h3> <h4>هذا هو العنوان 4</h4> <h5>هذا هو العنوان 5</h5> <h6>هذا هو العنوان 6</h6>
الامثلة 2
إعداد لون الخلفية ولون النص (استخدام CSS):
<h1 style="background-color:DodgerBlue;">مرحبا بالعالم</h1> <h2 style="color:Tomato;">مرحبا بالعالم</h2>
الامثلة 3
إعداد توازي العناوين (استخدام CSS):
<h1 style="text-align:center">هذا هو العنوان 1</h1> <h2 style="text-align:left">هذا هو العنوان 2</h2> <h3 style="text-align:right">هذا هو العنوان 3</h3> <h4 style="text-align:justify">هذا هو العنوان 4</h4>
صفات العالمية
<h1>
- العلامات الداخلية تدعم صفات العالمية في HTML。
صفات الحدث
<h1>
- العلامات الداخلية تدعم صفات الحدث في HTML。
الإعدادات الافتراضية لـ CSS
大多数浏览器将使用以下默认值显示 <h1>
元素:
الامثلة 1
h1 { display: block; font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; }
大多数浏览器将使用以下默认值显示 <h2>
元素:
الامثلة 2
h2 { display: block; font-size: 1.5em; margin-top: 0.83em; margin-bottom: 0.83em; margin-left: 0; margin-right: 0; font-weight: bold; }
大多数浏览器将使用以下默认值显示 <h3>
元素:
الامثلة 3
h3 { display: block; font-size: 1.17em; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; font-weight: bold; }
大多数浏览器将使用以下默认值显示 <h4>
元素:
الامثلة 4
h4 { display: block; font-size: 1em; margin-top: 1.33em; margin-bottom: 1.33em; margin-left: 0; margin-right: 0; font-weight: bold; }
大多数浏览器将使用以下默认值显示 元素:
例子 5
h5 { display: block; font-size: .83em; margin-top: 1.67em; margin-bottom: 1.67em; margin-left: 0; margin-right: 0; font-weight: bold; }
大多数浏览器将使用以下默认值显示 元素:
例子 6
h6 { display: block; font-size: .67em; margin-top: 2.33em; margin-bottom: 2.33em; margin-left: 0; margin-right: 0; font-weight: bold; }
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |