html基础

标签：图片   数据   易用   size   16px   理解   org   nav   文章   

HTML知识点

要点：对各标签的属性和属性值准确的应用和掌握。

定义：

（1）语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲，语义化就是对数据和信息进行处理,使得机器可以理解。语义化的(X)HTML文档有助于提升你的网站对访客的易用性，比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件来说，则有助于它们建立索引，并可能给予一个较高的权值。 事实上SEO（搜索引擎优先化）最有效的一种办法，就是对网页的HTML结构进行重构，实质上就是语义化。

（2）html全名Hyper TextMarkup Language 。

1、H5部分标签

（1）figure元素：figure是个组合元素，可以带标签img和figcaption，一个figure只允许放置一个figcaption，figcaption主要用于描述图片信息。 

<figure>
        <img src="logo.png" alt="图片">
        <figcaption>标志</figcaption>
</figure>

（2）列表标签：

　　有序列表ol：使用标签ol，li 属性：A（大写字母） a （小写字母）l （大写罗马数字）i （小写罗马数字）start （设置开始阿拉伯数字）。

　　无序列表ul：使用标签 ul，li 属性：disc（默认实心圆） circle （空心圆）square （方块）。

　　自定义列表：自定义列表 ： 使用标签 dl dt dd。

（3）radio 双选框     checkbox 复选框   select下拉列表：option是列表项

（5）引用标签：

　　cite：标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。

　　q：表示小句子引用。

　　blockquote：表示大段引用。

（7）预格式文本<pre>：/pre>所见即所得，不需要额外添加<br />、&nbsp;

（6）input标签：input输入框 text 代表普通文本框 password代表密码框 reset重置框 button按钮框 submit 提交框。

　　新表单控件（input元素种类）：　　

　　search：与text文本框类似，用于搜索；

　　tel： 与text文本框类似，用于电话；

　　url： 与text文本框类似，用于url格式的地址；

　　email： 与text文本框类似，用于email格式的地址；

　　number： 与text文本框类似，用于数值；

　　range： 只允许输入一段范围内的数值，通过min和max属性来设置范围；滑块的形式。

　　color： 颜色文本框，“#000000”格式的文字；

　　file： 文件选择文本框，HTML5中通过multiple属性可以多选；

　　datetime、date、month、week、time、datetime-local 各种日期与时间输入的文本框；

　　output： 定义不同类型的输出；

（7）加粗：<b></b><strong>有强调作用</strong>文字以粗体方式显示(XHTML推荐使用strong)

　　倾斜：<i></i><em>有强调作用</em>文字以斜体方式显示（XHTNL推荐使用em）

（8）<abbr>标签：用来表示一个缩写词或者首字母缩略词，通过title属性对缩写词语进行标记，您就能够为浏览器、翻译系统以及搜索引擎分度器提供有用的信息。

　　实例：The<abbr title="World Health Organization">WHO</abbr> was founded in 1948。（鼠标放在WHO上可以显示title里面World Health Organization的信息。）

H5新标签 

（9）header 页面头部、页眉：header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但是也可以包含其他内容。

（10）nav 页面导航：nav元素是一个可以用作页面导航的连接组，其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的连接组都要被放进nav元素，只需要将主要的、基本的连接组放进nav元素即可。

　　注：html5中不能使用menu元素来代替nav元素

（11）atricle 一篇文章的标题

（12）section 文章中的章节：section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素。

（13）aside 侧边栏：aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有区别主要内容的部分。

（14）footer 页面底部、页脚：footer元素可以作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息，如作者、相关阅读链接及版权信息等。

（15）address地址：用来在文档中呈现联系信息，包括文档作者或文档维护者的名字、他们的网站链接、电子邮箱、真实地址、电话号码等、address不只用来呈现电子邮箱或真实地址，还用来展示跟文档相关的联系人的所有联系信息

html基础

标签：图片   数据   易用   size   16px   理解   org   nav   文章   

原文地址：http://www.cnblogs.com/wgl0126/p/7440681.html