该博客围绕HTML展开，介绍了HTML注释、元素（包括元素构成、属性分类、空元素写法等）、标准文档结构（含文档声明、根元素、head元素等），还阐述了语义化的概念，即元素有具体意义且与展示效果无关，强调语义化对搜索引擎优化、机器和浏览器理解网页的重要性。
注释
html 注释
<!-- 注释 -->
元素
其他叫法：标签，标记
<title href=“”> asds </title>
元素=起始标记<>+元素内容+元素属性+结束标记</>
属性 =属性名+属性值
属性的分类：
全局属性：所有元素通用
局部元素：
空元素
<meta charset="UTF-8>
有些元素没有结束标记，表示空元素
空元素的两种写法
<meta charset="UTF-8>
<meta charset="UTF-8 \>
元素的嵌套
元素不能相互嵌套
标准的文档结构
HTML：页面，HTML文档
<!DOCTYPE html>
文档声明 告诉浏览器现在使用的标记是HTML5
**根元素 **
<html lang="zh-CN">
<!-- 汉语 （过时）-->
<html lang="cmn-hans">
<!-- 标准 -->
一个页面一个
lang 属性：language 全局属性，表示当前页面使用的自然语言。
head元素
<head>
</head>
文档头，不会显示在页面中
元素
文档的元数据：附加信息
charset：指定网页的内容编码
适配手机端
<meta name="viewport" content="width=device-width, initial-scale=1.0">
适配IE
<meta http-equiv="X-UA-Compatible" content="IE=edge">
标题
<title></title>
文档体 body
<body></body>
语义化
什么是语义化
1.每个元素都有具体的意义
2.所有元素与展示效果无关
元素展示到页面中的效果由css决定.
浏览器有默认的css样式,每个元素有一些默认样式.
选择元素,取决于含义不取决与样式
为什么需要语义化
- 为了搜索引擎优化(SEO)
机器理解源代码 - 为了让浏览器理解网页
插件
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
