HTML5学习（一）---HTML5简介

最新推荐文章于 2024-10-15 13:31:06 发布
最新推荐文章于 2024-10-15 13:31:06 发布
阅读量106 收藏
点赞数
分类专栏： 学习笔记 HTML5 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ningpeixi679/article/details/113419437
版权

HTML5简介

三个主要原理

  • 不破坏Web

     标准不应该引入导致已有的网页无法工作的改变。

  • 修补牛蹄子路

  • 实用至上

HTML5标记

  • HTML5文档类型

每个HTML5文档第一行都必须是一个特定的文档类型声明，用于告知后面的HTML5内容。
使用声明是为了浏览器知道要使用标准模式。

  • 字符编码

meta元素添加字符编码

<head>
	<meta charset="utf-8")>
	<title> A Tiny HTML Document </title>
</head>

  • 页面语言

  • 添加样式表

<link href="style.css" rel="stylesheet">

  • 添加JavaScript

<script src="scripts.js"></script>

HTML5语法

  • 放松的规则

    • H5并不要求网页中·包含 ，和元素
    • H5不区分大小写
    • 可以只包含属性名

HTML5验证

关注的问题：

  • 缺少必需的元素
  • 有开始标签但没有结束标签
  • 标签嵌套错误
  • 不包含必要属性的标签
  • 元素或内容放错地方

HTML5元素家族

新增的元素

  • 用于构建页面的语义元素< article>. < aside>, < figcaption>, < figure>, < footer>,
    < header>, < hgroup>, < nav>, < section>, < details>, < summary>
  • 用于表示文本的语义元素 < mark>, < time>, < wbr>
  • 表单交互< input>, < datalist> ,< keygen>, < meter>, < progress>, < command>, < menu>, < output>
  • 音频视频 < audio>, < video>,< source>, < embed>
  • Canvas < canvas>

删除的元素

< big> ,< center>, < font>, < tt>, < strike>

改变的元素

  • < samll>表示附属细则
  • < hr>表示主题的转换
  • < strong>、< em>表示粗体和斜体
