How to display article metadata in a custom div?
"Read-only" usually means a file or an item that cannot be changed/edited, you can only view it. I'm guessing what you actually mean is "current, the one being viewed right now". 

You have to add a contextual filter to your Views that would filter the results to only the node you're currently viewing. 

Here are the steps to configure Views to show only the current node's results: 


Expand the Advanced area in your Views 
Under Contextual filters click on Add
Add the ID filter from the Content Category and configure it: 
When the filter value is NOT available
Provide default value
Content ID from URL
When the filter value IS available or a default is provided
Specify validation criteria
Content
Article
Hide View if the argument doesn't validate, or some other options that make sense to you. 
Place the Block on article pages in your theme region (your have this already), adjust Node from URL and other Block options. 


The Views Block will only show on article pages, and it will only display output related to the current node.