HTML基础解析与语义化理解-优快云博客

本文链接：https://blog.youkuaiyun.com/Yaooo2/article/details/107337158

这篇博客总结了HTML的基础知识，包括HTML的定义、基本结构、标签、属性、元素分类，深入探讨了a>div的合法性以及doctype和语义化的重要性。适合初学者理解和提升HTML认知。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、HTML是什么？
HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言，是一种标识性的语言。

2、HTML的基本结构？

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

3、标签是什么？
HTML标签是HTML语言中最基本的单位，HTML标签是HTML语言最重要的组成部分。
HTML标签由尖括号包围的关键词，比如 <html>；
通常是成对出现的，比如 <div> 和 </div>；
标签对中的第一个标签是开始标签，第二个标签是结束标签；
开始和结束标签也被称为开放标签和闭合标签；
也有单独呈现的标签，如：<img src="" />、<br/>等。

4、属性是什么？
HTML标签可以拥有属性。
属性提供了有关HTML元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name=“value”。
属性总是在HTML元素的开始标签中规定。

5、HTML元素表：

标签	作用	常见属性
`<html>`	定义 HTML 文档
`<head>`	定义文档的信息
`<meta>`	定义HTML文档中的元数据	charset、name、content
`<title>`	定义文档的标题
`<style>`	定义样式定义
`<link>`	定义资源引用
`<script>`	定义客户端的脚本文件
`<body>`	定义文档的主体
`<h1~6>`	定义 HTML 标题
`<hr>`	定义水平线
`<p>`	定义段落
`<br>`	换行
`<i>`	斜体
`<b>`	加粗
`<del>`	删除字
`<span>`	定义文档中的行内的小块或区域
`<div>`	定义文档中的节或区域（块级）
`<a>`	定义锚	href 、target、name
`<img>`	定义图像	src、alt
`<table>`	定义表格	border
`<tr>`	定义表格的行
`<td>`	定义表格单元
`<th>`	定义表格的表头
`<caption>`	定义表格标题
`<thead>`	定义表格的页眉
`<tbody>`	定义表格的主体
`<tfoot>`	定义表格的页脚
`<ul>`	定义无序列表
`<ol>`	定义有序列表
`<li>`	定义列表项
`<dl>`	定义定义列表
`<dt>`	定义定义项目
`<dd>`	定义定义的描述
`<form>`	定义 HTML 表单	action、method
`<input>`	根据不同的 type 属性变化为多种形态	type、value、name
`<select>`	定义下拉列表	name
`<option>`	定义待选择的选项	value、selected
`<textarea>`	定义多行输入字段（文本域）	name、rows、cols
`<button>`	定义可点击的按钮

6、HTML元素分类
块级元素，如：<h1>, <p>, <ul>, <table>等;
行内元素，如：<span>,<b>, <td>, <a>, <img>等;
inline-block
块级元素可以包含行内元素，块级元素不一定能包含块级元素，行内元素一般不能包含块级元素。
问题：为什么a>div是合法的？
<a>的content model是transparent。即当其包含一个块级元素时，判断是否合法可将<a>忽略并查找其父元素，将a>div的合法性转化为a的父元素>div的合法性。因此，a>div是否合法取决于其父元素包含该块级元素是否合法。