怎么将一个网站修改成HTML5标准的网站?

怎么将一个网站修改成HTML5标准的网站?,第1张

其实,HTML5程序语言基本上全部支持任何HTML格式的代码,如果你的网站是以往版本的HTML程序语言,基本上是不需要改的。如果网站是HTML5代码,对一些不兼容HTML5的浏览器来说,还要反改成HTML代码。如果真的要改,可以这样做:

首先,旧HTML的DOCTYPE比较累赘,通常是<!DOCTYPE html+一大串内容>,在HTML5中,只需要把后面的内容全部删除,变成<!DOCTYPE html>就可以了。

第二,HTML5中新增了一些语义元素,相比HTML的div标签,这些新语义元素可以直接使用。比如:

<header>:用来定义文档的页眉,也可用在网页内容上,可包含搜索表单,导航,页面标识等。在HTML中,<div class=”header”></div>,而HTML5,可以直接<header></header>定义。

<nav>:可作页面导航的链接组,面包屑导航。在HTML中<div class=”nav”></div>,而HTML5,可以直接<nav></nav>定义。

<section>:代表文档中的“节”或“段”,“段“可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组。在HTML中<div class=”section”></div>,而HTML5,可以直接 <section></section>定义。如果觉得麻烦,你还可以直接利用建站宝盒来进行h5网站的搭建开发。

首先,旧HTML的DOCTYPE比较累赘,通常是<!DOCTYPE html+一大串内容>,在HTML5中,只需要把后面的内容全部删除,变成<!DOCTYPE html>就可以了。

第二,HTML5中新增了一些语义元素,相比HTML的div标签,这些新语义元素可以直接使用。比如:

<header>:用来定义文档的页眉,也可用在网页内容上,可包含搜索表单,导航,页面标识等。在HTML中,<div class=”header”></div>,而HTML5,可以直接<header></header>定义。

<nav>:可作页面导航的链接组,面包屑导航。在HTML中<div class=”nav”></div>,而HTML5,可以直接<nav></nav>定义。

<section>:代表文档中的“节”或“段”,“段“可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组。在HTML中<div class=”section”></div>,而HTML5,可以直接 <section></section>定义。

除此之外,HTML5还有三十多个全新标签,语义更为丰富,更利于搜索引擎优化。

http://jingyan.baidu.com/article/3f16e003ee63622590c1035b.html

点击制作栏目,进入模板选择页

1、选择空模板,自由创作;

2、选择主题模板,更快速的创作出炫丽的展示。

2

选择模板后,进入创作界面

3

预览树 *** 作

1、显示的页面的显示顺序;

2、右键调整页面的显示顺序;

3、点击页面右上角的X,可以把不需要的页面删除。

功能—添加修改文字

1、添加文字:点击右侧的文字选项→主编辑区会出现文字输入框→双击修改

2、文字属性修改:右侧文字属性修改选项,包括字体种类,字体大小、颜色等等。

功能—添加修改图片

1、上传图片:点击右侧图片选项→上传按钮→选择图片→确定

2、截图:点击截图按钮→选择图片区域→双击

功能—添加修改按钮

添加按键:点击右侧按钮选项→点击编辑区的按钮→修改文字、链接

功能—添加修改表单

1、添加表单:点击右侧的添加表单按钮,在d出的窗口中填写提交数据的名称

2、修改表单样式:在右侧的属性栏中,修改表单的显示样式

3、查看及下载数据:客户提交数据后,可以在表单数据中看到,并提供下载

功能—添加修改底图

1、修改背景颜色:点击右侧底图选项→选择颜色

2、上传底图:点击右侧底图选项→点击上传按钮→确定

功能—添加修改背景音乐

添加背景音乐:点击右侧音乐选项→点击选择文件按钮→确定→点击上传按钮

功能—添加修改切换效果

添加切换效果:选择页面→点击配置选项→选择切换效果

功能—添加修改动画效果

添加动画效果:点击添加动画的组件→点击动画选项→点击动画效果

保存

点击导航栏的保存按钮→再点击预览按钮→进入发布页面

生成

1、添加标题、描述、缩略图

2、生成的二维码和链接可以用于分享到微信、微博等

3、点击生成按钮,即完成了一个作品的制作过程。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8300498.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存