2.9.1HTML5与HTML4的区别

最新推荐文章于 2021-06-24 04:07:19 发布

菜菜子QAQ

最新推荐文章于 2021-06-24 04:07:19 发布

阅读量273

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/lzvae/article/details/82595215

版权

前端学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

2.9.1HTML5与HTML4的区别

HTML5推出的理由,解决Web上存在的ge各种问题：1.Web浏览器之间兼容性低 2.文档结构不够明确 3.Web应用程序功能受到限制

语法的改变：1.内容类型：扩展名不变 2.DOCTYPE声明：<!DOCTYPE html> 3.指定字符编码 <meta charset="UTF-8"> 4.可以省略标记的元素： 5.具有boolean值的属性 6.省略引号

2.9.2新增的元素和废除的元素

新增的结构元素：section、article、aside、header、hgroup、footer、nav、figure

新增的其他元素：video、audio、embed、mark、progress、meter、time、ruby、rt、

新增的input元素的类型：email、url、number、range、Date Pickers、、、、、、、

废除的元素：1.不能使用CSS替代的元素：basefont、big、center、font、s、tt、u、

2.不能使用frame框架

新增的属性和废除的属性：

1.表单相关

2.链接相关

3.其他

废除的属性

2.10.1全局属性

1.contentEditable：（boolean）鼠标点击进行编辑

2.defignMode：

3.hidden：（boolean）不渲染该元素，该元素不可见

4.spellcheck：拼写、语法检查

5.tabindex：按tab遍历焦点

2.10.1article元素：代表独立完整可被外部引用的内容

1.可嵌套使用 2.可用来表示插件

嵌套范例：
<article>
    <header>
        <h1>学习空间</h1>
        <p>Hello,欢迎</p>
    </header>
    <article>
        <header>
            作者
        </header>
        <p>
            评论
        </p>
        <footer>
            time
        </footer>
    </article>
    <footer>
        <p>相关链接</p>
    </footer>
</article>
使插件看起来和内嵌页面一样：
<article>
    <h1>内嵌页面</h1>
    <object>
        <embed src="#" width="600" height="400"></embed>
    </object>
</article>

2.10.2section元素：用于对网站或应用程序中页面上的内容分块。

1.当一个容器元素要被直接定义样式或通过脚本定义行为时，推荐用div而非section

2.不要为一个没有题目的内容区域块使用section元素

3.article元素可以看作一个特殊的section元素，比section元素更加强调独立性，section元素强调分块，如果一块内容比较独立完整，优先使用article元素，将一段内容分成几块，使用section元素。

2.10.3nav元素：可以用作页面导航的连接组，其中的导航元素链接到其他页面或者当前页面的其他部分。

将主要的基本的连接组放入nav元素即可。

应用场景：传统导航条、侧面栏导航、页内导航、翻页导航

注意事项：不要用marquee元素做导航，marquee元素是用在一系列发出命令的菜单上，是一种交互性元素，使用在web应用程序中

2.10.4aside元素：用来表示当前页面或文章的附属信息部分，可包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有区别于主要内容的部分。

1.对文章的解释
<article>
    <h1>语法</h1>
    <p>文章的正文</p>
    <aside>
        <h1>名词解释</h1>
        <p>1.巴拉巴拉巴拉</p>
    </aside>
</article>
2.附属信息部分：侧边栏：链接，博客列表，广告单元。。
<aside>
    <nav>
        <h2>评论</h2>
        <ul>
            <li><a href="#">2018-9-11</a></li>
            <li><a href="#">写的真有意思</a></li>
        </ul>
    </nav>
</aside>

2.10.5time元素与微格式

<time datetime="2015-10-10">2015-10-10</time>
开始与结束标记之间的内容显示在网页上
<time datetime="2015-10-10T20:00">2015-10-10</time>
T日期与时间之间用T表示，也表示一个间隔 时间符
<time datetime="2015-10-10T20:00Z">2015-10-10</time>
Z表示使用的是UTC标准时间
<time datetime="2015-10-10T20:00+09:00">2015-10-10</time>
+。。。表示另一个时间的时差

pubdate：可选的，布尔类型属性，可以用在article元素中的time元素上，表示文章或者网页的发布日期

<article>
    <header>
        <h1>文章<h1>
        <p>发布日期
            <time datetime="2015-10-10" pubdate>2015-10-10</time>
        </p>
        <p>舞会时间
            <time datetime="2015-10-10">2015-10-12</time>
        </p>
    </header>
</article>
例子中有两个time，使用pubdate指出明确的发布时间

菜菜子QAQ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2.9.1HTML5与HTML4的区别

2.9.1HTML5与HTML4的区别HTML5推出的理由,解决Web上存在的ge各种问题：1.Web浏览器之间兼容性低 2.文档结构不够明确 3.Web应用程序功能受到限制语法的改变：1.内容类型：扩展名不变 2.DOCTYPE声明：&lt;!DOCTYPE html&gt; 3.指定字符编码 &lt;meta charset="UTF-8"&gt; 4.可以省略标记的元素： 5.具有...
复制链接

扫一扫