怎样才算好的HTML代码,好的优点在哪?
我的理解是让文本内容结构化,同时代码语义化.
优点在于1. 可访问性提升,利于无障碍阅读(辅助技术更好的阅读与转义)
2. 可检索性,提高搜索引擎的搜索与收录,从而带来流量的提升
3. 国际化,让更多的开发者,可以更快的了解你的网站
4. 方便后期的维护和开发
5. 样式丢失时,依然可以表达出层级关系
怎么写出好的HTML布局?
通常的布局,只有两种形式,纵行或横向,所以我们队网页的划分,应该是从下到下,从左到右.
HTMl中重要的标签介绍.
<form> 作用:表单标签,通过它可以向服务器提交数据post(同时也可以获取git).
注意:<form>中必须要有一个button或者input type="button"的按钮,两者都有则
button 失效,才能进行提交.
form中lable与input相关联,可以采用<lable>Key<input type=""></lable>.
<table> 作用:表格标签,通过它可以向用户展示数据.
注意:colgrou标签可以定义表格的样式,col属于子标签,可以获取一行的表格并进行 样式设置.
border-collapse: collapse 对表格内网格线进行合并.
<a> 作用:超链接标签.可以进行网页之间的跳转.
注意:a标签有中跳转4个属性,_blank跳转新页面 _self当前页面跳转
_parent上级页面跳转 _top最上级页面跳转
设置download 属性,可以跳转下载
a标签只会发出git请求,内容可以添加伪协议,让其不发生任何变化.
HTML中两个概念.
空元素:标签中不存在子节点或文本,没有闭合标签.
可替换元素:本身没有样式,内容会给其带来一定的样式,内容自带属性.
HTML5标签.
header 定位网站或文章的头部,可包括标题,搜索框.login.logo等...不限个数
nav 定义网站的导航栏
main 定义文章的主体内容
section 包含article,页面大的区块使用
article 定义文章中的一份可独立内容,section内嵌article时,
里外内容相关 例:微博与评论
aside 定义侧边栏,与主体内容不太相关 多用于侧边广告
footer 页脚
