【建站服务】湖北省天门网站建设_网页定制制作与开发多少钱_做到满意为止-域名申请
作者: 风兰 . 阅读量: 4 . 发表时间:2022-09-21 00:39:24
上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
湖北省天门网站建设_网页定制制作与开发多少钱_做到满意为止

修改编码信息,从 HTML4:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
改为 HTML5:
<meta charset="utf-8">
所有现代浏览器都支持 HTML5 语义元素。
此外,您可以“教授”老式浏览器如何处理“未知元素”。
为 Internet Explorer 支持而添加的 shiv:
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
注释:请在 HTML5 浏览器支持中阅读更多有关 shiv 的知识。
请看已有的 CSS 样式:
div#header,div#footer,div#content,div#post {
border:1px solid grey;margin:5px;margin-bottom:15px;padding:8px;background-color:white;
}
div#header,div#footer {
color:white;background-color:#444;margin-bottom:5px;
}
div#content {
background-color:#ddd;
}
div#menu ul {
margin:0;padding:0;
}
div#menu ul li {
display:inline; margin:5px;
}
Duplicate with equal CSS styles for HTML5 semantic elements:
header,footer,section,article {
border:1px solid grey;margin:5px;margin-bottom:15px;padding:8px;background-color:white;
}
header,footer {
color:white;background-color:#444;margin-bottom:5px;
}
section {
background-color:#ddd;
}
nav ul {
margin:0;padding:0;
}
nav ul li {
display:inline; margin:5px;
}把 id="header" 和 id="footer" 的 <div> 元素:
<div id="header"> <h1>Monday Times</h1></div>. . .<div id="footer"> <p>© 2014 W3Schools. All rights reserved.</p></div>
修改为 HTML5 语义元素 <header> 和 <footer>:
<header> <h1>Monday Times</h1></header>. . .<footer> <p>© 2014 W3Schools. All rights reserved.</p></footer>
把 id="menu" 的 <div> 元素:
<div id="menu"> <ul> <li>News</li> <li>Sports</a></li> <li>Weather</li> </ul></div>
修改为 HTML5 语义元素 <nav>:
<nav> <ul> <li>News</li> <li>Sports</a></li> <li>Weather</li> </ul></nav>
把 id="content" 的 the <div> 元素:
<div id="content">. . .</div>
修改为 HTML5 语义元素 <section>:
<section>. . .</section>
把 class="post" 的所有 <div> 元素:
<div class="post"> <h2>News Article</h2> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p></div>
修改为 HTML5 语义元素 <article>:
<article> <h2>News Article</h2> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p></article>
删除这些“不再需要的”样式:
div#header,div#footer,div#content,div#post {
border:1px solid grey;margin:5px;margin-bottom:15px;padding:8px;background-color:white;
}
div#header,div#footer {
color:white;background-color:#444;margin-bottom:5px;
}
div#content {
background-color:#ddd;
}
div#menu ul {
margin:0;padding:0;
}
div#menu ul li {
display:inline; margin:5px;
}最后您可以删除 <head> 标签。HTML5 中不再需要它们:
<!DOCTYPE html><html lang="en"><title>HTML5</title><meta charset="utf-8"><!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]--><style>body {
font-family:Verdana,sans-serif;font-size:0.8em;}header,footer,section,article {
border:1px solid grey;
margin:5px;margin-bottom:15px;padding:8px;
background-color:white;}header,footer {
color:white;background-color:#444;margin-bottom:5px;}section {
background-color:#ddd;}nav ul {
margin:0;padding:0;}nav ul li {
display:inline; margin:5px;}</style><body><header>
<h1>Monday Times</h1></header><nav>
<ul>
<li>News</li>
<li>Sports</li>
<li>Weather</li>
</ul></nav><section><h2>News Section</h2><div id="post">
<h2>News Article</h2>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum
lurum hurum turum.</p>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum
lurum hurum turum.</p>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum
lurum hurum turum.</p></div><div id="post"><h2>News Article</h2>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum
lurum hurum turum.</p>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum
lurum hurum turum.</p>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum
lurum hurum turum.</p></div></section><footer>
<p>© 2014 Monday Times. All rights reserved.</p></footer></body></html>
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)
关键词:网站建设,企业网站,网站制作,网页设计,高端网站建设,企业网站制作,网页制作,制作网站,网站设计,高端网页设计,高端网站设计,做网站,自适应网站


