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

news/2024/5/10 7:13:31/文章来源:https://blog.csdn.net/weixin_34004576/article/details/92355138

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

HTML文档的基本结构

006zipb5zy7730WI5bx5f&690

图1.3基本结构

 

该HTML文档描述了一个空白页,这些基础成分确定了HTML文档的轮廓以及浏览器的初始环境。

DOCTYPE元素

DOCTYPE元素可以省略,大多数浏览器仍能正确显示文档内容,不过依赖浏览器的这种表现不是好习惯。该元素告诉浏览器两件事情:
1)它处理的是HTML文档;
2)用来标记文档内容的HTML所属的版本,上面的写法就表明所用的是HTML5。

html元素

html元素是根元素,它表明文档中HTML部分的开始。lang属性指定页面内容的默认语言,例如:en表示英语,es表示西班牙语,等。

title 元素

浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。

 

head元素

head元素包含文档的元数据,向浏览器提供有关文档内容和标记的信息,还可以包含脚本和对外部资源(比如CSS样式表)的引用。

body元素

文档body部分包含访问者可以看到的内容。

 

在有了这个基本的结构后,我们后面就可以将HTML的其它元素逐步添加进去,不断的丰富文档,最终得到我们希望的页面。

 

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

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

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

相关文章

10分钟建立一个wordpress网站

2019独角兽企业重金招聘Python工程师标准>>> WordPress 是一款常用的搭建个人博客网站的软件。使用阿里云的云服务器 ECS,您可以方便地搭建 WordPress,发布个人博客。 此外,将来随着业务的扩展,您可以利用阿里云强大的…

网站的海量数据和高并发

1.应用和静态资源分离 刚开始的时候应用和静态资源是保存在一起的,当并发量达到一定程度的时候就需要将静态资源保存到专门的服务器中,静态资源主要包括图片、视频、js、css和一些资源文件等,这些文件因为没有状态所以分离比较简单&#xff0…

快站模板 连接mysql_建站实操:如何用CMS快速建站

设置完数据库后。回到浏览器打开刚才的页面,点击“创建配置文件”。WordPress是基于PHP的blog程序。说它是blog,有点委屈它了。因为WordPress完全可以作为一个功能强大的cms。而且具有很高的安全性和免维护性。其他开发者和爱好者不断为WordPress加入各种…

学习 JSON.parseObject 和 JSON.toJSONString 一篇文章就够了

JSON.parseObject 是将Json字符串转化为相应的对象&#xff1b; JSON.toJSONString 是将对象转化为Json字符串 两者主要用于前后台的数据传输过程中 使用前需要先导入该包&#xff1a; <dependency><groupId>com.alibaba</groupId><artifactId>fas…

大型网站架构 图片服务器分离

1 介绍 现在很多的网站上都会用到大量的图片&#xff0c;而图片是网页传输中占主要的数据量,也是影响网站性能的主要因素。因此很多网站都会将图片存储从网站中分离出来&#xff0c;另外架构一个或多个服务器来存储图片&#xff0c;将图片放到一个虚拟目录中&#xff0c;而网…

用phpcms如何将静态页面制作成企业网站(下)

上篇讲到了子页部分 这样的 有分页选择 列表项的代码部分 最后输出变量pages就可以了 看一下运行的效果 点击下一页 再来改一下子页显示的样式 点击人才将会出来的一个子页面 路径要统一 再来更改后台管理的设置 运行后点击人才 再来看如何更改内容页 点开&#xff0c;里面的内…

社交媒体营销技巧:人工智能和机器学习将如何影响SEO的内容?

文章来源&#xff1a;ATYUN AI平台 人工智能的发展对人类活动的各个方面和方面都产生了显著的影响。在过去的几年中&#xff0c;人工智能的影响比以往任何时候都强烈。 SEO在市场营销中的作用不可小觑。SEO在过去的几年里有了很大的发展。它从非常简单的操作开始&#xff0c…

手机网站和PC网站兼容的响应式网页设计

今天跟大家介绍的这个网站叫 媒体查询 官网域名&#xff1a;http://mediaqueri.es/ 该酷站收集了很多响应式设计的案例。全部都是收集的一些励志精美而时尚的网站&#xff0c;使用媒体查询和响应的网页设计。 媒体查询是什么&#xff1f; 媒体查询 是一个W3C候选推荐标准的广泛…

警告!您的鼠标已被网站追踪

全文共2210字&#xff0c;预计学习时长7分钟来源&#xff1a;Pexels在大数据时代&#xff0c;隐私泄露一直最让人头疼的问题之一。信息泄露无处不在&#xff0c;近期有研究表明&#xff0c;点击鼠标也暴露你的隐私。当您访问任何网站时&#xff0c;网站所有者将知道您单击的位置…

