<!-- 这是一个段落 -->
元素具有起始标签和结束标签
元素的内容是起始标签和结束标签中间的内容
一些元素具有空内容,空元素在开始标签中进行关闭
例如,换行: <br \>
,在现行标准中写成这样 <br>
也是可以的
在后续的 HTML 标准中将不允许省略结束标签,即一个标签必须关闭
元素可以拥有属性
例如 title=""
只对一部分元素生效
例如 <html>
的lang="en"
属性
对整篇 html 文档生效
✅可:
<div id="">
<p title="喵鱿!!!!!">猫猫鱿鱼最可爱了</p>
</div>
❎不可:
<div id="">
<p title="喵鱿!!!!!">猫猫鱿鱼最可爱了
</div>
</p>
<!DOCTYPE html>
文档声明<!DOCTYPE html>
声明了这篇文档使用 HTML5 标准
<html>
根元素一篇文档只能存在一个,且不能有父元素,即<html>
的外层不能有任何其他元素
<html>
的lang
属性<html lang="en">
</html>
lang="en"
声明了这篇文档使用英文书写,即这是全局属性
按照最新标准,声明文档的自然语言为“简体中文”,需要将lang
的属性值设置为cmn-Hans
<head>
文档头不要在<head>
中写任何可以渲染出内容的元素,例如<p>
、<h1>
...
<meta>
元素<meta charset="utf-8" />
声明了这篇文档的字符集是 UTF-8
在 UTF-8 下 猫猫鱿鱼最可爱了
渲染出来还是 猫猫鱿鱼最可爱了
,但是换成其他字符集就会发生微妙的变化:这是 gb2312:鐚尗楸块奔鏈€鍙埍浜�
,这是 cp1256:猫猫é±؟é±¼وœ€هڈ¯çˆ±ن؛†
<meta name="keywords" content="HTML,喵喵"/>
这有助于在搜索引擎中的搜索
<meta name="description" content="描述"/>
用于在搜索引擎中展示搜索结果
<title>
元素定义文档的标题,在浏览器的标题栏显示
<body>
文档体在这里写要渲染给用户看的内容