摘要:
(1)删除多余的容器 代码中<div>元素实现的是让图片独占一行的效果,可以通过设置图片的display样式为block来代替。代码精简为: (2)装饰性的元素使用CSS样式实现 不严谨的HTML代码可能是这样的: 因为效果图中的向下箭头不属于内容的一部分,所以应该通过设置CSS样式实现,代码类似如 阅读全文
摘要:
网站中的用户登录、注册、用户调查等都是通过页面中的表单提交到网站服务器的。假设要实现让用户设置个人信息的一个表单。 该表格为两栏布局,第一栏中的文本左对齐,第二栏的表单控件右对齐,构成了最容易实现的表单布局设计。<label>用于为输入控件定义文本标签(label)——即显示在输入控件旁边的说明性文 阅读全文
摘要:
标题标签指的是<h1>~<h6>这6个标签,统称为<hx>标签。 (1)在页面内容的标题部分使用<hx>标签 (2)页面中只使用一个<h1>标签 为了保证页面<hx>标签的合理设置,使用一个<h1>标签作为页面标题,页面各模块的标题从<h2>开始设置。 (3)<hx>标签使用过程中不要跳级 在某些情 阅读全文
摘要:
实现如下所示工具栏: 做到标签语义化,首先要尽量减少使用<div>和<span>这两个标签。 分析:这是一个包含5个无序操作项的工具栏,因此应该使用符合语义的<ul>标签。如下: 但总共就5个操作项,而此方案使用了7个li标签,单纯从语义上看,两个分隔符和其他5个操作项具有同等重要的地位,故去掉两个 阅读全文
摘要:
<meta>标签放置在HTML页面的head中,主要用于标示网站。其中主要包含网站的一些描述信息,如简介,作者等。这些信息有助于搜索引擎更准确地识别网页的内容,也有助于第三方工具抓取网站基本信息。 <meta>元素有4个属性: name:页面文档的元信息 HTTP-equiv:设置HTTP请求指令 阅读全文