德国新法:社交媒体网站若未处理好仇恨言论将面临巨额罚款

据外媒报道&#xff0c;近日&#xff0c;德国内阁通过了一项针对像Twitter、Facebook等这样的社交网站的法律草案。如果社交网站让仇恨言论或假新闻公布在网上那么可能要面临最高达5000万欧元&#xff08;折合人民币约为3.7亿元&#xff09;的处罚。这一法律规定&#xff0c;社…

Java程序员常用网站

授之以鱼&#xff0c;不如授之以渔。所以在这里给大家分享一下一个Java程序员常用并且好用的网站&#xff1a; Sonatype&#xff1a; 在这里可以根据artifactId、groupId等信息模糊检索出你所需要的依赖的各个版本&#xff0c;依赖很全&#xff0c;可以直接复制maven、gradle等…

被迫宅家无法学习?这些网站为你点亮技能树

全文共2581字&#xff0c;预计学习时长9分钟 图源&#xff1a;unsplash 新冠疫情的影响还在继续着&#xff0c;仍然有许多人隔离在家无法返工复学。当然必须承认&#xff0c;如今能安稳待在家里的人是非常幸运的。 人类终将会度过这次危机&#xff0c;这场战疫将会是历史书上浓…

ASP.NET Core 2.0 使用支付宝PC网站支付

前言 最近在使用ASP.NET Core来进行开发&#xff0c;刚好有个接入支付宝支付的需求&#xff0c;百度了一下没找到相关的资料&#xff0c;看了官方的SDK以及Demo都还是.NET Framework的&#xff0c;所以就先根据官方SDK的源码&#xff0c;用.NET Standard 2.0 实现了支付宝服务端…

挑战者联盟:这20个编码挑战和竞赛网站请收好!

全文共4567字&#xff0c;预计学习时长16分钟图源&#xff1a;unsplash我们通常以10年为期划分一代人&#xff0c;2020年是特别的一年&#xff0c;代表着一个十年的结束&#xff0c;另一个十年的开始。在过去的十年里&#xff0c;人类社会繁荣发展&#xff0c;科学技术取得了巨…

网站提速-页面静态化(2)

第一篇、页面静态化 页面静态化概念 我们大多数情况下是直接访问php文件,php脚本在服务器端执行并 返回信息,对于一些大型的网站,访问量很大,频繁的动态操作和操作 数据库会加重服务器的负担.在实际开发中&#xff0c;通常使用缓存技术()或者页面静态化来解决 页面静态化分为: …

域名欺诈之辩:美国最高法院最近的规定会否改变网站运营的方式?

全文共3391字&#xff0c;预计学习时长9分钟 图源&#xff1a;kinsta 如果一个品牌可以独占描述其商品特性的统称词汇&#xff0c;例如苹果公司可以把“电脑”作为商标&#xff0c;并起诉使用这一词汇的竞争商&#xff0c;这似乎不太对劲儿&#xff0c;对吗&#xff1f;这不公…

互联网面向所有人:使你的网站更易访问的6条tips

全文共3099字&#xff0c;预计学习时长8分钟图源&#xff1a;unsplash《美国残疾人法案》&#xff08;ADA&#xff09;的周年纪念日刚过去不久&#xff0c;本次纪念日将无障碍主题带入了讨论的最前沿&#xff0c;尤其是在科技相关的话题方面。似乎很多开发人员都将Web可访问性标…

网站防篡改脚本

这是我生产中所用的防篡改脚本需要的拿走点赞. 扫描定义的数组目录的所有文件的MD5值&#xff0c;然后在用下面个脚本对比 1.2.2.4 扫描deploy目录的md5值脚本 [rootlocalhost scripts]# cat md5sum_check.sh #!/bin/sh path( /deploy/factory/tomcat/webapps /deploy/passport…

java 网站用户在线和客服聊天

注&#xff1a;本文来源于《java 网站用户在线和客服聊天》这是应用到项目中的一个例子。 实现原理是将信息存储到Application域里面。然后使用Struts2 Action 用json格式的数据进行前后台交互。 截图&#xff1a; 前台用户界面&#xff1a; 后台客服界面&#xff1a; 编辑框采…

熊掌号PHP,个人网站接入百度熊掌号方法,手把手教你如何配置!

前两天开通熊掌号&#xff0c;昨天通过了。就想着赶快接入网站&#xff0c;听说对网站有加成&#xff0c;可以提高收录和排名&#xff0c;新站不容易啊&#xff0c;写了文章都没人看&#xff0c;哭!刚刚网上找教程&#xff0c;根据蝈蝈要安静博客的代码&#xff0c;成功接入熊掌…