html5 新增标签

最新推荐文章于 2024-08-26 10:36:21 发布
最新推荐文章于 2024-08-26 10:36:21 发布
阅读量188 收藏
点赞数
分类专栏： html 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41105515/article/details/78969393
版权

简介

html5广义=html5+css3+javascript+api

特点：

  • 代码更加简洁
  • 增加了一些标签，标签具有语义化
  • 新增了一些属性
  • 代码更加宽松

当前html5处于推广阶段–各个浏览器存在兼容性，哪些浏览器支持html5

  • IE9版本以上支持html5
  • 其他浏览器都支持

html5结构

    <!doctype html><!--声明html5文档-->
    <html>
        <head>
            <meta charset="utf-8">
            <title>标题</title>
        </head>
        <body></body>
    </html>

新增标签

<header> 网页文档的一个区域–网页的头部
<nav 网页的导航–链接的哪行文本
<section> 网页中的一个块 –类似div
<article> 文章内容
<aside> 网站的侧标栏
<footer>网站页脚

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        body{
            font-size: 14px;
        }
        header{
            width: 998px;
            height: 100px;
            border: 1px solid gray;
            margin: 0px auto;
        }
        nav{
            width: 998px;
            height: 45px;
            border: 1px solid #333333;
            margin: 10px auto;
        }
        section{
            width: 998px;
            height: 1000px;
            border: 1px solid #666666;
            margin: 0px auto;
        }
        article{
            width: 600px;
            height: 800px;
            float: left;
            margin: 5px;
            border: 1px solid blue;
        }
        aside{
            width: 374px;
            height: 800px;
            float: right;
            margin: 5px; 
            border: 1px solid blue;

        }
        footer{
            width: 100%;
            height: 68px;
            background: #373737;
            margin-top: 10px;
        }
    </style>
</head>
<body> 
    <header></header>
    <nav></nav>
    <section>
        <article></article>
        <aside></aside>
    </section>
    <footer></footer>
