html5笔记——html5基础

最新推荐文章于 2022-05-02 15:14:46 发布

safina ~

最新推荐文章于 2022-05-02 15:14:46 发布

阅读量341

点赞数 1

文章标签： html5

本文链接：https://blog.csdn.net/weixin_43730107/article/details/104895849

版权

作者：舒晴
上一篇：html5概述.
下一篇：html5标记.

静态网页
纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的
- 静态网页的特点
  - 每个网页都有固定的URL，且以.htm、.html、.shtml等形式为后缀，而不含有“？”
  - 网页内容一发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的
  - 静态网页的内容相对稳定，因此容易被搜索引擎检索
  - 静态网页没有数据库的支持，在网站制作和维护方面工作量较大
  - 静态网页的交互性较差，在功能方面有较大的限制
动态网页
无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。
- 静态网页的特点
  - 动态网页以数据库技术为基础，可以降低网站维护的工作量
  - 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录等
  - 动态网页并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页
  - 采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求，因为动态网页中的“？”对搜索引擎检索存在一定的问题
大部分网站都由静态网页和动态网页混合组成，两者各有千秋

<!DOCTYPE>标记

位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML或XHTML标准规范,只有在开头处使用<!DOCTYPE>声明，浏览器才能将该网页作为有效的HTML文档，并按指定的文档类型进行解析
- 用法：
  <!doctype html>
<html></html>

此元素可告知浏览器其自身是一个 HTML 文档。
<head></head>

定义HTML文档的头部信息，也称为头部标记，紧跟在html标记之后，主要用来封装其他位于文档头部的标记,用来描述文档的标题、作者以及和其他文档的关系等
<body></dody>

定义HTML文档所要显示的内容，也称为主体标记。body标记中的信息才是最终展示给用户看的

在HTML页面中，带有“< >”符号的元素被称为HTML标记，分为两大类：“单标记”与“双标记”

head标记内不显示在页面中

title标记（网页标题名称）
<title>网页标题名称</title>
meta标记（定义页面元标记，单标记）
<meta name="名称" content="值"/>
link标记（可引用外部文件，单标记）
<link rel="stylesheet" type="text/css" href="style.css"/>
link标记常用属性：
style标记（html文档样式信息）
<style 属性="属性值">样式内容</style>

标题标记
HTML提供了6个等级的标题，即h1、h2、h3、h4、h5和h6，从h1到h6重要性递减
<hn align="对齐方式">标题文本</hn>
align属性为可选属性，用于指定标题的对齐方式
段落标记
<p align="对齐方式">段落文本</p>
水平线标记
<hr 属性="属性值"/>
hr标记的常用属性：
换行标记
<br/>