在web开发中,html定义网页的内容

html-css026

在web开发中,html定义网页的内容,第1张

HTML - 超文本标记语言 (Hyper Text Markup Language)

HTML是建设网站/网页制作主要语言。

HTML是一种易于学习的标记语言。

HTML使用像 <p>尖括号内标记标签来定义网页的内容:

HTML 实例

<html>

<body>

<h2>My First Heading</h2>

<p>My first paragraph.</p>

</body>

</html>

点击 "尝试一下" 按钮查看实例。

HTML使用开始标记和结束标记来标记一个网页元素,:在上面的例子,<p>标签标志着一个段落开始,</p>标志着该段末尾。

通过使用简单的HTML标签,网页设计师可以为一个网页(HTML文档)添加标题,段落,文字,表格,图片,列表,编程代码等。

Web浏览器(IE浏览器,火狐,Chrome等)读取HTML文档,解释HTML标记,并显示正确用户可读的内容(不显示HTML标签):

根据HTML标准,HTML可用于定义网页的内容。

首先要理解此处的静态HTML,在WEB前端开发当中,所谓静态页面指的是没有数据的页面(即文本、图像均为前端写死),而动态页面指的是拥有数据的页面

你此处说的静态HTML,其实并不是指上面的静态动态,而是有没有JS,或者说HTML文件当中的DOM节点(各种标签)是由HTML书写完成的还是由JS动态生成的

如果是由JS动态生成的(也就是所谓的动态HTML),JS动态生成的所有DOM节点并不能够被搜索引擎爬虫抓取,不利于SEO搜索引擎优化,也就是说一个网站在搜索引擎(如百度)当中的自然排名就会受到影响

如果是由HTML书写完成的(也就是所谓的静态HTML),搜索引擎爬虫能够抓取到相应的标签以及文本信息,有利于该网页的SEO优化。

此外,动态数据的网页,对SEO并没有影响。

HTML5对于用户来说,提高了用户体验,加强了视觉感受。HTML5技术在移动 端,能够让应用程序回归到网页,并对网页的功能进行扩展,用户不需要下载客户端或插件就能够观看视频、玩游戏,操作更加简单,用户体验更好。HTML5的 视音频新技术解决了移动端苹果和安卓4.0+,对flash的支持问题。在视音频方面,性能表现比flash要更好。网页表现方面,HTML5中的 CSS3特效样式、Canvas、webgl的介入,不仅加强了网页的视觉效果,甚至能够使用户在网页当中看到三维立体特效。

对于开发者来说,HTML5技术跨平台,适配多终端。传统移动终端上的Native App,开发者的研发工作必须针对不同的操作系统进 行,成本相对较高。Native App对于用户还存在着管理成本、存储成本以及性能消耗成本。HTML/JavaScript/CSS语言所开发的应用只要一次开发就能进入所有浏览器进 行分发。即使是走传统的App Store应用商店渠道,只需要再将底层用HTML5开发的应用“封装”为App,从时间和资金成本上讲远小于 跨系统移植。