HTML5笔记——新规范和新元素

最新推荐文章于 2022-12-04 22:35:55 发布

果冻OoO

最新推荐文章于 2022-12-04 22:35:55 发布

阅读量649

点赞数 1

分类专栏： HTML 文章标签： html5 html p2p

本文链接：https://blog.csdn.net/qq_42002794/article/details/124625835

版权

一、Html5优势

跨平台:唯一一个通吃PC MAC Iphone Android等主流平台的跨平台语言
快速迭代
降低成本
导流入口多
分发效率高

二、新的 DOCTYPE和字符集

（1）头部申明

<!DOCTYPE html> 声明一般位于文档的第一行，它的作用主要是告诉浏览器以什么样的模式来解析文档。一般指定了之后会以标准模式来进行文档解析，否则就以兼容模式进行解析。在标准模式下，浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下，浏览器会以向后兼容的方式来模拟老式浏览器的行为，以保证一些老的网站的正确访问。在 html5 之后不再需要指定 DTD 文档，因为 html5 以前的 html 文档都是基于 SGML 的，所以需要通过指定 DTD 来定义文档中允许的属性以及一些规则。而 html5 不再基于 SGML 了，所以不再需要使用 DTD。

（2）字符集

三、语义化标签

（1）header

header 元素通常用来放置在网站页面头部做标题，可以包含网站logo照片、搜索表单及其他内容。具有引导和导航的作用。

（2）nav

nav元素用于定义导航链接

（3）article

article元素代表文档、页面或者应用程序中与上下文不相关的独立部分，该元素经常被用于定义一篇日志、一条新闻或用户评论等。

（4） aside

aside 元素用来定义当前页面或者文章的附属信息部分，它可以包含与当前页面或主要内容的引用、侧边栏、广告、导航条等其他类似的有别于主要内容的部分。

aside元素的用法主要有如下两种：

被包含在article元素内作为主要内容的附属信息。
在article元素之外使用，作为页面或站点全局的附属信息部分。最常用的使用方式是侧边栏，其中的内容可以是友情链接、广告单元等。

（5）section

section 元素用于对网站或应用程序中页面上的内容进行分块，一个section元素通常由内容和标题组成。

在使用section元素时，需注意：

不要将section元素用来设置样式的页面容器，那是div的特性。section元素并非一个普通的容器元素，当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div。
如果article元素、aside元素或nav元素更符合使用条件，那么不要使用section元素。
没有标题的内容区块不要使用section元素定义

（6）footer 元素

footer 元素用于定义一个页面或者区域的底部，可以包含所有通常放在页面底部的内容。
一个页面可以包含多个footer元素，也可以在article元素或者section元素中添加footer元素。

<!-- 头部 -->
<header>
    <ul class="nav"></ul>
</header>

<!-- 主体部分 -->
<div class="main">
    <!-- 文章 -->
    <article></article>
    <!-- 侧边栏 -->
    <aside></a

最低0.47元/天解锁文章

果冻OoO

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5笔记——新规范和新元素

一、Html5优势跨平台:唯一一个通吃PC MAC Iphone Android等主流平台的跨平台语言快速迭代降低成本导流入口多分发效率高二、新的 DOCTYPE和字符集（1）头部申明<!DOCTYPE html> 声明一般位于文档的第一行，它的作用主要是告诉浏览器以什么样的模式来解析文档。一般指定了之后会以标准模式来进行文档解析，否则就以兼容模式进行解析。在标准模式下，浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下，浏览器会以向后兼容的方式来模拟老式
复制链接

扫一扫