博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5学习笔记(html5的基本构成)
阅读量:5062 次
发布时间:2019-06-12

本文共 1538 字,大约阅读时间需要 5 分钟。

编写一个html5页面的基本构成:

1.DOCTYPE声明

  • DOCTYPE声明必不可少,必须写在文档的第一行。
  • 如果不写声明文档的解析类型(document.compatMode)
  • document.compatMode:
  • BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
  • CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
  • 浏览器就会按照自己的默认的怪异模式编译。

引用:

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。

<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
在 HTML 4.01 中,<!DOCTYPE> 声明需引用 DTD (文档类型声明),因为 HTML 4.01 是基于 SGML
(Standard Generalized Markup Language 标准通用标记语言)。DTD 指定了标记语言的规则,确保了浏览器能够正确的渲染内容。
HTML5 不是基于 SGML,因此不要求引用 DTD。
提示:总是给您的 HTML 文档添加 <!DOCTYPE> 声明,确保浏览器能够预先知道文档类型。
W3C 在制定 HTML5 标准时,希望摆脱 SGML 的一些无用的功能和声明,并延续 HTML4 的风格,而非严格的 XHTML 的风格。

在 HTML 4.01 中,<!DOCTYPE> 声明需引用 DTD (文档类型声明),下图为DTD解析

而 HTML5 中仅规定了一种:<!DOCTYPE html>

由于有些HTML生成器无法输出简短形式的DOCTYPE,即"<!DOCTYPE html>"标准允许在DOCTYPE中

(上文所述的位置)插入一个历史遗留的DOCTYPE字符串。
例如:<!DOCTYPE html SYSTEM "about:legacy-compat">

 

2.命名空间

在XML语言中允许用户自定义标签,这样就可能存在所定义的标签与别人定义的标签名称发生冲突的情况。

为此需要为各自的文档指定其语义的限制空间,于是xmlns属性就派上用场了。如:
<document xmlns="http://www.html5.cn/zhangsan">
<name>姓名</name>
<author>作者</author>
<content>目录</content>
</document>
<document xmlns="http://www.html5.cn/lisi">
<name>姓名</name>
<author>作者</author>
<content>目录</content>
</document>

不过一般很少遇到这样的情况,所以了解一下就好。

 3.指定字符编码

  • <meta> 元素可提供有关某个 HTML 元素的元信息 (meta-information),比如描述、针对搜索引擎的关键词以及刷新频率。

来自()

总共有4种 :据说scheme已经没有用了,而content是跟随httpEquiv和name来使用的,所以其实属性就2种httpEquiv和name,

下面来介绍下这2种:

1)httpEquiv ()

注意:如果 name 属性已设置, http-equiv 属性就无需设置。

一些常用的 HTTP-header 值:

2)name()

4.下面是一些不常用的情况(仅供参考)

总结:反正一大堆历史遗留问题,现在的html5 只要如下即可:

 

转载于:https://www.cnblogs.com/smileToMe/p/7565523.html

你可能感兴趣的文章
时间仍在,是我们在飞逝
查看>>
[转]数据挖掘中所需的概率论与数理统计知识、上
查看>>
centos一键安装lnmp成功后无法访问ip(解决办法)
查看>>
在JS中使用全局变量
查看>>
Django学习-4-request获取数据
查看>>
python----redis
查看>>
证明:37的500次方减去37的100次方的结果是10的倍数!
查看>>
android 自定义流布局实现
查看>>
rzsz的安装
查看>>
批处理常见疑问
查看>>
枚举数与可枚举类型(笔记)
查看>>
marquee标签使用【转载】
查看>>
3.1 查找文本
查看>>
详细的SQL中datediff用法
查看>>
打造属于你的聊天室(WebSocket)
查看>>
Spring Boot 整合 Shiro-登录认证和权限管理
查看>>
P2668 斗地主
查看>>
Sharepoint学习笔记--资料收集--Sharepoint的内建字段
查看>>
.Net 配置的简陋解决方案
查看>>
Python中的单例模式实现
查看>>