Web标准
结构（html）标签实现、表现（css）样式表现、行为（js）脚本控制
lang
lang在html中表示为语言 默认为en（英文） zh-CN（中文）
主要作用为服务浏览器 使用对应语言编辑浏览器会跳出翻译的选项，并且在不同字符编码情况下 所显示的结果也会不同
charset
gb2312简单中文 6763个汉字
BIG5繁体中文
GBK 全部中文
UTF-8 国际通用字符集
语义化即标签控制
方便代码的阅读和维护（前端编写）
同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容（浏览器工作 python工作 前后端程序员）
使用语义化标签会具有更好地搜索引擎优化 （SEO）
标题标签 h
段落标签 p
水平线标签 hr
换行标签 br
div span 标签
文本格式标签
| 标签 | 情景 |
|---|---|
| < b >< /b > < strong ></ strong > | 在形式上表现为加粗 语义不同 |
| < i >< /i > < em >< /em > | 在形式上表现为斜体 语义不同 |
| < s > < del >< /del > | 在形式上表现为加删除线 语义不同 |
| < u >< /u > < ins >< /ins > | 在形式上表现为加下划线 语义不同 |
xhtml均赞成使用后者
html与xhtml的基本观念不同 ：
html相对松散 可出现不严谨的情况
xhtml为 xml与html集合 在语句上表现严谨 例如strong表示强调这局话的意思 不是单纯的加粗
从存储角度来说html的语句占用字符小，xhtml占用字符大
在SEO中使用strong 要比使用b 搜索引擎得出结果占比更多 意味着strong相对于b表现形式相同但是深层意思不同 其他同理
div容器与span容器的区别
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>div与span之间的区别</title>
</head>
<body>
<div>前端</div>
<div>后端</div>
<span>没有一个</span>
<span>不掉头发</span>
<hr>
<h1>
在布局上他俩的区别主要是:
<br>span可以并列显示
<br>div不可以并列显示
<br>通常情况下使用div包裹span模式，好看是吧
</h1>
</body>
</html>
标题标签 h
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>标题标签</title>
</head>
<body>
<h1>我爱你</h1>
<h2>假如会有明天</h2>
<h3>我愿同你一起</h3>
<h4>游览山河月色</h4>
<h5>感同人世情谊</h5>
<h6>若你想亦是我</h6>
</body>
</html>
换行标签
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>换行标签</title>
</head>
<body>
我爱你，<br>
就像风走了十万八千里，<br>
不问归期。<br>
</body>
</html>
文本格式化标签
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>文本格式化标签</title>
</head>
<body>
<!-- 加粗 -->
<h1>加粗</h1>
<h2>b</h2>
<b>
走过路过不要错过，买不买没关系，到屋里瞧一瞧到屋里看一看，本店所有商品都两块，全场都两块，挑啥都两块，买啥都两块，挑啥拿啥买啥都两块，原价十块八块的都两块，两块钱你买不了吃亏，你买不了上当。
</b>
<h2>strong</h2>
<strong>
真正的清仓，真正的甩货，不用问价也不用讲价，全场都两块，挑啥啥便宜，买啥啥贱！走过路过千万不要错过！
</strong>
<!-- 斜体 -->
<h1>斜体</h1>
<h2>i</h2>
<i>
走过路过不要错过，买不买没关系，到屋里瞧一瞧到屋里看一看，本店所有商品都两块，全场都两块，挑啥都两块，买啥都两块，挑啥拿啥买啥都两块，原价十块八块的都两块，两块钱你买不了吃亏，你买不了上当。
</i>
<h2>em</h2>
<em>
真正的清仓，真正的甩货，不用问价也不用讲价，全场都两块，挑啥啥便宜，买啥啥贱！走过路过千万不要错过！
</em>
<!-- 删除线 -->
<h1>删除线</h1>
<h2>s</h2>
<s>
走过路过不要错过，买不买没关系，到屋里瞧一瞧到屋里看一看，本店所有商品都两块，全场都两块，挑啥都两块，买啥都两块，挑啥拿啥买啥都两块，原价十块八块的都两块，两块钱你买不了吃亏，你买不了上当。
</s>
<h2>del</h2>
<del>
真正的清仓，真正的甩货，不用问价也不用讲价，全场都两块，挑啥啥便宜，买啥啥贱！走过路过千万不要错过！
</del>
<!-- 下划线 -->
<h1>下划线</h1>
<h2>u</h2>
<u>
走过路过不要错过，买不买没关系，到屋里瞧一瞧到屋里看一看，本店所有商品都两块，全场都两块，挑啥都两块，买啥都两块，挑啥拿啥买啥都两块，原价十块八块的都两块，两块钱你买不了吃亏，你买不了上当。
</u>
<h2>ins</h2>
<ins>
真正的清仓，真正的甩货，不用问价也不用讲价，全场都两块，挑啥啥便宜，买啥啥贱！走过路过千万不要错过！
</ins>
</body>
</html>