</body>
</html>
绕岸垂杨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
06【HTML5新增标签】
緑水長流*z
06-12 2004
文章目录 六、HTML5新增标签 6.1 布局标签 6.1.1 常规布局标签 6.1.2 控件标签 1）meter标签 2）progress标签 3）details标签 4）dialog标签 6.1.3 文本标签 1）ruby标签 2）mark标签 6.2 表单标签 6.2.1 H5新增input类型 6.2.2 H5新增表单相关属性 6.3 多媒体标签 6.3.1 video视频标签 1）video标签的属性 2）video标签的其他用法 6.3.2 radio音频标签
惊艳到不行啊，html5真的牛逼
disadan2296的博客
10-16 180
http://helloracer.com/webgl/ 转载于:https://www.cnblogs.com/wufengjie/p/3371605.html
HTML5新增标签
Android、HTML、CSS、JS、JAVA、Kotlin、PHP等技术
04-21 1040
什么是HTML5? html5是最新的html标准，拥有新的语义、图形以及多媒体元素，简化web应用程序，专为丰富的web内容而设计的，简称“H5”。简单来说就是增加了一些更直观的标签，H5相比html4.0精简了很多。 02HTML新增标签 1. 结构标签：主要用来对页面结构进行划分，页面结构划分为顶部、导航、内容(页眉、区块)、页脚等。 header：一般网页头部信息/标题。 nav：导航条部分内容。 section：独立内容区块，一般内容区。 article：特殊独立区块，表示页眉中核心
html5新增标签
qq_53579100的博客
03-15 2649
新增语义化标签 html5中新增的语义化标签分为两大类： 1.块元素 2.内联元素
[HTML]HTML5新增标签
emmmm.....
11-04 2614
1. HTML5 新增的语义化标签 2. HTML5 新增的多媒体标签 2.1 video 标签 2.2 audio 标签 3. HTML5 新增的 input 标签 4. HTML5 新增的表单属性
html5新增的标签是什么,html5新增标签有哪些？html5新增的标签应用
weixin_39939904的博客
06-03 822
html5是超文本标记语言(HTML)的第五次修改，所以在html5中新增了一些新的标签，那么，html5中新增标签是什么？下文将给大家介绍的就是html5比html新添加的标签。1、HTML5新增的标签Header - 可表示介绍内容的容器，或者一组导航链接。Nav - 标签的内容主要用于导航。Article - 标识页面中的主体内容。以博客为例，每个帖子都是一个重要内容，可采用 Article...
HTML5新增标签（一）
热门推荐
weixin_45904557的博客
03-14 1万+
前言 HTML5的新特性主要是针对以前的不足，增加了一些新标签，新表单和新表单属性 但是呢！这些标签大多都存在兼容性的问题，基本是IE9以上的版本才支持 之前我们做布局，都用的是div，但是没有语义性 一、新增块级标签 1.头部标签 <header > <header ></header> 和div一样的效果，但更具有语义性 2. 导航标签<nav> <nav>导航</nav> ...
前端基础——html5新增标签
qq_41721660的博客
04-09 6353
新增表单标签 原始表单标签：input(text、password、radio、checkbox、button)、select、textarea、button、form。 h5增加了很多功能性的表单标签用于pc端和移动端的表单开发。 邮箱：input(type="email")，提交数据时提供了邮箱格式的验证（格式不一定完全正确，因此以后需要通过js来进行调整； 数字输入框：input(type="number")， 网址输入框：input(type="url")，验证输入内容是否为网址，需要完整网址，以
html5新增的标签是什么,HTML5新增标签及含义解释
weixin_33254139的博客
06-03 1224
HTML 5提供的一些新的标签用法，让我们来看一下有哪些新增的标签，以及它们和HTML 4的区别。header元素表示一个区域或整个区域的头部区域。nav元素表示导航部分article元素表示一块独立的内容section元素表示 页面中的每一块内容区域都可以使用section包围起来 一般放在article元素里面。aside元素表示article元素内容之外的信息，内容的辅助信息，例如：名词解释...
以下哪些选项是HTML5新增标签,Html5新增的标签有哪些?
weixin_29007135的博客
06-09 3665
新增的结构标签：1、header元素表示页面中一个内容区块或真个页面的标题。2、hgroup元素表示对真个页面或页面中的一个内容区块的标题进行组合。3、article元素表示页面中一块与上下文不相关的独立内容。比如一篇文章。4、aside元素表示article元素内容之外的、与article元素内容相关的辅助信息。5、footer元素表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者...
Html5新增标签有哪些
09-27
根据给定的文件内容，以下是HTML5新增标签的详细知识点，以及它们的用法和意义。 1. 标签：这是HTML5中新增的一个用于嵌入音频内容的媒体播放标签。它允许直接在网页中嵌入音频文件，而无需任何插件支持。主要属性...
html5JS:用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题
05-13
html5JS 用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。 用法 <!--[if it IE 9]> [removed][removed] <![endif]-->
详解HTML5新增标签
12-13
HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如...
html5新增标签和属性
01-24
HTML5 新增标签和属性 HTML5 中新增了许多标签和属性，使得开发者可以更快速地了解和掌握 HTML5 技术，并实现快速上手。这些新增的标签和属性可以帮助开发者快速实现页面布局，提高浏览器的解析速度，并且提供了更...
html-左侧固定宽度，右侧自适应宽度布局
不积硅步，无以至千里，不积小流，无以成江海。
01-14 3657
左侧固定宽度，右侧自适应宽度结构 原理： 定位（position）中的absolute属性值可以使元素脱离正常文档流，后面的元素向上移动，将后面的元素设置margin-left属性值设置为前面脱离文档流的元素的宽度，就可以完全显示后面的内容。 html代码如下： html> head> title>左侧固定宽度，右侧自适应页面title> meta chars
盒子模型的计算
不积硅步，无以至千里，不积小流，无以成江海。
12-28 1263
盒子尺寸计算 红盒子尺寸：红盒子内容区+margin(左右)+padding(左右)+border(左右） 黑盒子尺寸：黑盒子内容区+margin(左右）+padding（左右）+border（左右） 蓝盒子：蓝盒子内容区+margin(左右）+padding（左右）+border(左右) 如果是上面的结构，正常的文档流，设置margin，如果有叠加部分，qu叠加部分
bootstrap基础学习
不积硅步，无以至千里，不积小流，无以成江海。
01-03 171
header<meat name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> width:移动设备的宽度 initial-scale:初始缩放比例，1:1 user-scalable：用户缩放，no禁止双击缩放 常用样式 .page-header 给标题添加一条分割线 列表
HTML5有格调的个人介绍网站源码
最新发布
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
08-26 1587
HTML5有格调的个人介绍网站源码，个人网站下载，html源码下载，响应式布局，动态展示数据效果，界面整洁，布局清晰。页面分为个人信息，项目统计，我的相册，朋友评价，保持联系等模块，根据自己需求可以扩展自己需要的功能。注释完整，代码规范，各种风格都有，代码上手简单，代码独立，可以直接运行使用。也可直接预览效果。
HTML5新增标签详解：语义化标签、多媒体支持和浏览器兼容性
HTML5 新增标签 HTML5 是一项革命性的技术，它的出现改变了 web 开发的格局。HTML5 新增了许多标签，这些标签的出现使得 web 开发更加简洁、方便。下面我们来了解 HTML5 中的一些新增标签。 **语义化标签** 语义化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值