Error:(27) No resource identifier found for attribute 'srcCompat' in package 'com.example.jaisonjoseph.newsclient'
<p><a href="https://i.stack.imgur.com/gbZdx.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/gbZdx.jpg" alt="enter image description here"></a>
 I added an <code>ImageButton</code> to my <code>CardView</code>, and when I add <code>app:srcComapat</code> to my <code>ImageButton</code>.  I'm getting an error like below:</p>

<blockquote>
  <p>Error:(27) No resource identifier found for attribute 'srcCompat' in
  package 'com.example.jaisonjoseph.newsclient'</p>
</blockquote>

<p>here is my <strong>content_main.xml</strong> layout:</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.example.jaisonjoseph.newsclient.MainActivity"
    tools:showIn="@layout/app_bar_main"
    style="@style/Base.Widget.AppCompat.ButtonBar"
    android:background="#ffffff"&gt;

    &lt;android.support.v7.widget.CardView
        android:id="@+id/card_view"
        android:layout_width="350dp"
        android:layout_height="150dp"
        app:cardCornerRadius="6dp"
        android:background="#f6f6f6"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"&gt;

        &lt;ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/daily"
            android:id="@+id/imageButton3"
            android:src="@drawable/daily" /&gt;
    &lt;/android.support.v7.widget.CardView&gt;
&lt;/RelativeLayout&gt;
</code></pre>