HTML,HTML5知识补充

怎样才算好的HTML代码,好的优点在哪?

我的理解是让文本内容结构化,同时代码语义化.

优点在于1. 可访问性提升,利于无障碍阅读(辅助技术更好的阅读与转义)

2.  可检索性,提高搜索引擎的搜索与收录,从而带来流量的提升

3.  国际化,让更多的开发者,可以更快的了解你的网站

4. 方便后期的维护和开发

5. 样式丢失时,依然可以表达出层级关系

怎么写出好的HTML布局?

通常的布局,只有两种形式,纵行或横向,所以我们队网页的划分,应该是从下到下,从左到右.

HTMl中重要的标签介绍.

   作用:表单标签,通过它可以向服务器提交数据post(同时也可以获取git).

               注意:中必须要有一个button或者input type="button"的按钮,两者都有则

                        button 失效,才能进行提交.

                        form中lable与input相关联,可以采用Key.

  作用:表格标签,通过它可以向用户展示数据.

              注意:colgrou标签可以定义表格的样式,col属于子标签,可以获取一行的表格并进行                            样式设置.

                      border-collapse: collapse  对表格内网格线进行合并.

        作用:超链接标签.可以进行网页之间的跳转.

               注意:a标签有中跳转4个属性,_blank跳转新页面  _self当前页面跳转

                        _parent上级页面跳转 _top最上级页面跳转

                        设置download 属性,可以跳转下载

                         a标签只会发出git请求,内容可以添加伪协议,让其不发生任何变化.


HTML中两个概念.

空元素:标签中不存在子节点或文本,没有闭合标签.

可替换元素:本身没有样式,内容会给其带来一定的样式,内容自带属性.


HTML5标签.


header 定位网站或文章的头部,可包括标题,搜索框.login.logo等...不限个数

nav      定义网站的导航栏

main    定义文章的主体内容

section 包含article,页面大的区块使用

article   定义文章中的一份可独立内容,section内嵌article时,

            里外内容相关 例:微博与评论

aside    定义侧边栏,与主体内容不太相关  多用于侧边广告

footer  页脚

你可能感兴趣的:(HTML,HTML5知识补充)