HTML常见的基础元素使用
1 一个完整的HTML结构
1.1 文档声明
- 让浏览器用HTML5的标准去解析识别HTML文档
- 放在前面,不能省略
- <!DOCTYPE html>
1.2 html元素
- 是HTML文档的根元素、一个文档只能有一个
- 浏览器会检测lang属性,如语言不一致,会弹出是否启用翻译的功能
- <html lang=“zh”>
1.3 head元素
- 里面的内容是一些“元数据”(描述数据的数据)
- title元素
- 设置网页的标题
- meta元素
- 设置网页的字符编码
- 有ASCII、GB2312、GBK、UTF-8等,统一使用UTF-8编码规则
- <meta charset=“utf-8”>
- style元素
- 设置元素样式
- link元素
- 可以设置网站的图标
- <link rel=“icon” href=“https://www.jd.com/favicon.ico”>
1.4 body元素
- 网页的具体内容和结构
2 基本元素
2.1 h元素
- 表示网页的标题
- h1—h6定义了6个等级的标题
- h元素有助于网站的SEO优化,可以促进关键词排名
- 建议在网页中最多只有一个h1元素
- 乱用h元素会认为作弊
2.2 p元素
- 表示文章的一个段落
2.3 strong元素
- 用于强调某些文本,粗体的显示效果
2.4 code元素
- 会将字体设置成等宽字体
- 真实开发中借助<span>来控制样式
2.5 br元素
- 将一段文字进行换行
- 但是在真实开发环境中使用的是<div>标签
2.6 hr元素
- 显示一条分割线
- 真实开发中也是借助div来实现,通过设置height和background-color
3 字符实体
3.1 空格
-  ;一般不这样使用
- 借助样式,text-indent:2em;
3.2 大于号
- >(great than)
3.3 小于号
- <(less than)