网站开发流程以及HTML5简介(七)

news/2024/5/19 10:01:52/文章来源:https://blog.csdn.net/weixin_34235371/article/details/92354629

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

第八大原因:Doctype

006zipb5zy76K3COFRy8c&690

没错,就是doctype,没有更多内容了。是不是非常简答?不需要拷贝粘贴一堆无法理解的代码,也没有多余的head标签。最大的好消息在于,除了简单,它能在每一个浏览器中正常工作即使是名声狼藉的IE6。

第七大原因:更清晰的代码

  如果你对于简答,优雅,容易阅读的代码有所偏好的话,HTML5绝对是一个为你量身定做的东西。HTML5允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。看看这个典型的简单拥有导航的heaer代码:<div id="header"> <h1>Header Text</h1> <div id="nav">  <ul>   <li><a href="#">Link</a></li>   <li><a href="#">Link</a></li>   <li><a href="#">Link</a></li>  </ul> </div></div>是不是很简单?但是使用HTML5后会使得代码更加简单并且富有含义:<header> <h1>Header Text</h1> <nav>  <ul>   <li><a href="#">Link</a></li>   <li><a href="#">Link</a></li>   <li><a href="#">Link</a></li>  </ul> </nav></header>

  使用HTML5你可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。 以前你需要大量的使用div来定义每一个页面内容区域,但是使用新的<section>,<article>,<header>,<footer>,<aside>和<nav>标签,需要你让你的代码更加清晰易于阅读。

 

转载于:https://my.oschina.net/u/2971691/blog/794948

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_712513.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于 Vue 的轻量级静态网站生成器 VuePress

Vue.js 的创始人尤雨溪大大在 twitter 上发布了一个全新的基于 Vue 的静态网站生成器-&#xff0c;这对于广大 Vue 爱好者来说无疑是一个好消息&#xff01; 什么是VuePress VuePress由两部分组成&#xff1a;一个基于Vue的轻量级静态网站生成器&#xff0c;以及为编写技术文…

网站功能小Demo——学习MD5加密的一点心得

生活在数字信息化时代&#xff0c;我们每天接触最多的就是网络&#xff0c;其中包括我们在各大形形色色的网站注册的账户。从而网络安全变得极其重要&#xff0c;毕竟涉及到自身的账户信息安全以及财产安全。那么网站在建设的过程中时如何做到保护信息安全的呢&#xff1f;下面…

百度网页搜索无法通过域名访问_网站换域名或网页内容改版对网站的影响以及网站换域名注意事项...

一个网站如果换域名等于是重头开始做一个网站&#xff0c;之前的收录和排名都是全部为零&#xff0c;风险是非常大的。因此有想过换域名的站长需要谨慎&#xff0c;那么换域名对网站带来什么影响呢&#xff0c;给大家简单讲述几点。网站换域名或网页内容改版对网站有什么影响&a…

大型网站架构演进(4)使用应用服务器集群

使用应用服务器集群是解决高并发的常用手段&#xff0c;当一台应用服务器的处理能力不足时&#xff0c;不要企图更换配置更高的服务器&#xff0c;对于大型网站而言&#xff0c;不管多么强大的服务器&#xff0c;都满足不了持续增长的业务需求&#xff0c;在这种情况下&#xf…

常用下载工具的网站

1、MSDN 网站https://msdn.itellyou.cn/&#xff0c; 2、盒子部落 https://www.hezibuluo.com/system/install 参考链接 &#xff1a; office 2016最新安装及KMS使用教程【亲测有效】&#xff01;&#xff01;&#xff01; &#xff1a;https://blog.csdn.net/qq_41785863/…

网站流量查询

1、http://www.alexa.cn/ 2&#xff09;TestinAPP测试&#xff1a;https://www.testin.cn/ 3&#xff09;APP Annie&#xff1a;https://www.appannie.com/cn/ 脑图工具 1&#xff09;百度脑图&#xff1a;http://naotu.baidu.com/ 2&#xff09;MindPin&#xff1a;http:/…

web网站服务(二)-1

博主QQ&#xff1a;819594300博客地址&#xff1a;http://zpf666.blog.51cto.com/有什么疑问的朋友可以联系博主&#xff0c;博主会帮你们解答&#xff0c;谢谢支持&#xff01;案例一&#xff1a;搭建基于域名的虚拟主机首先为两个网站搭建dns服务器&#xff0c;并新建区域&am…

博客大全被百度标注为风险网站

