HTML基础

HTML

HTML即超文本标记语言,HTML5的规范由两个组织制定(WHATWG, W3C)

HTML5不再基于SGML

基本元素

元素 说明
DOCTYPE 文档类型说明,有助于确定浏览器的渲染模式
html 根元素,HTML部分的开始
head 包含文档的元数据
body 包含文档的内容

HTML5

HTML5 是定义 HTML 标准的最新的版本。 该术语通过两个不同的概念来表现:

  • 它是一个新版本的HTML语言,具有新的元素,属性和行为,
  • 它有更大的技术集,允许构建更多样化和更强大的网站和应用程序。这个集合有时称为HTML5和它的朋友们,不过大多数时候仅缩写为一个词 HTML5。

HTML5技术的资源,根据功能分类:

  • 语义:允许您更精确地描述您的内容。
  • 连接性:允许您以新颖的方式与服务器通信。
  • 离线和存储:允许网页在本地将数据存储在客户端,并更有效地进行离线操作。
  • 多媒体:使视频和音频成为开放网络中的一流公民。
  • 2D / 3D图形和效果:允许更多种演示选项。
  • 性能和集成:提供更高的速度优化和更好地使用计算机硬件。
  • 设备访问:允许使用各种输入和输出设备。
  • 样式:让作者编写更复杂的主题。

Web APP、Native APP、Hybrid APP

浏览器渲染模式

  • 怪异模式
  • 接近标准模式
  • 标准模式

XHTML与HTML区别

在XHTML中:

  1. 元素必须合理嵌套
  2. 元素名区分大小写
  3. 所有元素都要有结束标签
  4. 可混用XML应用
  5. 注释标签 内容会被忽略
  6. CDATA正常解析
  7. 脚本获取HTML的元素名会返回大写,XHTML为小写
  8. 元素名必须引号包裹
  9. 特殊字符必须转义

语义化

HTML5元素按照功能分类:

  • 有元数据
  • 文本元素
  • 内容分组
  • 划分内容
  • 嵌入内容

语义化的优势

  • 使HTML文档结构清晰、布局合理、主体突出、可读性更强
  • 无障碍阅读
  • 改善搜索引擎优化(SEO)
0%