天天看点
返回

前端学习笔记-Day02HTML常见的基础元素使用3 字符实体

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 空格

  • &nbsp；一般不这样使用
  • 借助样式，text-indent：2em；

3.2 大于号

  • &gt（great than）

3.3 小于号

  • &lt（less than）
前端学习笔记 html css javascript web
上一篇: 正则表达式排除指定字符串
下一篇: html学习笔记DAY02

继续阅读