實,HTML5程序語言基本上全部支持任何HTML格式的代碼,如果你的網(wǎng)站是以往版本的HTML程序語言,基本上是不需要改的。如果網(wǎng)站是HTML5代碼,對一些不兼容HTML5的瀏覽器來說,還要反改成HTML代碼。如果真的要改,可以這樣做:
首先,舊HTML的DOCTYPE比較累贅,通常是<!DOCTYPE html+一大串內(nèi)容>,在HTML5中,只需要把后面的內(nèi)容全部刪除,變成<!DOCTYPE html>就可以了。
第二,HTML5中新增了一些語義元素,相比HTML的div標簽,這些新語義元素可以直接使用。比如:
<header>:用來定義文檔的頁眉,也可用在網(wǎng)頁內(nèi)容上,可包含搜索表單,導(dǎo)航,頁面標識等。在HTML中,<div class=”header”></div>,而HTML5,可以直接<header></header>定義。
<nav>:可作頁面導(dǎo)航的鏈接組,面包屑導(dǎo)航。在HTML中<div class=”nav”></div>,而HTML5,可以直接<nav></nav>定義。
<section>:代表文檔中的“節(jié)”或“段”,“段“可以是指一篇文章里按照主題的分段;“節(jié)”可以是指一個頁面里的分組。在HTML中<div class=”section”></div>,而HTML5,可以直接 <section></section>定義。
除此之外,HTML5還有三十多個全新標簽,語義更為豐富,更利于搜索引擎優(yōu)化。
如果你的網(wǎng)站不是HTML5標準的網(wǎng)站,修改起來也是一件很費時間的事情。網(wǎng)上修改一個HTML5標準的網(wǎng)站,報價都是2000起,不如干脆重新做一個HTML5網(wǎng)站。現(xiàn)在做HTML5網(wǎng)站并不貴,建站寶盒這類自助建站工具已經(jīng)能實現(xiàn)HTML5自適應(yīng)建站,直接套用H5模板,網(wǎng)站做出來相當(dāng)炫目。
價格比修改網(wǎng)站標準還更實惠,推薦想要修改網(wǎng)站標準的企業(yè)嘗試。http://www.iisp.com/design/?s=yuqiuping
HTML DOM 允許 JavaScript 改變 HTML 元素的內(nèi)容。
改變 HTML 輸出流
JavaScript 能夠創(chuàng)建動態(tài)的 HTML 內(nèi)容:
今天的日期是: Thu Aug 25 2016 09:23:24 GMT+0800 (中國標準時間)
在 JavaScript 中,document.write() 可用于直接向 HTML 輸出流寫內(nèi)容。
實例
<!DOCTYPE html>
<html>
<body>
<script>
document.write(Date());
</script>
</body>
</html>
絕對不要在文檔加載完成之后使用 document.write()。這會覆蓋該文檔。 |
改變 HTML 內(nèi)容
修改 HTML 內(nèi)容的最簡單的方法時使用 innerHTML 屬性。
如需改變 HTML 元素的內(nèi)容,請使用這個語法:
document.getElementById(id).innerHTML=新的 HTML
本例改變了 <p>元素的內(nèi)容:
實例
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="新文本!";
</script>
</body>
</html>
本例改變了 <h1> 元素的內(nèi)容:
實例
<!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 更改此元素的內(nèi)容 (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
操作系統(tǒng)版本: CentOS 7.9.2207 Mininal 無更新、無升級內(nèi)核
無系統(tǒng)更新
無內(nèi)核升級
關(guān)閉 SELinux
配置 NTP 時間同步
安裝 Open VM Tools
美化 CLI
# 創(chuàng)建 新網(wǎng)站數(shù)據(jù) 目錄
mkdir -p /data/www
# 創(chuàng)建 新網(wǎng)站首頁
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 后的路徑更改為新的 默認網(wǎng)站數(shù)據(jù)目錄
root /data/www;
# }
# 重新啟動 Nginx 服務(wù)
systemctl restart nginx.service
默認主頁文件
修改 默認網(wǎng)站 路徑
# 修改 Nginx 主配置文件
nano /etc/nginx/conf.d/default.conf
# {
# 修改 第 8 行,將 listen 后的端口更改為新的 默認網(wǎng)站 端口
listen 8081;
# }
# 防火墻放行 Nginx 8081 端口
sudo firewall-cmd --permanent --zone=public --add-port=8081/tcp
# 生效 防火墻策略
firewall-cmd --reload
# 重新啟動 Nginx 服務(wù)
systemctl restart nginx.service
修改端口后,不輸入端口
修改端口后,輸入端口
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。