初学HTML5必须知道的那些事（二）

最新推荐文章于 2024-05-23 16:52:46 发布
最新推荐文章于 2024-05-23 16:52:46 发布
阅读量309 收藏
点赞数
分类专栏： 软件开发 文章标签： HTML5 语法 格式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bwf_erg/article/details/53811995
版权

二、HTML5

区别与之前繁杂的XHTML，HTML在头文件就简单了很多。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=" http://www.w3.org/1999/xhtml">

这是XHTML，怎么样，看起来就很复杂吧。

<!DOCTYPE HTML>

而在HTML5中头文件只有这一行。

下面我们来看看HTML(HyperText Markup Language)

1. 超文本标记语言，一种纯文本类型的语言（尖括号里面的语言<>）

2. 用来设计网页的标记语言

3. 用该语言编写的文件，以.html或.htm为后缀

4. 由浏览器解释执行

5. HTML页面上，可以嵌套用脚本语言编写的程序段，如VBScript/JavaScript

· 标记语法
HTML的核心，不同的标记语法展现出不同的效果比如说代码

<p>标题一</p>
<h1>标题一</h1>

输出结果为

标题一

标题一

众多的标记语法使我们能更好的展现出我们想要达到的各种效果。

· HTML格式
说完了标记语法我们还必须知道的就是HTML 的格式，下面我们来看一个例子。

<!doctype html>

<html lang="en">
<head>
<title>Document</title>
<meta charset="UTF-8">
<meta name="Author" content="我不叫奇奇">
</head>
<body>
</body>
</html>

这是一个比较简单的格式模板，包括

1. <!doctype html>网页声明

2. <html lang="en"></html>html页面

3. 在html页面中包括<head>、<body>当然，应不同需要还会有<footer>等

应不同的需求我们可以适当加入更多其他的元素。

 

