实,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 主配置文件
nano /etc/nginx/conf.d/default.conf
# {
# 修改 第 8 行,将 root 后的路径更改为新的 默认网站数据目录
root /data/www;
# }
# 重新启动 Nginx 服务
systemctl restart nginx.service
默认主页文件
修改 默认网站 路径
# 修改 Nginx 主配置文件
nano /etc/nginx/conf.d/default.conf
# {
# 修改 第 8 行,将 listen 后的端口更改为新的 默认网站 端口
listen 8081;
# }
# 防火墙放行 Nginx 8081 端口
sudo firewall-cmd --permanent --zone=public --add-port=8081/tcp
# 生效 防火墙策略
firewall-cmd --reload
# 重新启动 Nginx 服务
systemctl restart nginx.service
修改端口后,不输入端口
修改端口后,输入端口
*请认真填写需求信息,我们会在24小时内与您取得联系。