整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          怎么將一個網(wǎng)站修改成html5 標準的網(wǎng)站?

          實,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,我們一起飛!

          本環(huán)境

          底層: 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

          修改 默認網(wǎng)站 數(shù)據(jù)目錄

          創(chuàng)建 網(wǎng)站數(shù)據(jù) 目錄

          #    創(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 配置文件

          #    修改 Nginx 主配置文件
          nano /etc/nginx/conf.d/default.conf
          #    {
          #    修改 第 8 行,將 root 后的路徑更改為新的 默認網(wǎng)站數(shù)據(jù)目錄
                  root   /data/www;
          #    }

          重新啟動 Nginx 服務(wù)

          #    重新啟動 Nginx 服務(wù)
          systemctl restart nginx.service

          默認主頁文件

          修改 默認網(wǎng)站 路徑

          修改 默認網(wǎng)站 端口

          修改 Nginx 配置文件

          #    修改 Nginx 主配置文件
          nano /etc/nginx/conf.d/default.conf
          #    {
          #    修改 第 8 行,將 listen 后的端口更改為新的 默認網(wǎng)站 端口
                  listen       8081;
          #    }

          Nginx 防火墻管理

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

          重新啟動 Nginx 服務(wù)

          #    重新啟動 Nginx 服務(wù)
          systemctl restart nginx.service

          修改端口后,不輸入端口

          修改端口后,輸入端口


          主站蜘蛛池模板: 国产综合无码一区二区色蜜蜜| 国产剧情国产精品一区| 中文字幕一区二区三区在线不卡| 国产在线精品一区二区高清不卡| 亚洲AV无码一区二区一二区| 无码日韩精品一区二区人妻 | 久久青草国产精品一区| 日韩视频在线一区| 精品一区二区三区免费毛片爱| 亚洲av区一区二区三| 国产在线一区二区三区av| 国产福利91精品一区二区| 一区二区免费视频| 一区二区三区日韩精品| 91久久精一区二区三区大全| 日本高清无卡码一区二区久久| 3D动漫精品一区二区三区| 色欲AV蜜臀一区二区三区| 无码人妻精品一区二区三区东京热 | 精品女同一区二区三区在线| 精品香蕉一区二区三区| 精品国产一区二区三区麻豆| 蜜桃臀无码内射一区二区三区| 久久99精品国产一区二区三区| 国产一区麻豆剧传媒果冻精品 | 日韩亚洲AV无码一区二区不卡 | 无码人妻一区二区三区精品视频| 日韩精品国产一区| 国产伦精品一区二区三区免费下载| 无码夜色一区二区三区| 女人18毛片a级毛片一区二区| 无码喷水一区二区浪潮AV| 精品国产一区二区三区av片| 国产一区二区三区在线电影| 精彩视频一区二区| 国产婷婷一区二区三区| 制服丝袜一区二区三区| 色狠狠AV一区二区三区| 一区国产传媒国产精品| 国产伦精品一区三区视频| 日韩精品一区二区三区中文字幕|