Ryker‘s

  • {{ item.name }}
  • 主页
  • 前端
  • 后端
  • 算法
  • 随笔
  • 关于博主
  • 文章归档
  • 友情链接

什么是前端?

  • Ryker
  • 2022-06-29
  • 2

什么是前端?

  • 解决 GUI 人机交互问题
  • 跨终端
    • PC/移动浏览器
    • 客户端/小程序
    • VR/AR 等
  • Web技术栈

Hyper Text Markup Language

  • Hyper Text ==> 「图片」「标题」「链接」「表格」
  • Markup Language ==> <h1>文章标题</h1>

HTML 语法

  • 标签和属性不区分大小写,推荐小写。
  • 空标签可以不闭合,比如 input,meta
  • 属性值推荐用双引号包裹
  • 某些属性可以省略,比如 required,readonly

!DOCTYPE

它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中, 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML,所以不需要引用 DTD。

提示:请始终向 HTML 文档添加 声明,这样浏览器才能获知文档类型。

语义化

语义化是什么?

  • HTML中的元素,属性及属性值都拥有某些含义
  • 开发者应该遵循语义来编写HTML
    • 有序列表用ol,无序列表用ul
    • lang属性表示内容所使用的语言

是谁在使用我们写的HTML

  • 开发者 修改,维护页面
  • 浏览器 展示页面
  • 搜索引擎·提取关键词·排序
  • 屏幕阅读器·给盲人读页面的内容

语义化的好处

  • 代码可读性
  • 可维护性
  • 搜索引擎优化
  • 提升无障碍性
© 2023 Ryker‘s
Theme by Wing
鄂ICP备2022010847号-1