整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

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

实,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>定义。

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

如果你的网站不是HTML5标准的网站,修改起来也是一件很费时间的事情。网上修改一个HTML5标准的网站,报价都是2000起,不如干脆重新做一个HTML5网站。现在做HTML5网站并不贵,建站宝盒这类自助建站工具已经能实现HTML5自适应建站,直接套用H5模板,网站做出来相当炫目。

价格比修改网站标准还更实惠,推荐想要修改网站标准的企业尝试。http://www.iisp.com/design/?s=yuqiuping

HTML DOM 允许 JavaScript 改变 HTML 元素的内容。

改变 HTML 输出流

JavaScript 能够创建动态的 HTML 内容:

今天的日期是: Thu Aug 25 2016 09:23:24 GMT+0800 (中国标准时间)

在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。

实例

<!DOCTYPE html>

<html>

<body>

<script>

document.write(Date());

</script>

</body>

</html>

绝对不要在文档加载完成之后使用 document.write()。这会覆盖该文档。

改变 HTML 内容

修改 HTML 内容的最简单的方法时使用 innerHTML 属性。

如需改变 HTML 元素的内容,请使用这个语法:

document.getElementById(id).innerHTML=新的 HTML

本例改变了 <p>元素的内容:

实例

<html>

<body>

<p id="p1">Hello World!</p>

<script>

document.getElementById("p1").innerHTML="新文本!";

</script>

</body>

</html>

本例改变了 <h1> 元素的内容:

实例

<!DOCTYPE html>

<html>

<body>

<h1 id="header">Old Header</h1>

<script>

var element=document.getElementById("header");

element.innerHTML="新标题";

</script>

</body>

</html>

实例讲解:

  • 上面的 HTML 文档含有 id="header" 的 <h1> 元素

  • 我们使用 HTML DOM 来获得 id="header" 的元素

  • JavaScript 更改此元素的内容 (innerHTML)

改变 HTML 属性

如需改变 HTML 元素的属性,请使用这个语法:

document.getElementById(id).attribute=新属性值

本例改变了 <img> 元素的 src 属性:

实例

<!DOCTYPE html>

<html>

<body>

<img id="image" src="smiley.gif">

<script>

document.getElementById("image").src="landscape.jpg";

</script>

</body>

</html>

实例讲解:

  • 上面的 HTML 文档含有 id="image" 的 <img> 元素

  • 我们使用 HTML DOM 来获得 id="image" 的元素

  • JavaScript 更改此元素的属性(把 "smiley.gif" 改为 "landscape.jpg")

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

本环境

底层: Windows 11 x64
虚拟化层:VMWare Workstation 17.0.2
虚拟化兼容性:ESXi 6.7
虚拟硬件:
    CPU: 4 Core
    RAM: 16 GB
    HDD: 128 GB SCSI
    NetWork: NAT
操作系统版本: CentOS 7.9.2207 Mininal 无更新、无升级内核
                无系统更新
                无内核升级
                关闭 SELinux
                配置 NTP 时间同步
                安装 Open VM Tools
                美化 CLI

修改 默认网站 数据目录

创建 网站数据 目录

#    创建 新网站数据 目录
mkdir -p /data/www
#    创建 新网站首页
echo "Welcom To FourLeaf Studio by SRover Lee <br> Web Data /data/www/" > /data/www/index.html

修改 Nginx 配置文件

#    修改 Nginx 主配置文件
nano /etc/nginx/conf.d/default.conf
#    {
#    修改 第 8 行,将 root 后的路径更改为新的 默认网站数据目录
        root   /data/www;
#    }

重新启动 Nginx 服务

#    重新启动 Nginx 服务
systemctl restart nginx.service

默认主页文件

修改 默认网站 路径

修改 默认网站 端口

修改 Nginx 配置文件

#    修改 Nginx 主配置文件
nano /etc/nginx/conf.d/default.conf
#    {
#    修改 第 8 行,将 listen 后的端口更改为新的 默认网站 端口
        listen       8081;
#    }

Nginx 防火墙管理

#    防火墙放行 Nginx 8081 端口
sudo firewall-cmd --permanent --zone=public --add-port=8081/tcp
#    生效 防火墙策略
firewall-cmd --reload

重新启动 Nginx 服务

#    重新启动 Nginx 服务
systemctl restart nginx.service

修改端口后,不输入端口

修改端口后,输入端口