文档章节

HTML5

 会娟
发布于 2017/08/02 17:15
字数 390
阅读 1
收藏 0

1、html5的特点:1.语法简化<dcotype>声明;2.统一网页内嵌影音语法<audio><video>;3.新增结构等语义标签header/aside/section/nav/footer;4.废除旧标记<font><big><s>;5.全新表单设计;6.提供各种API(例如本地存储的API,画图的API,配合JS,通过浏览器支持原生API,可达很好的效果)

2、html5语义标记

    2.1 <header>:显示网站名称、主题或者主要信息

    2.2 <nav>:网站的菜单

    2.3 <aside>:侧边栏

    2.4 <article>:主内容区域

    2.5 <section>:章节或段落

    2.6 <footer>:位用页脚,用来放置版权声明,作者信息等

例: <header>Header</header>

        <nav>

            <a href="##">nav item1</a>

        </nav>

        <scetion>

            <header>header</header>

            <article>article</article>

            <figure>figure</figure>

            <footer>footer</footer>

        </scetion>

        <footer>footer</footer>

3、html属性:控制一个HTML元素,就是通过属性来控制的(详细了解,可查HTML手册)

属性和属性值需要用等号连接起来,属性需要用双引号引起来

例:<img src="test.jpg" width="300" height="200" />

        <input type="checbox" checked="checked" /><!--选中属性-->

        <input type="checbox"  /><!--未选中属性-->

4、html元素分类

    4.1块元素:div、p、ul、li等

    4.2行内元素:span、strong、em等<!--设置宽度和高度是无效的-->

    4.3行内块元素:img等<!--可以设置大小-->

5、简单的HTML5页面

例: <!DOCTYPE html>

        <html>

            <head>

                <meta charset="UTF-8">

                <title>简单的HTML5页面</title>

            </head>

            <body>

                <h1>清明</h1>

                <p>清明时节雨纷纷,<br />路上行人欲断魂。<br />借问酒家何处有,<br />牧童遥指杏花村。<br /></p>

                <img src="qingming.png" />

            </body>

        </html>

© 著作权归作者所有

上一篇: HTML5文字与排版
下一篇: HTML中的标签
粉丝 1
博文 8
码字总数 4638
作品 0
无锡
私信 提问

暂无文章

parseint和isNaN用法

本文转载于:专业的前端网站➭parseint和isNaN用法 <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><script> var a='12'; alert......

前端老手
16分钟前
2
0
Kylin 精确去重在用户行为分析中的妙用

作者:史少锋,Apache Kylin committer & PMC,2019/10/11 在上次文章《如何在 1 秒内做到大数据精准去重》中,我们介绍了 Apache Kylin 为什么要支持大数据集上的精确去重,以及基于 Bitmap...

ApacheKylin
27分钟前
2
0
学习记录(二) es6基本语法(rest参数,模板化,axios模块,拦截器)

日常学习记录 模块化:把一个大文件分成多个小文件,按照一定规范进行拼接 es5写法: 导出:module.exports = 数据 导入:require("路径") /路径未添加后缀名时 //默认添加.js //把路径作为文件名...

Pole丶逐
31分钟前
2
0
以程序员的角度怎么购买一台「性价比高的电视」

前俩天有小伙伴在我的文章下留言,说能否把 【国内电视机都介绍一下】,今天我已在TV端开发多年的程序员的角度。谈谈已程序员的角度如何购买一台性价比高的电视。 国内大的电视机品牌介绍 长...

我们都很努力着
34分钟前
1
0
PhotoShop 色调:理解直方图/RGB通道信息

一、直方图:图表的形式,展示图像像素分布的情况 1.平均值:表示平均亮度 2.标准偏差值:表示亮度值范围内的中间值 3.像素: 表示用于计算直方图的像素总数 4.色阶:显示指针下面的区域亮度...

东方墨天
40分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部