冬天一起吃雪糕
关注
专栏目录
你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？
努力是为了站在万人之中，成为别人的光
07-05 26万+
HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！ 在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/
#HTML5-CSS-transition-过渡特效
weixin_43097301的博客
10-08 1万+
CSS过渡特效 概述   在CSS中用于设置过渡特效的属性是 transition，该属性允许CSS的属性值在一定的时间区间内平滑地过渡，这就拜托了我们在CSS3版本标准之前对“JavaScript”和“Flash”的依赖，使页面的性能得以提升。这种效果可以在鼠标悬浮（:hover）、鼠标单击（:active）、表单元素获得焦点（:focus）或对元素任何改变以及在JavaScript中某些事件执...
HTML5 简介
云上
05-27 297
HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5 简单易学。 什么是 HTML5? HTML5 是下一代 HTML 标准。 HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完
一、HTML5简介
并不傻的袍子
12-16 1026
一、网页 （一）什么是网页 网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm 或.html后缀结尾的艾件，因此将其俗称为HTML文件。 （二）什么是HTML HTML指的是超文本标记语言(Hyper Text Markup Language)，它是用来描述网页的一种语言。 （..
HTML5简介
FOR.GET
09-16 1915
1 HTML5 简介 HTML是一种描述网页的语言，是一种标记语言，是制作网页的基础语言。 HTML的语法特点： 编写简单：无需任何编程经验。 标记数目有限 语法较弱：不一定需要对用的标记来结束，如就不一定需要来结束 HTML最基本的语法是<标记符></标记符>，通常是成对出现的，一个开始标记和一个结束标记。 2 HTML5 文档基本结构 HTML5文件的基本结构：一个完整的HTML5文件包括标题、段落、列表、表格、绘制的图形和各种嵌入对象，统称为HTML元素。
2.HTML 教程- (HTML5 简介)
chengsi7614的博客
05-28 175
HTML 教程- (HTML5 简介) 例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title...
网页制作入门(一) HTML5的概述
qq_45700814的博客
11-10 427
HTML5的概述 1、介绍： HTML5的最基本语法是<标记符></标记符>。标记符通常都成对使用，有一个开头标记和一个结束标记。 2、HTML5文件的基本结构 2.1、 一个完整的HTML5文件包括标题、段落、列表、表格、绘制的图形以及各种嵌入对象，这些对象统称为HTML元素。 一个HTML5文件的基本结构如下： <!DOCTYPE html> <html>文件开始的标记 <head>文件头部开始的标记 文档头部的内容 </head&
HTML5期末大作业：动漫网页主题设计——卡通漫画教育首页HTML+CSS+JavaScript 动漫网页HTML代码 学生网页课程设计期末作业下载 动漫大学生网页设计制作成
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
07-13 1万+
HTML5期末大作业：动漫网页主题设计——卡通漫画教育首页HTML+CSS+JavaScript 动漫网页HTML代码 学生网页课程设计期末作业下载 动漫大学生网页设计制作成 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。 作品
360度全景图-HTML5 Canvas实现
12-06
1. HTML5 Canvas：Canvas是HTML5中的一个核心元素，它提供了一种在网页上绘制图形的方式。通过JavaScript，我们可以动态地在Canvas上画线、填充形状、添加文本、绘制图像等。在这个360度全景图项目中，Canvas被用作...
video-js-html5视频播放器源码例子
09-09
HTML5视频播放器是现代网页设计中不可或缺的一部分，它使得开发者能够轻松地在网页上集成视频内容。"video-js" 是一个广泛使用的开源HTML5和Flash视频播放器，以其丰富的自定义选项、跨浏览器兼容性和良好的用户体验...
HTML5+CSS3 精美登陆界面源码
01-19
在这个“HTML5+CSS3 精美登陆界面源码”压缩包中，包含了三个精心设计的登录界面，每一个都充分利用了HTML5的新特性与CSS3的动画效果，以提供卓越的用户体验。 首先，我们来详细了解一下HTML5。HTML5是超文本标记...
2020年Web前端面试题及答案----HTML篇
qq_45193067的博客
05-01 2032
2020年最新最全的前端面试题整理 前言 之所以发布的第一篇博客是Web前端面试题，是因为2020年是苦逼的一年，小编也是临近毕业的应届毕业生，除了埋头苦学之外，和大家一样都得面临就业难题，所以在这里把前端的知识点拉通整理了一遍，涉及的面试题和答案顺便和大家分享探讨一下。 内容较多，将分为HTML篇、CSS篇、原生JS篇、Jquery篇、ES6篇、笔试编程篇、数据请求篇、PC端兼容篇、IOS/An...
HTML5快速设计网页
热门推荐
小人物
06-23 3万+
HTML5快速设计网页 目录 一、认识web开发和软件安装 二、使用HTML/HTML5搭建页面骨架 一、认识web开发和软件安装 1、认识网页：商城网页比较经典，比如京东，淘宝、小米商城还有锤子官网等有图片、文字还有一些多媒体组合而成的。我们还需要善于观察然后模仿成自己的 2、网站：由多个网页组织在一起而成的，网页和网页之间是有联系的。就像蜘蛛网一样织成一张大网 3、用户眼中...
html5简介
WJLSH123的博客
07-26 839
h5简介 ​ <!– ​ ###Html5 HTML5 是定义HTML标准的最新的版本。 该术语表示两个不同的概念： ​ 它是一个新版本的HTML语言，具有新的元素，属性和行为， ​ 它有更大的技术集，允许更多样化和强大的网站和应用程序。 ​ 这个集合有时称为HTML5和朋友，通常缩写为HTML5。 ​ HTML5 约等于 HTML + CSS + JS ​ ###Html5优势 ​ 跨平台:唯一一个通吃PC MAC Ip
HTML5笔记+案例
sumuqi的博客
06-29 3193
HTML 一 . html简介 1.HTML是什么？ HTML:hyper text makrup language超文本标记（标签）语言由各种标签组成，用来制作网页，告诉浏览器该如何显示页面 2.作用 制作网页，控制网页和内容的显示 插入图片、音乐、视频、动画等多媒体 通过链接来检查信息 使用表单获取用户数据，实现交互 3.版本 W3C:world wide web consortium万维网联盟，制定Web技术相关标准和规范的组织，HTML就是由W3C制定的标准 两个版本：HTML 4.0.1、
HTML 符号
lly202406的博客
10-12 464
HTML（超文本标记语言）是一种用于创建网页的标准标记语言。它使用一系列的标签来描述网页的结构和内容。HTML 符号，通常指的是 HTML 标签，是构成 HTML 文档的基础。本文将详细介绍 HTML 符号的概念、种类、用途以及如何在网页设计中正确使用它们。
HTML_文本标签
最新发布
no15870678621的博客
10-15 457
html文本标签
HTML/JS添加音乐
m0_68076368的博客
10-14 273
音乐播放
html面试题总结
cx18333的博客
10-11 1085
在从事Web开发工作的过程中，我们常常会遇到这样的情况：尽管每天都在与HTML等前端技术打交道，但对于一些基础的概念性知识，却总是容易遗忘或混淆。为了帮助自己更好地巩固这些基础知识，我决定撰写一篇专门的博客文章，用来记录和整理那些在前端面试中常见的HTML相关问题及其答案。通过这种方式，不仅能够加深对这些概念的理解，还能为未来的面试和技术交流做好充分准备。希望这篇文章不仅能成为我个人的学习笔记，也能为其他正在努力提升自己的前端开发者提供一定的参考价值。
深入理解CSS3和HTML5：background-clip与background-origin
学习和掌握CSS3和HTML5是现代前端开发者必备的技能，它们能够帮助创建更美观、交互性更强的网页，提升网站的整体质量和用户体验。对于开发者来说，理解并熟练运用background-clip和background-origin这样的CSS3高级...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值