bwf_erg
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML——1（HTML 5 文件的基本语法）
Decorator2015的博客
04-26 677
HTML 5 文件的基本语法 HTML 5 文件通常包含下列几个部分（按照由先到后的顺序）。 1，BOM（选择性字符，建议不要在文件头插入BOM） 2，任何数目的注释和空格符 3，DOCTYPE 4，任何数目的注释和空格符 5，根元素 6，任何数目的注释和空格符 1.DOCTYPE HTML 5文件的第一行必须是如下的文件类型定义（Document Ty
HTML5 - 最简单的html5网页格式样例
u014063717的博客
03-17 2320
原文出自：www.hangge.com 转载请保留原文链接：http://www.hangge.com/blog/cache/detail_818.html 下面是一个最简单的HTML5文档。 可以看到，不管是头部的文档类型声明，还是字符编码设置、样式表的添加、JavaScript的添加，都比过去冗长的XHTML 1.0格式精简许多。<!DOCTYPE html> <html> <head>
【HTML5】HTML5基础语法汇总
无题
11-26 3196
简单归纳HTML的基本语法，后有案例
HTML5基本书写格式：
热门推荐
China_Guanq的博客
08-16 2万+
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum
HTML5+CSS3+JS前端核心（初学者必须要掌握的基础知识）
pengyu1112的博客
08-27 4253
HTML5、CSS3、JavaScript
HTML5+CSS3+JavaScript从入门到精通【文末送书】
最新发布
一键难忘的博客
05-23 7307
第二，对图书内容进行了深度更新、优化，如优化了内容布置，弥补了讲解疏漏，将开发环境和工具更新为新版本，增加了对新技术点的剖析，将项目替换为更能体现当今IT开发现状的热门项目等，使其更与时俱进，更适合读者学习；全书共计有205个应用实例，141个编程训练，81个综合练习，1个项目案例，为初学者打造“学习+训练”的强化实战学习环境。读者对象：初学编程的自学者，编程爱好者，大中专院校的老师和学生，相关培训机构的老师和学员，进行毕业设计的学生，初、中级程序开发人员，程序测试及维护人员，参加实习的“菜鸟”程序员。
初学者使用HTML简单做一个自我介绍
牛牪犇
07-21 1万+
自我介绍 自我介绍 姓名 乌漆嘛黑 年龄 未知 住址 上海浦东 爱好 ...... 相片 简单介绍 我叫陈某，来自某省市，但我家不住蒙古包，也不骑马上学（为了有趣，加深印象）我从毕业开始到现在一直都在互联网行业工作，上家公司是行内独角兽，自己转正不到2个月就升职加薪，最高管理20人（凸显自己以往经历中比较厉害的地方）我的兴趣爱好是自驾游，去年8月份到年末，基本把北京周边大大小小的景点都转遍了。 !...
html5初学（header、nav、main、aside、footer标签）
qq_45862126的博客
03-18 3555
html5初学（header、nav、main、aside、footer标签） 老规矩，为了便于理解先上图目前大多数的网页都差不多是这个框架 上代码，文末有各个标签的解释 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt
H5Stream杂记-HTML中引入RTSP/RTMP源视频初学
Demos丶丶
07-11 1万+
最近遇到项目中视频监控的问题，老大的要求是在前端引入RTSP流媒体视频。为此，一个菜鸟怀着好奇的心情去琢磨了许久。 首先根据老大提出的建议，试一试vlc插件。为此踩了一天vlc的坑。不可否认vlc是一款强大的媒体播放器，奈何谷歌浏览器早就不支持NPAPI插件。也试过很多其他浏览器，IE、EDGE、UC、火狐。。。针对谷歌浏览器，我找过很多的方法，浏览器的版本一降再降，着实无能为力。本着赶时间的前...
Web h5开发 初学总结
lakebobo的博客
07-25 1万+
html5 = 标记+javascript api+css HTML标记（也称为结构） CSS样式（也称为表示） JavaScript（也称为行为） H4 &amp;amp;amp;amp;lt;!DOCTYPE html PUBLIC &amp;amp;amp;quot;-//W3C//DTD HTML 4.01//EN&amp;amp;amp;quot; &amp;amp;amp;quot;http://www.3c.org/TR/html4/strict.
初学Html 5 + CSS 3 +JS自主编写新年倒计时网页
06-14
初学Html 5 + CSS 3 +JS自主编写新年倒计时网页，可以根据自己的需求来更改里面的内容，适合初学者来借鉴；大神勿喷！！！还请大神们提出宝贵的意见，感谢！
初学者必知的HTML 5入门级技巧
11-24
因此，为了应对即将到来的HTML 5，本文总结了11个HTML 5的初级技巧，希望能对你进一步学习好HTML 5会有所帮助。 1. 新的Doctype声明 XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。 <!...
HTML5学习笔记，初学者可以借鉴快速学习html5
12-05
这是我重新温故时候做的html学习笔记，参考于尚学堂 百战程序员文档里有关键的源码和简要的说明，初学者可以作为参考如果有什么问题可以和我一起交流，大家共同进步还望大佬光顾的时候可以给我提提意见
HTML5初学者福利！11个在线学习网站推荐
03-03
如果你是一个对HTML5一无所知的初学者，那么以下的几个网站绝对不容错过。网站中包括HTML5的基础教程、文章和博客，而且其中包含的不仅仅只是代码，还包含很多带有简单步骤讲解的例子。W3Schools（需自备梯子
Oracle替代触发器
bwf_erg的博客
10-25 2688
由于视图有可能是由多个表进行关联而成，这种情况下，直接通过更新视图来更新基表是不可行的，这个时候我们就可以通过替代触发器来工作了。   示例： --准备操作 INSERT INTO DEPT(DEPTNO,DNAME,LOC) VALUES(60,'研发部','上海'); INSERT INTO EMP(EMPNO, ENAME,JOB,
UI 界面性能优化（一）
bwf_erg的博客
11-16 1743
人类大脑与眼睛对一个画面的连贯性感知其实是有一个界限的，譬如我们看电影会觉得画面很自然连贯，其帧率通常为 24fps；那么，用手机当然也需要感知屏幕操作的连贯性（尤其是动画过渡），所以在手机领域 Android/iOS 索性就把达到这种流畅的帧率规定为 60fps。 基于上面的背景，我们开发 App 的帧率性能目标就是保持在 60fps（16ms/帧），即我们在进行 App 性能优化时，要遵
Oracle系统触发器
bwf_erg的博客
10-25 1209
系统触发器是在进行数据库系统事件时进行触发，主要包括DDL语句，其语法格式如下： create or replace trigger [schema.]trigger_name  {before | after}  {DDL_EVENT_LIST | database_event_list}  on {database | [schema.]SCHEMA} 
推送的实现原理
bwf_erg的博客
11-08 1165
要获取服务器上不定时更新的信息，一般来说有两种方法：第一种是客户端使用Pull（拉）的方式，就是隔一段时间就去服务器上获取一下信息，看是否有更新的信息出现。第二种就是 服务器使用Push（推送）的方式，当服务器端有新信息了，则把最新的信息Push到客户端上。这样，客户端就能自动的接收到消息。      1）轮询(Pull)方式：应用程序应当阶段性的与服务器进行连接并查询是否有新的消息到达，你必须
小博老师解析Java核心技术点 ——8个常见日志框架
bwf_erg的博客
11-29 862
[理论部分] 作为一名Java程序员，我们开发了很多Java应用程序，包括桌面应用、Web应用以及移动应用。然而日志系统是一个成熟Java应用所必不可少的，在开发和调试阶段，日志可以帮助我们更好更快地定位bug；在运行维护阶段，日志系统又可以帮我们记录大部分的异常信息，从而帮助我们更好的完善系统。接下来，小博老师就要来分享一些Java程序员最常用的Java日志框架组件。   [步骤阅读]8个
HTML5入门教程：面向初学者
"HTML5学习资料，一份面向初学者的英文教程，内容直观易懂，涵盖了HTML、XHTML和CSS的基础知识。" HTML5是超文本标记语言（HyperText Markup Language）的第五个版本，它是互联网上构建和呈现内容的主要方式。这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值