html基础

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不只用来呈现电子邮箱或真实地址,还用来展示跟文档相关的联系人的所有联系信息

 

posted @ 2017-08-27 16:25  小伍w  阅读(122)  评论(0编辑  收藏  举报