HTML5不仅仅是HTML规范的当前最新版本，也代表了一系列web相关技术的总称，其中最重要的3项技术就是HTML5核心规范、CSS3和JavaScript
基本语法
1、<!DOCTYPE>标签：位于文档的最前面，用于向浏览器说明当前文档使用的HTML规范
2、<html>标签：<html>标签标志着HTML文档的开始，</html>标签标志着HTML文档的结束
3、<head>标签：用于定义文档的头部信息
4、<body>标签：用于定义HTML文档所需要呈现的内容，例如：文本、图像和视频等信息
语义化标签
HTML5定义了一种新的语义化标签来描述元素的内容，让很多更语义化的结构代码标签代替大量无意义的 div 标签
<header>：表示页面中一个内容区块或整个页面的标题
<section>：页面中的一个内容区块，如章节、页眉、页脚或页面的其他部分
<article>：表示页面中一块与上下文不相关的独立内容
<aside>：表示<article>标签内容之外、与<article>标签内容相关的辅助信息
<hgroup>：表示对整个页面或页面中的一个内容区块的标题进行组合
<figure>：表示一个独立的流内容，一般表示文档主体流内容中的一个独立单元
<figcaption>：定义 figure 的标题
<nav>：表示页面中导航链接的部分
<footer>：表示整个页面或页面中一个内容区域的脚注
语义化的优点
1、易于阅读，样式丢失时能让页面呈现清晰的结构
2、有利于SEO，搜索引擎根据标签确定上下文和各个关键字的权重
3、方便其他设备解析，如盲人阅读器根据语义化标签渲染网页
4、有利于开发和维护，语义化更具可读性，代码更好维护
网友评论