HTML5 权威指南(初探HTML)

主要内容:


1.文档声明

2.元素类型

3.html实体

4.html5全局属性


1.1 文档声明    <!DOCTYPE HTML>

DOCTYPE声明不是html标签,必须放在html文档的第一行,而且绝不能在它之前添加xml声明语句,否则在IE6会触发怪异模式。在HTML 4.0中,DOCTYPE引用了DTD,因为HTML 4.0基于SGML。DTD规定了标记语言的规则,这样浏览器才能正确的呈现内容。HTML5不是基于SGML,所以不需要引用DTD。

HTML4支持三种DOCTYPE声明,而HTML5只支持一种

问题:1.  DOCTYPE 它后面问什么紧跟着 HTML 元素的开始标签?

它是告诉浏览器:一直到</html>结束标签,所有元素内容都应该作为HTML处理。

详细介绍...

2.1 元素类型

HTML元素分为三大类:

块状元素:

网页框架基本结构块:html、body、frameset、frame、noframe、iframe

表单结构块:form、filedset、legend

布局结构块:div

段落结构块:p

标题结构块:h1-h6

列表结构块:ol、ul、dl、dt、dd、menu、dir

居中结构块:center

预定义结构块:pre

引用结构块:blockquote

结构装饰线:hr

网页标题框:title

行内元素:

行内包含框:span

超链接和映射包含框:a、area

图像包含框:img

格式化信息包含框:abbr、b、bdo、cite、code、del、dfn、em、font、i、ins、kbd、q、s、samp、small、strike、strong、sub、sup、tt、u、var

表单对象包含框:button、select、textarea、label

可执行的插件或对象包含框:applet、object

表格标题包含框:caption

无脚本包含框:noscript

其他元素:

头部区域隐藏元素:

头部包含框:head

默认基础字体属性:basefont

链接:link

元信息:meta

脚本:script

样式:style

url基础:base

行内块状元素:

输入框:input

下拉选框:option

下拉框的分组:optgroup

列表项元素:

列表项:li

结构内隐藏元素:

图像映射包含框:map

参数:param

换行:br

表格系列类型元素:

表格框显示:table

表格行显示:tr

单元格显示:td

表格标题显示:th

表格行组显示:tbody

表格脚注组显示:tfoot

表格标题组显示:thead

3.1 html实体

在 HTML 中,某些字符是预留的。

在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。

字符实体类似这样:&entity_name;或者&#entity_number;

如需显示小于号,我们必须这样写:< 或 <

提示:使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。

详细介绍...

4.1 html5全局属性

accessskey 规定访问元素的键盘快捷键

class 规定元素的类名(用于规定样式表中的类)。

contenteditable 规定是否允许用户编辑内容。

contextmenu 规定元素的上下文菜单。

dir 规定元素中内容的文本方向。

draggable 规定是否允许用户拖动元素。

dropzone 规定当被拖动的项目/数据被拖放到元素中时会发生什么。

hidden 规定该元素是无关的。被隐藏的元素不会显示。

ID 规定元素的唯一 ID。

lang 规定元素中内容的语言代码。

spellcheck 规定是否必须对元素进行拼写或语法检查。

style 规定元素的行内样式。

tabindex 规定元素的 tab 键控制次序。

title 规定有关元素的额外信息。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,440评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,814评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,427评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,710评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,625评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,014评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,511评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,162评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,311评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,262评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,278评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,989评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,583评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,664评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,904评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,274评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,856评论 2 339

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,721评论 1 92
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,025评论 0 16
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,132评论 0 1
  • 今天一天挺忙乱的,整个过程其实也没有干多少实质的事,反倒时间用掉了,效率不高,昨天做课前电话的过程中感受到,其实打...
    Hi_张阅读 184评论 0 0
  • 发布私有CocoaPod Spec 创建private pod主要步骤 创建私有Spec Repo 1、创建git...
    little_ma阅读 2,000评论 0 1