在前几天我们的博客大全网站(daohang.lusongsong.com)在百度云观测收到这样一条消息&#xff1a;网站存在恶意内容&#xff0c;被挂马。建议我们快点修复&#xff0c;以免影响搜索引擎排名。后面发现搜索引擎结果已经出现提示了&#xff0c;如图所示&#xff1a;我们立刻进入了…

Linux编程训练网站,OK6410汇编程序练习

尝试使用一下6410的汇编&#xff0c;发现跟当年的51差不多&#xff0c;一步一步的学习;*************************************************************************************************************;* 文件名: ok6410.s;* 功能: S3C6410 汇编;* 作者: cp1300139.com;*…

Android Studio开发实用网站收集

重点 1、Android Studio 调试技巧-断点调试 http://blog.csdn.net/qq_32452623/article/details/53769708 2、android studio 更利于开发设置的属性&#xff08;IDE设置&#xff09; http://blog.csdn.net/wangyongyao1989/article/details/71698719 3、移动开发命名开发参考 h…

Zabbix 监控网站的访问量

转载来源 &#xff1a;Zabbix 监控网站的访问量 &#xff1a; http://www.lwops.cn/thread-306-1-1.html 需求&#xff1a;监控网站pv和uv的总量和5分钟内的pv和uv的增量 1. PV、UV是什么&#xff1f; UV&#xff1a;独立访客&#xff0c;每个独立上网电脑视为一位访客&…

电脑重装系统后如何把网站设为首页

电脑重装系统后如何把网站设为首页呢&#xff0c;很多用户会给电脑浏览器设置一个网址首页&#xff0c;这样每次访问就方便很多&#xff0c;那么这个要如何设置呢&#xff1f;这里就和大家分享一下电脑重装系统后如何把网站设为首页吧。 1、首先打开电脑上的浏览器&#xff0c;…

在线扫描网站/网址开放的端口

1、在线端口检测 http://coolaf.com/tool/port 2、json在线 https://www.sojson.com/zz/portscan.html 3、站长在线工具大全 http://www.all-tool.cn/Tools/portblast/?&rand=b85312d6662887fe8974f9c83e70bb4f

asp.net core2.0中网站发布的时候,怎么样才配置才可以使视图文件不被打包进去?...

默认设置可真是坑~~ https://q.cnblogs.com/q/99680/ 转载于:https://www.cnblogs.com/xinzhyu/p/9004302.html

一键屏蔽恶意网站

数据来自恶意网站实验室 http://pan.baidu.com/s/1i5ru1UH 本文转自haiyang45751CTO博客&#xff0c;原文链接&#xff1a;http://blog.51cto.com/haiyang457/1833781 &#xff0c;如需转载请自行联系原作者

免费网站高级Waf防火墙:VeryNginx,防御网站被攻击

转载来源 &#xff1a;免费网站高级Waf防火墙&#xff1a;VeryNginx&#xff0c;防御网站被攻击 &#xff1a; http://www.safebase.cn/article-260173-1.html 摘要: 图/文&#xff1a;迷神VeryNginx 是一个基于openrestry&#xff08;其实是基于nginx的lua扩展&#xff09;的开…

Nginx只允许域名访问网站,禁止使用IP 访问80,443端口

转载来源 &#xff1a;Nginx只允许域名访问网站&#xff0c;禁止使用IP 访问80&#xff0c;443端口 &#xff1a;http://www.safebase.cn/article-260225-1.html 摘要: 一、背景 为了避免别人把未备案的域名解析到自己的服务器ip而导致服务器被断网&#xff0c;需要在nginx上设…

Https网址在线安全检测网站

国外 https://www.ssllabs.com/ssltest/index.html 国内 https://myssl.com https://bsi.baidu.com/topic/https.html https://www.upyun.com/https http://s.tool.chinaz.com/https https://www.chinassl.net/ssltools/ssl-lock-checker.html 参考链接&#xff1a; Htt…

网站301跳转

源码&#xff1a; protected void Application_BeginRequest(object sender, EventArgs e){HttpApplication application sender as HttpApplication;HttpContext context application.Context;HttpRequest request context.Request;HttpResponse response context.Respons…

k8s集群部署上线web静态网站

环境准备 一台部署节点&#xff0c;一台master节点&#xff0c;还有两台节点node1&#xff0c;node2 完好的k8s集群环境 部署节点操作&#xff1a; 1&#xff09;编排httpd.yml文件 容器端口为80&#xff0c;副本数为3. 这里因为我是上线的apache服务&#xff0c;所以使用…