商丘免费网站建设开发公司,模板网站禁止右键,app教程,深圳ui设计公司文章目录 HTML 日常开发常用标签1、基本结构标签2、内容标签3、多媒体标签4、表单标签5、列表和定义标签6、表格标签7、链接和图像8、元数据9、语义化标签#xff08;HTML5新增#xff09;10、框架和内联11、交互12、过时或不推荐使用的标签 HTML 日常开发常用标签
1、基本结… 文章目录 HTML 日常开发常用标签1、基本结构标签2、内容标签3、多媒体标签4、表单标签5、列表和定义标签6、表格标签7、链接和图像8、元数据9、语义化标签HTML5新增10、框架和内联11、交互12、过时或不推荐使用的标签 HTML 日常开发常用标签
1、基本结构标签
html: 定义整个HTML文档。
head: 包含元数据如标题、CSS链接和JavaScript链接。
title: 定义页面标题显示在浏览器标签中。
body: 包含页面的内容所有可视元素都在此内。2、内容标签
h1到h6: 定义标题层级从高到低。
p: 定义段落。
div: 无意义的分块用于样式和布局。
span: 无意义的内联容器用于文本内容。3、多媒体标签
img: 嵌入图片。
video: 嵌入视频。
audio: 嵌入音频。
source: 定义媒体资源如视频或音频文件。
track: 为媒体添加文本轨道如字幕。4、表单标签
form: 定义表单用于收集用户输入。
input: 定义输入字段类型包括:text、password、email、file、checkbox、radio等。
textarea: 定义多行文本输入框。
select:定义下拉选择框包含 option 元素。
button: 定义按钮。
label: 定义表单字段的标签。
fieldset和legend: 组织表单元素并为字段集合提供标题。5、列表和定义标签
ul: 无序列表。
ol: 有序列表。
li: 列表项用于ul和ol内。
dl: 定义列表。
dt: 定义列表中的术语。
dd: 定义术语的描述。6、表格标签
table: 定义表格。
tr: 定义表格行。
th: 定义表头单元格。
td: 定义表格单元格。
thead: 定义表格头部。
tbody: 定义表格主体。
tfoot: 定义表格脚注。7、链接和图像
a: 定义超链接。
link: 定义外部资源链接如CSS文件。
img: 已在多媒体标签中提及。8、元数据
meta: 提供页面的元数据如字符集、 viewport设置和SEO信息。
style: 定义CSS样式。
script: 定义或引用JavaScript。9、语义化标签HTML5新增
header: 页面或部分区域的头部。
footer: 页面或部分区域的底部。
nav: 导航链接区。
section: 独立的内容区。
article: 独立的文章内容。
aside: 侧边栏内容。
details: 提供额外细节。
summary: 定义 details 的标题。10、框架和内联
iframe: 内嵌另一个HTML文档。
u、ins、del: 定义特殊的文本格式。11、交互
dialog: 定义对话框HTML5新增。
progress: 显示进度条。
meter: 显示度量值。12、过时或不推荐使用的标签
center: 文本居中已废弃推荐使用CSS。
font:定义字体已废弃。
strike 或 s:划线文本已废弃推荐使用CSS。
applet:Java小程序已废弃。
embed和object:嵌入外部内容部分情况下使用。
b和i:虽然仍可使用但建议使用更语义化的标签如strong和em。
