好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

《CSS设计指南》笔记HTML标记与文档结构_html/css_WEB-ITnose

通过阅读和学习书籍《CSS设计指南》总结
《CSS设计指南》/Charles lvyke-Smith著.李松峰译—人民邮电出版社
本书网站:http://www.stylinwithcss.com
强烈推荐 !! 深入浅出,精简,适合入门 !!

HTML标记与文档结构

1.1 HTML标记基础

1.1.1 文本用闭合标签

  闭合标签的基本格式如下:

 文本内容  文本内容  
1.1.2 引用内容用自闭合标签

  自闭合标签的基本格式如下:

  

  非文本内容是通过自闭合标签显示的。闭合标签与自闭合标签的区别在于,闭合标签包含的是会显示的实际内容,而自闭合标签只是给浏览器提供一个对要显示的内容的引用。浏览器会在HTML页面加载的时候,额外向服务器发送请求,以取得自闭合标签引用的内容。

1.1.3 属性

  属性负责为浏览器提供有关标签的额外信息。每个HTML标签都可以添加属性。如:

  

  注:视障用户使用的屏幕阅读器会大声读出alt5属性的内容,因此一定要给 标签的这个alt属性添加让人一听(或一看)就能明白的内容。

   补充重点: 块级(block)标签和行内(inline)标签。

   块级标签

- :6级标签,

表示很重要

:段落标签 :有序列表 :列表项 :独立引用

   行内标签 :

:链接(anchor,锚) :图片 :斜体 :重要:简要 :引证 :文本内引用 
1.1.4 段落与标签

  

不仅是最大最突出的标题,搜索引擎也会将其视为仅次于 标签的另一个搜索关键词的来源。
  段落用于标记主要的文本内容,是所有文本元素中出场率最高的一个。简言之,只有不适合放在其他文本标签中的文本,都可以把它放一个段落里面。

1.1.5 复合元素

  所谓复合元素,即它们是由多个标签共同构成的。如用于创建列表,表格,和表单等复杂用户界面组件的标记。

1.1.6 嵌套标签

  要在一个标签里嵌套另一个标签,必须要先关闭后一个标签在关闭前面那个标签。HTML文档的结构正是通过类似这样的嵌套标签,以及就此建立起来标签间的“父-子”关系形成的。

1.2 HTML文档剖析

      An HTML Template       

Stylin' with CSS

Great Web pages start with great HTML markup!

-->

A code example from Stylin’ with CSS, Third Edition by Charles Wyke-Smith. Visit stylinwithcss.com for more CSS information and updates.

查看更多关于《CSS设计指南》笔记HTML标记与文档结构_html/css_WEB-ITnose的详细内容...

  阅读:29次