下面是一些常见的HTML5语义化标签及其基本分类:
1. 文档结构标签:
- `<header>`:定义文档或区块的页眉部分。
- `<nav>`:定义页面导航链接的部分。
- `<section>`:表示网页中的一个独立的、完整的内容部分。
- `<article>`:表示自成一体的、完整的内容,比如博客文章或新闻报道。
- `<aside>`:表示页面的侧边栏或与主要内容相关但不属于主要内容的部分。
- `<footer>`:定义文档或区块的页脚部分。
2. 标题与段落标签:
- `<h1>` - `<h6>`:定义标题的级别,`<h1>` 是最高级别,`<h6>` 是最低级别。
- `<p>`:定义段落。
3. 列表标签:
- `<ul>`:定义无序列表。
- `<ol>`:定义有序列表。
- `<li>`:定义列表项。
4. 表格标签:
- `<table>`:定义表格。
- `<th>`:定义表格的表头单元格。
- `<tr>`:定义表格的行。
- `<td>`:定义表格的单元格。
5. 媒体标签:
- `<img>`:插入图像。
- `<audio>`:插入音频。
- `<video>`:插入视频。
6. 链接与超文本标签:
- `<a>`:定义超链接。
- `<link>`:定义外部资源(样式表、图标等)的引用。
7. 表单与输入标签:
- `<form>`:定义表单。
- `<input>`:定义输入控件。
- `<textarea>`:定义多行文本输入控件。
- `<button>`:定义按钮。
- `<label>`:定义表单控件的标签。
- `<select>`:定义下拉列表框。
- `<option>`:定义下拉列表框中的选项。
这只是一部分HTML5语义化标签的分类,还有其他一些标签和更具体的用法。在实际开发中,根据文档结构和内容的不同,你可以选择适合的标签来语义化你的HTML代码。
希望这个分类清单对你有所帮助!如果还有其他问题,请随时提问。
这是正文 如上
这是要减小字体的文本
<small>这是要减小字体的文本</small>
这代码不能空行,空行就失效
那应该不行 small 不能换行 。 多行文本建议 p 然后加class 样式来控制。
而且也不建议 用small
样式:标签本身并没有默认的样式,因此它的显示效果取决于浏览器或用户定义的样式。你可以通过CSS来自定义small标签的样式,比如设置字体大小、颜色等。
建议用css
【以下回答由 GPT 生成】
对于让多行正文内容小一号字体的需求,可以通过使用CSS样式来实现,而无需每次都添加标记语言。具体步骤如下:
<head>
标签内添加一个<style>
标签,用于定义CSS样式。<head>
<style>
/* 在这里定义CSS样式 */
</style>
</head>
<p>
标签)设置class
属性,以便对其应用样式。<p class="smaller-font">多行正文内容</p>
.smaller-font {
font-size: 0.9em;
}
这样,所有应用了smaller-font
class的<p>
标签内容都会变为小一号的字体。
关于代码示例中的HTML5语义化标签,如果有其他关于使用HTML5语义化标签的问题,我也可以帮助解答。
【相关推荐】
自定义标签
https://www.ruanyifeng.com/blog/2017/06/custom-elements.html