前端学习笔记-Day02

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)
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页